@digithia/ui/toasts/index.js

Digithia ui package.

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],e):"object"==typeof exports?exports.digithiaUi=e(require("./vendors.js")):t.digithiaUi=e(t["./vendors.js"])}(window,(function(t){return function(t){function e(e){for(var o,s,n=e[0],p=e[1],c=e[2],l=0,d=[];l<n.length;l++)s=n[l],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&d.push(r[s][0]),r[s]=0;for(o in p)Object.prototype.hasOwnProperty.call(p,o)&&(t[o]=p[o]);for(u&&u(e);d.length;)d.shift()();return a.push.apply(a,c||[]),i()}function i(){for(var t,e=0;e<a.length;e++){for(var i=a[e],o=!0,n=1;n<i.length;n++){var p=i[n];0!==r[p]&&(o=!1)}o&&(a.splice(e--,1),t=s(s.s=i[0]))}return t}var o={},r={13:0},a=[];function s(e){if(o[e])return o[e].exports;var i=o[e]={i:e,l:!1,exports:{}};return t[e].call(i.exports,i,i.exports,s),i.l=!0,i.exports}s.m=t,s.c=o,s.d=function(t,e,i){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(s.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)s.d(i,o,function(e){return t[e]}.bind(null,o));return i},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var n=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],p=n.push.bind(n);n.push=e,n=n.slice();for(var c=0;c<n.length;c++)e(n[c]);var u=p;return a.push([112,0]),i()}({1:function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},10:function(t,e,i){t.exports=(()=>{"use strict";var t={607:function(t,e){var i,o=this&&this.__extends||(i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)},function(t,e){function o(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)});Object.defineProperty(e,"__esModule",{value:!0}),e.DigUtils=e.DigInputError=void 0;var r=function(t){function e(e){return t.call(this,"DigInputError : "+e)||this}return o(e,t),e}(Error);e.DigInputError=r;var a=function(){function t(){}return t.generateUniqueId=function(){return""+Math.random()},t.hasClass=function(t,e){return!!t.className.match(new RegExp("(\\s|^)"+e+"(\\s|$)"))},t.addClass=function(e,i){t.hasClass(e,i)||(e.className+=" "+i)},t.removeClass=function(e,i){if(t.hasClass(e,i)){var o=new RegExp("(\\s|^)"+i+"(\\s|$)");e.className=e.className.replace(o," ")}},t.wrap=function(t,e,i,o){for(var r=0,a=e;r<a.length;r++){var s=a[r];t.appendChild(s)}o?null==i||i.insertBefore(t,o):null==i||i.appendChild(t)},t.firstLetterUppercase=function(t){return t?t.charAt(0).toUpperCase()+t.slice(1):""},t.cssTimeToMilliseconds=function(t){var e=parseFloat(t),i=t.match(/m?s/),o=0;return i&&(i=i[0]),"s"===i?o=1e3*e:"ms"===i&&(o=e),o},t}();e.DigUtils=a}},e={};return function i(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o].call(r.exports,r,r.exports,i),r.exports}(607)})()},112:function(t,e,i){i(5),t.exports=i(88)},5:function(e,i){e.exports=t},88:function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(89),e),r(i(91),e)},89:function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiToaster=void 0;const a=i(0),s=r(i(1)),n=r(i(90));let p=class extends a.LitElement{constructor(){super(...arguments),this.right=!1,this.left=!1,this.top=!1,this.bottom=!1}render(){return a.html`<slot></slot>`}};p.styles=a.css`
    ${s.default}
    ${n.default}
  `,o([a.property({type:Boolean})],p.prototype,"right",void 0),o([a.property({type:Boolean})],p.prototype,"left",void 0),o([a.property({type:Boolean})],p.prototype,"top",void 0),o([a.property({type:Boolean})],p.prototype,"bottom",void 0),p=o([a.customElement("dig-ui-toaster")],p),e.DigUiToaster=p},90:function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-toaster-z-index:99;--dig-ui-toaster-vertical-position:0px;--dig-ui-toaster-horizontal-position:0px;--dig-ui-toaster-max-width:calc(max(50%, 200px));--dig-ui-toaster-max-height:100%;position:absolute;display:grid;overflow:hidden;max-width:var(--dig-ui-toaster-max-width);max-height:var(--dig-ui-toaster-max-height);z-index:var(--dig-ui-toaster-z-index);top:var(--dig-ui-toaster-vertical-position)}:host,:host([right]){justify-items:end;right:var(--dig-ui-toaster-horizontal-position)}:host([right]){left:auto}:host([left]){left:var(--dig-ui-toaster-horizontal-position);right:auto;justify-items:start}:host([top]){top:var(--dig-ui-toaster-vertical-position);bottom:auto}:host([bottom]){bottom:var(--dig-ui-toaster-vertical-position);top:auto}`},91:function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiToast=void 0;const a=i(0),s=i(98),n=i(2),p=i(10),c=r(i(1)),u=r(i(92));let l=class extends a.LitElement{constructor(){super(),this.type="success",this.lifespan=5e3,this.disappear=!1,this.destroy=()=>{this.disappear=!0;const t=getComputedStyle(this).getPropertyValue("--dig-ui-toast-disappear-duration");this.clearTimeout(),setTimeout(()=>{this.remove()},p.DigUtils.cssTimeToMilliseconds(t))},this.clearTimeout=()=>{clearTimeout(this.timer)},this.setTimeout=()=>{this.timer=setTimeout(()=>{this.destroy()},this.lifespan)},this.resetTimeout=()=>{this.clearTimeout(),this.setTimeout()},this.setTimeout(),this.addEventListener("mouseenter",this.clearTimeout),this.addEventListener("mouseleave",this.resetTimeout),this.addEventListener("click",this.destroy)}get svgTag(){const t=i(93)(`./${this.type}.svg`);return a.html`${s.unsafeSVG(t)}`}render(){return a.html`
      <div
        class=${n.classMap({"dig-ui-toast":!0,[this.type]:!0,disappear:this.disappear})}
      >
        <div class="svg-container">${this.svgTag}</div>
        <slot></slot>
      </div>
    `}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"lifespan"===t&&this.resetTimeout()}};l.styles=a.css`
    ${c.default}
    ${u.default}
  `,o([a.property({type:String})],l.prototype,"type",void 0),o([a.property({type:Number})],l.prototype,"lifespan",void 0),o([a.internalProperty()],l.prototype,"disappear",void 0),l=o([a.customElement("dig-ui-toast")],l),e.DigUiToast=l},92:function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-toast-margin:5px;--dig-ui-toast-padding:20px;--dig-ui-toast-icon-padding:10px;--dig-ui-toast-icon-size:30px;--dig-ui-toast-opacity:0.8;--dig-ui-toast-color-success:#65c548;--dig-ui-toast-color-info:#5ec4ff;--dig-ui-toast-color-warning:#ffaa64;--dig-ui-toast-color-error:#e73b3b;--dig-ui-toast-appear-duration:0.3s;--dig-ui-toast-disappear-duration:0.3s;position:relative;margin:var(--dig-ui-toast-margin)}.dig-ui-toast{padding:var(--dig-ui-toast-padding);padding-left:calc(var(--dig-ui-toast-icon-padding)*2 + var(--dig-ui-toast-icon-size));border-radius:2px;color:#fff;opacity:var(--dig-ui-toast-opacity);-webkit-animation:toastAppear var(--dig-ui-toast-appear-duration);animation:toastAppear var(--dig-ui-toast-appear-duration);cursor:pointer}.dig-ui-toast:hover{opacity:1}.dig-ui-toast.disappear{-webkit-animation:toastDisappear var(--dig-ui-toast-disappear-duration);animation:toastDisappear var(--dig-ui-toast-disappear-duration)}.dig-ui-toast.success{background-color:var(--dig-ui-toast-color-success)}.dig-ui-toast.info{background-color:var(--dig-ui-toast-color-info)}.dig-ui-toast.warning{background-color:var(--dig-ui-toast-color-warning)}.dig-ui-toast.error{background-color:var(--dig-ui-toast-color-error)}.svg-container{display:block}.svg-container svg{width:var(--dig-ui-toast-icon-size);height:var(--dig-ui-toast-icon-size);display:block;position:absolute;top:50%;transform:translateY(-50%);left:var(--dig-ui-toast-icon-padding);opacity:.5}@-webkit-keyframes toastAppear{0%{opacity:0}to{opacity:var(--dig-ui-toast-opacity)}}@keyframes toastAppear{0%{opacity:0}to{opacity:var(--dig-ui-toast-opacity)}}@-webkit-keyframes toastDisappear{to{opacity:0}}@keyframes toastDisappear{to{opacity:0}}`},93:function(t,e,i){var o={"./error.svg":94,"./info.svg":95,"./success.svg":96,"./warning.svg":97};function r(t){var e=a(t);return i(e)}function a(t){if(!i.o(o,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return o[t]}r.keys=function(){return Object.keys(o)},r.resolve=a,t.exports=r,r.id=93},94:function(t,e){t.exports='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 384.97 384.97;"><g id="Cancel"><path d="M192.485,0C86.173,0,0,86.173,0,192.485c0,106.3,86.173,192.485,192.485,192.485c106.3,0,192.485-86.173,192.485-192.485 S298.785,0,192.485,0z M192.485,360.909c-93.018,0-168.424-75.406-168.424-168.424S99.467,24.061,192.485,24.061 s168.424,75.406,168.424,168.424S285.503,360.909,192.485,360.909z"></path><path d="M273.437,255.897l-63.376-63.388l63.015-62.497c4.752-4.704,4.752-12.319,0-17.011c-4.74-4.692-12.439-4.692-17.179,0 l-62.931,62.413l-63.869-63.881c-4.74-4.764-12.439-4.764-17.179,0c-4.74,4.752-4.74,12.475,0,17.227l63.773,63.785 l-64.134,63.604c-4.74,4.704-4.74,12.319,0,17.011c4.74,4.704,12.439,4.704,17.191,0l64.049-63.52l63.472,63.472 c4.74,4.764,12.439,4.764,17.179,0C278.177,268.372,278.177,260.661,273.437,255.897z"></path></g></svg>'},95:function(t,e){t.exports='<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title></title><g data-name="Layer 2" id="Layer_2"><path d="M16,12a2,2,0,1,1,2-2A2,2,0,0,1,16,12Zm0-2Z"></path><path d="M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z"></path><path d="M16,24a2,2,0,0,1-2-2V16a2,2,0,0,1,4,0v6A2,2,0,0,1,16,24Zm0-8v0Z"></path></g><g id="frame"><rect class="cls-1" height="32" width="32"></rect></g></svg>'},96:function(t,e){t.exports='<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><path d="M256,0C114.833,0,0,114.833,0,256s114.833,256,256,256s256-114.853,256-256S397.167,0,256,0z M256,472.341 c-119.275,0-216.341-97.046-216.341-216.341S136.725,39.659,256,39.659c119.295,0,216.341,97.046,216.341,216.341 S375.275,472.341,256,472.341z"></path></g><g><path d="M373.451,166.965c-8.071-7.337-20.623-6.762-27.999,1.348L224.491,301.509l-58.438-59.409 c-7.714-7.813-20.246-7.932-28.039-0.238c-7.813,7.674-7.932,20.226-0.238,28.039l73.151,74.361 c3.748,3.807,8.824,5.929,14.138,5.929c0.119,0,0.258,0,0.377,0.02c5.473-0.119,10.629-2.459,14.297-6.504l135.059-148.722 C382.156,186.854,381.561,174.322,373.451,166.965z"></path></g></svg>'},97:function(t,e){t.exports='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512 512"><g><path d="M497.6,469.1L274.2,22.4c-11.1-19.3-32.3-10.4-36.5,0L13,471.4c-7.7,18,8,30.1,18.3,29.5h449.2c0.1,0,0.1,0,0.2,0 C496.8,501.8,506.5,482.7,497.6,469.1z M64.3,460.2l191.6-383l191.6,383H64.3z"></path><path d="m235.5,203.3v125.9c0,11.3 9.1,20.4 20.4,20.4 11.3,0 20.4-9.1 20.4-20.4v-125.9c0-11.3-9.1-20.4-20.4-20.4-11.3,0-20.49.1-20.4,20.4z"></path><ellipse cx="255.9" cy="401" rx="20.5" ry="20.5"></ellipse></g></svg>'}})}));