@digithia/ui/popup/index.js

Digithia ui package.

!function(e,i){"object"==typeof exports&&"object"==typeof module?module.exports=i(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],i):"object"==typeof exports?exports.digithiaUi=i(require("./vendors.js")):e.digithiaUi=i(e["./vendors.js"])}(window,(function(e){return function(e){function i(i){for(var t,u,n=i[0],d=i[1],a=i[2],c=0,l=[];c<n.length;c++)u=n[c],Object.prototype.hasOwnProperty.call(r,u)&&r[u]&&l.push(r[u][0]),r[u]=0;for(t in d)Object.prototype.hasOwnProperty.call(d,t)&&(e[t]=d[t]);for(s&&s(i);l.length;)l.shift()();return p.push.apply(p,a||[]),o()}function o(){for(var e,i=0;i<p.length;i++){for(var o=p[i],t=!0,n=1;n<o.length;n++){var d=o[n];0!==r[d]&&(t=!1)}t&&(p.splice(i--,1),e=u(u.s=o[0]))}return e}var t={},r={10:0},p=[];function u(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,u),o.l=!0,o.exports}u.m=e,u.c=t,u.d=function(e,i,o){u.o(e,i)||Object.defineProperty(e,i,{enumerable:!0,get:o})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,i){if(1&i&&(e=u(e)),8&i)return e;if(4&i&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(u.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&i&&"string"!=typeof e)for(var t in e)u.d(o,t,function(i){return e[i]}.bind(null,t));return o},u.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(i,"a",i),i},u.o=function(e,i){return Object.prototype.hasOwnProperty.call(e,i)},u.p="";var n=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],d=n.push.bind(n);n.push=i,n=n.slice();for(var a=0;a<n.length;a++)i(n[a]);var s=d;return p.push([109,0]),o()}({1:function(e,i,o){"use strict";o.r(i);var t=o(0);i.default=t.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},109:function(e,i,o){o(5),e.exports=o(77)},5:function(i,o){i.exports=e},77:function(e,i,o){"use strict";var t=this&&this.__createBinding||(Object.create?function(e,i,o,t){void 0===t&&(t=o),Object.defineProperty(e,t,{enumerable:!0,get:function(){return i[o]}})}:function(e,i,o,t){void 0===t&&(t=o),e[t]=i[o]}),r=this&&this.__exportStar||function(e,i){for(var o in e)"default"===o||Object.prototype.hasOwnProperty.call(i,o)||t(i,e,o)};Object.defineProperty(i,"__esModule",{value:!0}),r(o(78),i)},78:function(e,i,o){"use strict";var t=this&&this.__decorate||function(e,i,o,t){var r,p=arguments.length,u=p<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,o):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,i,o,t);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(u=(p<3?r(u):p>3?r(i,o,u):r(i,o))||u);return p>3&&u&&Object.defineProperty(i,o,u),u},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(i,"__esModule",{value:!0}),i.DigUiPopup=void 0;const p=o(0),u=o(2),n=r(o(1)),d=r(o(79));let a=class extends p.LitElement{constructor(){super(...arguments),this.required=!1,this.toggled=!1,this.clickOutside=e=>{this.required||e.target.classList.contains("dig-ui-popup")&&this.close()}}render(){return p.html`
      <div class="dig-ui-popup ${u.classMap({toggled:this.toggled,required:this.required})}" @click="${this.clickOutside}">
        <div class="dig-ui-popup-card">
          <slot></slot>
        </div>
      </div>
    `}trigger(){this.toggled=!this.toggled}close(){this.toggled=!1,this.dispatchEvent(new CustomEvent("close"))}};a.styles=p.css`
    ${n.default}
    ${d.default}
  `,t([p.property({type:Boolean})],a.prototype,"required",void 0),t([p.property({type:Boolean})],a.prototype,"toggled",void 0),a=t([p.customElement("dig-ui-popup")],a),i.DigUiPopup=a},79:function(e,i,o){"use strict";o.r(i);var t=o(0);i.default=t.css`:host{--dig-ui-popup-padding:10px;--dig-ui-popup-margin:10px;--dig-ui-popup-border-radius:12px;--dig-ui-popup-border-width:1px;--dig-ui-popup-border-color:#d1d1d1;--dig-ui-popup-background-color:rgba(0,0,0,0.1);--dig-ui-popup-card-background-color:#fff;--dig-ui-popup-box-shadow:0px 0px 10px 2px hsla(0,0%,50.2%,0.267);--dig-ui-popup-z-index:100;--dig-ui-popup-animation-duration:0.2s;--dig-ui-popup-width:400px;--dig-ui-popup-max-height:80%;--dig-ui-popup-overflow:scroll}.dig-ui-popup{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--dig-ui-popup-background-color);z-index:var(--dig-ui-popup-z-index);display:none;align-items:center;justify-content:center;cursor:pointer}.dig-ui-popup.required{cursor:not-allowed}.dig-ui-popup.toggled{display:flex}.dig-ui-popup.toggled .dig-ui-popup-card{-webkit-animation:appear var(--dig-ui-popup-animation-duration) ease-in-out;animation:appear var(--dig-ui-popup-animation-duration) ease-in-out}.dig-ui-popup .dig-ui-popup-card{cursor:auto;position:relative;padding:var(--dig-ui-popup-padding);margin:var(--dig-ui-popup-margin);width:var(--dig-ui-popup-width);max-height:var(--dig-ui-popup-max-height);overflow:var(--dig-ui-popup-overflow);border-radius:var(--dig-ui-popup-border-radius);border:var(--dig-ui-popup-border-width) solid var(--dig-ui-popup-border-color);background-color:var(--dig-ui-popup-card-background-color);box-shadow:var(--dig-ui-popup-box-shadow)}@-webkit-keyframes appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}`}})}));