@digithia/ui/collapsible/index.js

Digithia ui package.

!function(i,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],t):"object"==typeof exports?exports.digithiaUi=t(require("./vendors.js")):i.digithiaUi=t(i["./vendors.js"])}(window,(function(i){return function(i){function t(t){for(var o,l,a=t[0],d=t[1],c=t[2],u=0,p=[];u<a.length;u++)l=a[u],Object.prototype.hasOwnProperty.call(r,l)&&r[l]&&p.push(r[l][0]),r[l]=0;for(o in d)Object.prototype.hasOwnProperty.call(d,o)&&(i[o]=d[o]);for(s&&s(t);p.length;)p.shift()();return n.push.apply(n,c||[]),e()}function e(){for(var i,t=0;t<n.length;t++){for(var e=n[t],o=!0,a=1;a<e.length;a++){var d=e[a];0!==r[d]&&(o=!1)}o&&(n.splice(t--,1),i=l(l.s=e[0]))}return i}var o={},r={4:0},n=[];function l(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return i[t].call(e.exports,e,e.exports,l),e.l=!0,e.exports}l.m=i,l.c=o,l.d=function(i,t,e){l.o(i,t)||Object.defineProperty(i,t,{enumerable:!0,get:e})},l.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},l.t=function(i,t){if(1&t&&(i=l(i)),8&t)return i;if(4&t&&"object"==typeof i&&i&&i.__esModule)return i;var e=Object.create(null);if(l.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:i}),2&t&&"string"!=typeof i)for(var o in i)l.d(e,o,function(t){return i[t]}.bind(null,o));return e},l.n=function(i){var t=i&&i.__esModule?function(){return i.default}:function(){return i};return l.d(t,"a",t),t},l.o=function(i,t){return Object.prototype.hasOwnProperty.call(i,t)},l.p="";var a=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],d=a.push.bind(a);a.push=t,a=a.slice();for(var c=0;c<a.length;c++)t(a[c]);var s=d;return n.push([104,0]),e()}({1:function(i,t,e){"use strict";e.r(t);var o=e(0);t.default=o.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},104:function(i,t,e){e(5),i.exports=e(32)},32:function(i,t,e){"use strict";var o=this&&this.__createBinding||(Object.create?function(i,t,e,o){void 0===o&&(o=e),Object.defineProperty(i,o,{enumerable:!0,get:function(){return t[e]}})}:function(i,t,e,o){void 0===o&&(o=e),i[o]=t[e]}),r=this&&this.__exportStar||function(i,t){for(var e in i)"default"===e||Object.prototype.hasOwnProperty.call(t,e)||o(t,i,e)};Object.defineProperty(t,"__esModule",{value:!0}),r(e(33),t)},33:function(i,t,e){"use strict";var o=this&&this.__decorate||function(i,t,e,o){var r,n=arguments.length,l=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,e,o);else for(var a=i.length-1;a>=0;a--)(r=i[a])&&(l=(n<3?r(l):n>3?r(t,e,l):r(t,e))||l);return n>3&&l&&Object.defineProperty(t,e,l),l},r=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiCollapsible=void 0;const n=e(0),l=e(2),a=r(e(1)),d=r(e(34));let c=class extends n.LitElement{constructor(){super(...arguments),this.title="",this.hidden=!0}toggleHidden(){this.hidden=!this.hidden}render(){return n.html` <div
        class="dig-ui-collapsible-title ${l.classMap({hidden:this.hidden})}"
        @click="${this.toggleHidden}"
      >
        ${this.title}
      </div>
      <div
        class="dig-ui-collapsible-content ${l.classMap({hidden:this.hidden})}"
      >
        <slot></slot>
      </div>`}};c.styles=n.css`
    ${a.default}
    ${d.default}
  `,o([n.property({type:String})],c.prototype,"title",void 0),o([n.property({type:Boolean})],c.prototype,"hidden",void 0),c=o([n.customElement("dig-ui-collapsible")],c),t.DigUiCollapsible=c},34:function(i,t,e){"use strict";e.r(t);var o=e(0);t.default=o.css`@-webkit-keyframes uncollapsecontent{0%{opacity:0;max-height:0%}to{opacity:1;max-height:100%}}@keyframes uncollapsecontent{0%{opacity:0;max-height:0%}to{opacity:1;max-height:100%}}:host{--dig-ui-collapsible-border-radius:6px;--dig-ui-collapsible-title-bottom-border-color:rgba(0,0,0,0.125);--dig-ui-collapsible-background:rgba(0,0,255,0.0365);--dig-ui-collapsible-title-hover-background:rgba(0,0,255,0.0665);--dig-ui-collapsible-content-border-color:rgba(0,0,0,0.25);--dig-ui-collapsible-title-vertical-padding:5px;--dig-ui-collapsible-content-padding:5px;--dig-ui-collapsible-animation-duration:0.5s;--dig-ui-collapsible-arrow-animation-duration:0.2s;--dig-ui-collapsible-title-height:40px}:host .dig-ui-collapsible-title{border-top-left-radius:var(--dig-ui-collapsible-border-radius);border-top-right-radius:var(--dig-ui-collapsible-border-radius);border:1px solid var(--dig-ui-collapsible-content-border-color);background-color:var(--dig-ui-collapsible-background);cursor:pointer;width:100%;text-align:center;padding-top:var(--dig-ui-collapsible-title-vertical-padding);padding-bottom:var(--dig-ui-collapsible-title-vertical-padding);box-sizing:border-box;height:var(--dig-ui-collapsible-title-height);display:flex;align-items:center;flex-flow:column;justify-content:center;position:relative}.dig-ui-collapsible-title:after{content:"▾";position:absolute;right:10px;transition:transform var(--dig-ui-collapsible-arrow-animation-duration) ease-out}.dig-ui-collapsible-title:not(.hidden):after{transform:rotate(180deg)}:host .dig-ui-collapsible-title:hover{background:var(--dig-ui-collapsible-title-hover-background)}:host .dig-ui-collapsible-title:not(.hidden){border-bottom-color:var(--dig-ui-collapsible-title-bottom-border-color)}:host .dig-ui-collapsible-content{border-bottom-left-radius:var(--dig-ui-collapsible-border-radius);border-bottom-right-radius:var(--dig-ui-collapsible-border-radius);border:1px solid var(--dig-ui-collapsible-content-border-color);border-top:none;width:100%;padding:var(--dig-ui-collapsible-content-padding);box-sizing:border-box}:host .dig-ui-collapsible-content.hidden{display:none}:host .dig-ui-collapsible-content:not(.hidden){-webkit-animation-name:uncollapsecontent;animation-name:uncollapsecontent;-webkit-animation-duration:var(--dig-ui-collapsible-animation-duration);animation-duration:var(--dig-ui-collapsible-animation-duration);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}`},5:function(t,e){t.exports=i}})}));