{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-toast.entry.js"],"names":["amplifyToastCss","AmplifyToast","hostRef","this","message","prototype","render","class","name","onClick","handleClose","style"],"mappings":"kHAAA,qEACIA,EAAkB,i9CAClBC,EAA8B,WAC9B,SAASA,EAAaC,GAClB,eAAiBC,KAAMD,GAEvBC,KAAKC,QAAU,GASnB,OAHAH,EAAaI,UAAUC,OAAS,WAC5B,OAAQ,cAAD,CAAG,MAAO,CAAEC,MAAO,SAAW,eAAE,eAAgB,CAAEA,MAAO,aAAcC,KAAM,YAAcL,KAAKC,QAAU,eAAE,OAAQ,KAAMD,KAAKC,SAAW,KAAM,eAAE,OAAQ,MAAO,eAAE,SAAU,CAAEG,MAAO,cAAeE,QAASN,KAAKO,gBAEvNT,EAbsB,GAejCA,EAAaU,MAAQX","file":"js/chunk-2d0a4629.83672bfd.js","sourcesContent":["import { r as registerInstance, h } from './index-3fb5c139.js';\nvar amplifyToastCss = \":host{--background-color:var(--amplify-secondary-tint);--color:var(--amplify-white);--font-size:var(--amplify-text-sm);--font-family:var(--amplify-font-family);--close-icon-color:var(--amplify-white);--close-icon-hover:var(--amplify-red)}.toast-icon{padding-right:5px}.toast{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:99;-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3);padding:16px;background-color:var(--background-color);font-size:var(--font-size);color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;font-family:var(--font-family)}.toast>span{margin-right:10px}.toast-close{margin-left:auto;-ms-flex-item-align:center;align-self:center;position:relative;width:18px;height:18px;overflow:hidden;cursor:pointer;background:transparent;border:none}.toast-close::before,.toast-close::after{content:\\\"\\\";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:var(--close-icon-color)}.toast-close:hover::before,.toast-close:hover::after{background:var(--close-icon-hover)}.toast-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.toast-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}\";\nvar AmplifyToast = /** @class */ (function () {\n    function AmplifyToast(hostRef) {\n        registerInstance(this, hostRef);\n        /** Message to be displayed inside the toast*/\n        this.message = '';\n    }\n    /*\n    TODO #170365145: Work on a helper function that will populate and\n    update class colors for success / warning / failure messages\n    */\n    AmplifyToast.prototype.render = function () {\n        return (h(\"div\", { class: \"toast\" }, h(\"amplify-icon\", { class: \"toast-icon\", name: \"warning\" }), this.message ? h(\"span\", null, this.message) : null, h(\"slot\", null), h(\"button\", { class: \"toast-close\", onClick: this.handleClose })));\n    };\n    return AmplifyToast;\n}());\nAmplifyToast.style = amplifyToastCss;\nexport { AmplifyToast as amplify_toast };\n"],"sourceRoot":""}