@maggioli-design-system/mds-accordion-timer-item 1.0.0

package/dist/mds-accordion-timer-item/p-d8623772.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-9b9f6cb9.system.js"],(function(t){"use strict";var i,o,r,e;return{setters:[function(t){i=t.r;o=t.c;r=t.h;e=t.H}],execute:function(){function n(t){var i,o,r="";if(typeof t==="string"||typeof t==="number"){r+=t}else if(typeof t==="object"){if(Array.isArray(t)){for(i=0;i<t.length;i++){if(t[i]){if(o=n(t[i])){r&&(r+=" ");r+=o}}}}else{for(i in t){if(t[i]){r&&(r+=" ");r+=i}}}}return r}function s(){var t=0,i,o,r="";while(t<arguments.length){if(i=arguments[t++]){if(o=n(i)){r&&(r+=" ");r+=o}}}return r}var a=".contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--color, rgb(var(--adjust-tone-02)))}:host(:hover:not(.active)) .progress-bar{--background-active:rgb(var(--adjust-tone-07))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--thickness:0.25rem}.header{cursor:pointer}:host(.active) .header{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";var c=t("mds_accordion_timer_item",function(){function t(t){var r=this;i(this,t);this.clickActive=o(this,"clickActive",7);this.mouseEnterActive=o(this,"mouseEnterActive",7);this.mouseLeaveActive=o(this,"mouseLeaveActive",7);this.typography="h5";this.progress=0;this.uuid=0;this.toggle=function(){if(!r.isActive){r.isActive=true;r.clickActive.emit(r.description)}};this.mouseEnter=function(){if(r.isActive){r.mouseEnterActive.emit(r.description)}};this.mouseLeave=function(){if(r.isActive){r.mouseLeaveActive.emit(r.description)}}}t.prototype.componentWillLoad=function(){this.isActive=this.active};t.prototype.validateOpened=function(t){this.isActive=t};t.prototype.render=function(){return r(e,{class:s(this.isActive&&"active"),onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:this.progress,direction:"vertical"}),r("div",{class:"accordion"},r("div",{class:"header",onClick:this.toggle},r("mds-text",{typography:this.typography},this.description)),r("div",{class:s("contents",this.isActive&&"contents--opened")},r("slot",null)))))};Object.defineProperty(t,"watchers",{get:function(){return{active:["validateOpened"]}},enumerable:false,configurable:true});return t}());c.style=a}}}));