{"version":3,"sources":["../../less//mnt/workingdata/node-repo/event-notification-panel/node_modules/@dankolz/webhandle-admin-icons/less/admin-icon-setup.less","../../less/components.less"],"names":[],"mappings":"YAAkB;AAElB;EACC,aAAa,gBAAb;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;;EAEA,qBAAA;EACA,cAAA;EACA,oBAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;;EAGA,mCAAA;;EAEA,kCAAA;;EAGA,kCAAA;;EAGA,uBAAuB,MAAvB;;AAGD;EACC,SAAS,QAAT;;AC1BD;EAEC,2BAAA;EACA,sBAAA;EACA,uBAAA;EACA,kBAAA;EACA,0BAAA;EACA,wBAAA;EAEA,cAAA;;AATD,8BAWC;EACC,oBAAoB,uBAApB;;AACA,8BAFD,yBAEE,OACA,MACC;EACC,aAAA;;AAHH,8BAFD,yBAEE,OAMA;EACC,kBAAA;;AAPF,8BAFD,yBAEE,OAMA,SAEC;EACC,cAAA;;AAGD,8BAdH,yBAEE,OAMA,SAMG;EACD,mBAAA;;AA1BL,8BAiCC;EACC,kBAAA;EACA,aAAA;EACA,+BAAA;EACA,kBAAA;EACA,kBAAkB,uBAAlB;EACA,kBAAA;;AAvCF,8BAiCC,cAQC,MACC,KACC;EACC,kBAAA;EACA,qBAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;;AAEA,8BAlBJ,cAQC,MACC,KACC,MAQE;EACA,SAAS,EAAT;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;;AAzDN,8BAiCC,cAQC,MACC,KACC,MAiBC;EACC,eAAA;;AA7DN,8BAiCC,cAQC,MACC,KAsBC;EACC,gBAAA;;AAjEL,8BAiCC,cAQC,MA4BC;EACC,gBAAA;EACA,uBAAuB,uBAAvB;EACA,iBAAA;EACA,cAAA;;AAzEJ,8BAiCC,cAQC,MAmCC;EACC,gBAAA;;AA7EJ,8BAiCC,cAQC,MAsCC;EACC,aAAA;EACA,+BAAA;EACA,gBAAA;;AAlFJ,8BAiCC,cAQC,MAsCC,UAKC;EACC,kBAAA;EACA,kBAAkB,uBAAlB;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,YAAA;;AA1FL,8BAiCC,cAQC,MAsCC,UAKC,KAQC;EACC,kBAAA;EACA,WAAA;EACA,kBAAkB,yBAAlB;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,wBAAwB,uBAAxB;;AAnGN,8BAiCC,cAwEC;EACC,UAAA;;AA1GH,8BAiCC,cAwEC,SAEC;EACC,cAAA;EACA,eAAA;EACA,eAAA;;AA9GJ,8BAiCC,cAwEC,SAOC;EACC,aAAA;;AAjHJ,8BAiCC,cAoFC;EACC,kBAAA;EACA,QAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,UAAA;;AAEA,8BA5FF,cAoFC,aAQE;EACA,SAAS,EAAT;EACA,kBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAkB,uBAAlB;EACA,WAAA;;AAIF,8BAtGD,cAsGE,QACA;EACC,OAAO,oBAAP;;AACA,8BAzGH,cAsGE,QACA,MAEE;EACA,kBAAkB,oBAAlB;;AAIH,8BA9GD,cA8GE,QACA;EACC,OAAO,oBAAP;;AACA,8BAjHH,cA8GE,QACA,MAEE;EACA,kBAAkB,oBAAlB;;AAIH,8BAtHD,cAsHE,MACA;EACC,OAAO,kBAAP;;AACA,8BAzHH,cAsHE,MACA,MAEE;EACA,kBAAkB,kBAAlB;;AA3JL,8BAmKC;EACC,YAAA","file":"event-notification-panel.css","sourcesContent":["@import (css) url(\"https://fonts.googleapis.com/icon?family=Material+Icons\");\n\n.material-icons {\n\tfont-family: 'Material Icons';\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-size: 24px;\n\t/* Preferred icon size */\n\tdisplay: inline-block;\n\tline-height: 1;\n\ttext-transform: none;\n\tletter-spacing: normal;\n\tword-wrap: normal;\n\twhite-space: nowrap;\n\tdirection: ltr;\n\n\t/* Support for all WebKit browsers. */\n\t-webkit-font-smoothing: antialiased;\n\t/* Support for Safari and Chrome. */\n\ttext-rendering: optimizeLegibility;\n\n\t/* Support for Firefox. */\n\t-moz-osx-font-smoothing: grayscale;\n\n\t/* Support for IE. */\n\tfont-feature-settings: 'liga';\n}\n\n.material-icons-styles-marker {\n\tcontent: \"loaded\";\n}","@import \"../node_modules/@dankolz/webhandle-admin-icons/less/admin-icon-setup\";\n\n\n.webhandle-event-notifications {\n\t@grey-box-outline: #eeeeee;\n\t--grey-box-outline: @grey-box-outline;\n\t--success-color: green;\n\t--warning-color: orange;\n\t--error-color: red;\n\t--progress-bar-color: blue;\n\t--trransition-time: .3s;\n\n\toverflow: auto;\n\t\n\t.event-notification-view {\n\t\ttransition: opacity var(--trransition-time);\n\t\t&.closed {\n\t\t\t.info {\n\t\t\t\t.message-holder {\n\t\t\t\t\tmax-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.actions {\n\t\t\t\tpadding-left: 15px;\n\t\t\t\t.expand-message {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t& > * {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\n\t.notification {\n\t\tposition: relative;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t\tpadding: 10px 16px;\n\t\tborder: solid 1px var(--grey-box-outline);\n\t\tborder-radius: 4px;\n\t\t\n\t\t.info {\n\t\t\t.top {\n\t\t\t\t.icon {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tpadding: 5px 5px 2px 5px;\n\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tisolation: isolate;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\tz-index: -1;\n\t\t\t\t\t\topacity: 20%;\n\t\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.material-icons {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.headline {\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t.message-holder {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransition: max-height var(--trransition-time);\n\t\t\t\tmax-height: 200px;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t\n\t\t\t.message {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t\t.progress {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: auto 1fr;\n\t\t\t\tcolumn-gap: 30px;\n\t\t\t\t\n\t\t\t\t.bar {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder: solid 1px var(--grey-box-outline);\n\t\t\t\t\tborder-radius: 12px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\talign-self: center;\n\t\t\t\t\theight: 12px;\n\t\t\t\t\t\n\t\t\t\t\t.made {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tbackground-color: var(--progress-bar-color);\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\tleft: -100%;\n\t\t\t\t\t\ttransition: margin-left var(--trransition-time);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.actions {\n\t\t\tz-index: 3;\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t\t.expand-message {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\t\n\n\t\t.cancel-mask {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tz-index: 2;\n\t\t\t\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\topacity: .4;\n\t\t\t\tbackground-color: var(--grey-box-outline);\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t\t\n\t\t&.success {\n\t\t\t.icon {\n\t\t\t\tcolor: var(--success-color);\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--success-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.warning {\n\t\t\t.icon {\n\t\t\t\tcolor: var(--warning-color);\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--warning-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.error {\n\t\t\t.icon {\n\t\t\t\tcolor: var(--error-color);\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--error-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t.notification {\n\t\tmargin: 10px; \n\t}\n\n}\n"]}