@maggioli-design-system/mds-accordion-timer-item
Advanced tools
Comparing version 3.1.1 to 3.2.0
@@ -7,3 +7,3 @@ 'use strict'; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}"; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration, 500ms);position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-timer-item-duration);transition-duration:var(--mds-accordion-timer-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}"; | ||
@@ -45,3 +45,3 @@ const MdsAccordionTimerItem = class { | ||
var _a; | ||
return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("slot", null)))))); | ||
return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("div", { class: "contents-expander" }, index.h("slot", null))))))); | ||
} | ||
@@ -48,0 +48,0 @@ }; |
@@ -33,3 +33,3 @@ import { Host, h } from '@stencil/core'; | ||
var _a; | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null)))))); | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("div", { class: "contents-expander" }, h("slot", null))))))); | ||
} | ||
@@ -36,0 +36,0 @@ static get is() { return "mds-accordion-timer-item"; } |
@@ -16,2 +16,6 @@ const buttonVariantDictionary = [ | ||
]; | ||
const buttonTargetDictionary = [ | ||
'blank', | ||
'self', | ||
]; | ||
const buttonSizeDictionary = [ | ||
@@ -27,2 +31,2 @@ 'sm', | ||
]; | ||
export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, }; | ||
export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, }; |
@@ -56,2 +56,10 @@ const themeVariantDictionary = [ | ||
]; | ||
const toneActionVariantDictionary = [ | ||
'primary', | ||
'secondary', | ||
'tertiary', | ||
'strong', | ||
'weak', | ||
'quiet', | ||
]; | ||
const toneSimpleVariantDictionary = [ | ||
@@ -66,2 +74,2 @@ 'strong', | ||
]; | ||
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; | ||
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; |
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client'; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}"; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration, 500ms);position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-timer-item-duration);transition-duration:var(--mds-accordion-timer-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}"; | ||
@@ -42,3 +42,3 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
var _a; | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null)))))); | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("div", { class: "contents-expander" }, h("slot", null))))))); | ||
} | ||
@@ -45,0 +45,0 @@ static get style() { return mdsAccordionTimerItemCss; } |
{ | ||
"timestamp": "2023-04-14T10:13:32", | ||
"timestamp": "2023-06-23T10:11:34", | ||
"compiler": { | ||
@@ -165,2 +165,7 @@ "name": "@stencil/core", | ||
{ | ||
"name": "--mds-accordion-timer-item-duration", | ||
"annotation": "prop", | ||
"docs": "Sets the transition duration of open/close animation" | ||
}, | ||
{ | ||
"name": "--mds-accordion-timer-item-progress-bar-background", | ||
@@ -167,0 +172,0 @@ "annotation": "prop", |
@@ -1,1 +0,1 @@ | ||
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5d57a2db.js";var mdsAccordionTimerItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var t=this;registerInstance(this,o);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){t.selected=!t.selected;t.progress=0;if(t.selected){t.clickSelectEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit({selected:t.selected,uuid:t.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){var o;return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number((o=this.progress)===null||o===void 0?void 0:o.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item}; | ||
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5d57a2db.js";var mdsAccordionTimerItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration, 500ms);position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-timer-item-duration);transition-duration:var(--mds-accordion-timer-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}";var MdsAccordionTimerItem=function(){function o(o){var t=this;registerInstance(this,o);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){t.selected=!t.selected;t.progress=0;if(t.selected){t.clickSelectEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit({selected:t.selected,uuid:t.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){var o;return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number((o=this.progress)===null||o===void 0?void 0:o.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("div",{class:"contents-expander"},h("slot",null))))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item}; |
import { r as registerInstance, c as createEvent, h, H as Host } from './index-5d57a2db.js'; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}"; | ||
const mdsAccordionTimerItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-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{--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration, 500ms);position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-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(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-timer-item-duration);transition-duration:var(--mds-accordion-timer-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}"; | ||
@@ -40,3 +40,3 @@ const MdsAccordionTimerItem = class { | ||
var _a; | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null)))))); | ||
return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("div", { class: "contents-expander" }, h("slot", null))))))); | ||
} | ||
@@ -43,0 +43,0 @@ }; |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-0028ae1e",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e))); | ||
import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-ebd2fb5b",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-73c9c07c.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}})); | ||
System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-88f9bd3a.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}})); |
{ | ||
"timestamp": "2023-04-14T10:13:32", | ||
"timestamp": "2023-06-23T10:11:34", | ||
"compiler": { | ||
@@ -12,10 +12,11 @@ "name": "node", | ||
"entries": 1, | ||
"bundles": 66, | ||
"bundles": 67, | ||
"outputs": [ | ||
{ | ||
"name": "dist-collection", | ||
"files": 25, | ||
"files": 26, | ||
"generatedFiles": [ | ||
"./dist/collection/common/aria.js", | ||
"./dist/collection/common/keyboard-manager.js", | ||
"./dist/collection/common/unit.js", | ||
"./dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js", | ||
@@ -80,17 +81,17 @@ "./dist/collection/components/mds-accordion-timer-item/meta/event-detail.js", | ||
"./dist/mds-accordion-timer-item/mds-accordion-timer-item.js", | ||
"./dist/mds-accordion-timer-item/p-0028ae1e.entry.js", | ||
"./dist/mds-accordion-timer-item/p-0df2a96d.system.js", | ||
"./dist/mds-accordion-timer-item/p-50ea2036.system.js", | ||
"./dist/mds-accordion-timer-item/p-73c9c07c.system.entry.js", | ||
"./dist/mds-accordion-timer-item/p-88f9bd3a.system.entry.js", | ||
"./dist/mds-accordion-timer-item/p-8f6dc424.system.js", | ||
"./dist/mds-accordion-timer-item/p-96e23db0.js", | ||
"./dist/mds-accordion-timer-item/p-ebd2fb5b.entry.js", | ||
"./www/build/index.esm.js", | ||
"./www/build/mds-accordion-timer-item.esm.js", | ||
"./www/build/mds-accordion-timer-item.js", | ||
"./www/build/p-0028ae1e.entry.js", | ||
"./www/build/p-0df2a96d.system.js", | ||
"./www/build/p-50ea2036.system.js", | ||
"./www/build/p-73c9c07c.system.entry.js", | ||
"./www/build/p-88f9bd3a.system.entry.js", | ||
"./www/build/p-8f6dc424.system.js", | ||
"./www/build/p-96e23db0.js" | ||
"./www/build/p-96e23db0.js", | ||
"./www/build/p-ebd2fb5b.entry.js" | ||
] | ||
@@ -128,8 +129,8 @@ }, | ||
], | ||
"bundleId": "p-0028ae1e", | ||
"fileName": "p-0028ae1e.entry.js", | ||
"bundleId": "p-ebd2fb5b", | ||
"fileName": "p-ebd2fb5b.entry.js", | ||
"imports": [ | ||
"p-96e23db0.js" | ||
], | ||
"originalByteSize": 6446 | ||
"originalByteSize": 6326 | ||
} | ||
@@ -148,3 +149,3 @@ ], | ||
], | ||
"originalByteSize": 6450 | ||
"originalByteSize": 6330 | ||
} | ||
@@ -163,3 +164,3 @@ ], | ||
], | ||
"originalByteSize": 6450 | ||
"originalByteSize": 6330 | ||
} | ||
@@ -173,8 +174,8 @@ ], | ||
], | ||
"bundleId": "p-73c9c07c.system", | ||
"fileName": "p-73c9c07c.system.entry.js", | ||
"bundleId": "p-88f9bd3a.system", | ||
"fileName": "p-88f9bd3a.system.entry.js", | ||
"imports": [ | ||
"p-0df2a96d.system.js" | ||
], | ||
"originalByteSize": 6902 | ||
"originalByteSize": 6782 | ||
} | ||
@@ -193,3 +194,3 @@ ], | ||
], | ||
"originalByteSize": 6556 | ||
"originalByteSize": 6442 | ||
} | ||
@@ -632,2 +633,7 @@ ] | ||
"annotation": "prop" | ||
}, | ||
{ | ||
"name": "--mds-accordion-timer-item-duration", | ||
"docs": "Sets the transition duration of open/close animation", | ||
"annotation": "prop" | ||
} | ||
@@ -732,2 +738,3 @@ ], | ||
"./src/common/keyboard-manager.ts": [], | ||
"./src/common/unit.ts": [], | ||
"./src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx": [], | ||
@@ -734,0 +741,0 @@ "./src/components/mds-accordion-timer-item/meta/event-detail.ts": [], |
declare const buttonVariantDictionary: string[]; | ||
declare const buttonToneVariantDictionary: string[]; | ||
declare const buttonTargetDictionary: string[]; | ||
declare const buttonSizeDictionary: string[]; | ||
declare const buttonIconPositionDictionary: string[]; | ||
export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, }; | ||
export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, }; |
@@ -7,4 +7,5 @@ declare const themeVariantDictionary: string[]; | ||
declare const toneVariantDictionary: string[]; | ||
declare const toneActionVariantDictionary: string[]; | ||
declare const toneSimpleVariantDictionary: string[]; | ||
declare const toneMinimalVariantDictionary: string[]; | ||
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; | ||
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, }; |
export type ButtonType = 'a' | 'button' | 'reset' | 'submit'; | ||
export type ButtonTargetType = 'self' | 'blank'; | ||
export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl'; | ||
export type ButtonIconPositionType = 'left' | 'right'; | ||
export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning'; |
@@ -8,4 +8,5 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning'; | ||
export type StateVariantType = 'disabled' | 'focused' | 'readonly'; | ||
export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet'; | ||
export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet'; | ||
export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet'; | ||
export type ToneMinimalVariantType = 'strong' | 'weak'; |
{ | ||
"timestamp": "2023-04-14T09:57:39", | ||
"timestamp": "2023-06-23T10:05:29", | ||
"compiler": { | ||
@@ -166,2 +166,7 @@ "name": "@stencil/core", | ||
{ | ||
"name": "--mds-accordion-timer-item-duration", | ||
"annotation": "prop", | ||
"docs": "Sets the transition duration of open/close animation" | ||
}, | ||
{ | ||
"name": "--mds-accordion-timer-item-progress-bar-background", | ||
@@ -168,0 +173,0 @@ "annotation": "prop", |
{ | ||
"name": "@maggioli-design-system/mds-accordion-timer-item", | ||
"version": "3.1.1", | ||
"version": "3.2.0", | ||
"description": "mds-accordion-timer-item is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.", | ||
@@ -27,5 +27,5 @@ "main": "dist/index.cjs.js", | ||
"dependencies": { | ||
"@maggioli-design-system/mds-progress": "^2.4.1", | ||
"@maggioli-design-system/mds-progress": "^2.5.0", | ||
"@maggioli-design-system/mds-text": "^3.3.0", | ||
"@maggioli-design-system/styles": "^11.4.0", | ||
"@maggioli-design-system/styles": "^11.5.2", | ||
"@stencil/core": "^2.22.3" | ||
@@ -32,0 +32,0 @@ }, |
@@ -33,2 +33,3 @@ # mds-accordion-timer-item | ||
| `--mds-accordion-timer-item-color` | Sets the text color of the component | | ||
| `--mds-accordion-timer-item-duration` | Sets the transition duration of open/close animation | | ||
| `--mds-accordion-timer-item-progress-bar-background` | Sets the background-color of the progress bar when the item is selected | | ||
@@ -35,0 +36,0 @@ | `--mds-accordion-timer-item-progress-bar-color` | Sets the color of the progress bar when the item is selected | |
@@ -33,2 +33,3 @@ # mds-accordion-timer-item | ||
| `--mds-accordion-timer-item-color` | Sets the text color of the component | | ||
| `--mds-accordion-timer-item-duration` | Sets the transition duration of open/close animation | | ||
| `--mds-accordion-timer-item-progress-bar-background` | Sets the background-color of the progress bar when the item is selected | | ||
@@ -35,0 +36,0 @@ | `--mds-accordion-timer-item-progress-bar-color` | Sets the color of the progress bar when the item is selected | |
@@ -18,2 +18,7 @@ const buttonVariantDictionary = [ | ||
const buttonTargetDictionary = [ | ||
'blank', | ||
'self', | ||
] | ||
const buttonSizeDictionary = [ | ||
@@ -32,6 +37,7 @@ 'sm', | ||
export { | ||
buttonIconPositionDictionary, | ||
buttonSizeDictionary, | ||
buttonTargetDictionary, | ||
buttonToneVariantDictionary, | ||
buttonVariantDictionary, | ||
buttonIconPositionDictionary, | ||
} |
@@ -62,2 +62,11 @@ const themeVariantDictionary = [ | ||
const toneActionVariantDictionary = [ | ||
'primary', | ||
'secondary', | ||
'tertiary', | ||
'strong', | ||
'weak', | ||
'quiet', | ||
] | ||
const toneSimpleVariantDictionary = [ | ||
@@ -80,2 +89,3 @@ 'strong', | ||
themeVariantDictionary, | ||
toneActionVariantDictionary, | ||
toneMinimalVariantDictionary, | ||
@@ -82,0 +92,0 @@ toneSimpleVariantDictionary, |
@@ -31,2 +31,3 @@ [ | ||
"mgg/area-weather", | ||
"mgg/bill", | ||
"mgg/box-multiple", | ||
@@ -37,2 +38,3 @@ "mgg/breadcrumb", | ||
"mgg/calendar-schedule", | ||
"mgg/cancelled-sheet", | ||
"mgg/car-license", | ||
@@ -44,3 +46,5 @@ "mgg/card-stamping", | ||
"mgg/city-bin", | ||
"mgg/classic-permission", | ||
"mgg/copy-paste", | ||
"mgg/d-instrumental-buildings", | ||
"mgg/data-analytics-alt", | ||
@@ -56,2 +60,3 @@ "mgg/data-analytics-search", | ||
"mgg/dataset", | ||
"mgg/delivered-to-the-recipient", | ||
"mgg/document-magic", | ||
@@ -85,5 +90,9 @@ "mgg/document-rename", | ||
"mgg/fit-vertical", | ||
"mgg/forwarded-with-a-single-sending", | ||
"mgg/fullscreen-on-alt", | ||
"mgg/google-check-small", | ||
"mgg/google-place-item", | ||
"mgg/group-assigned-automatically-system", | ||
"mgg/group-ceased", | ||
"mgg/group-inherited", | ||
"mgg/heart", | ||
@@ -99,2 +108,3 @@ "mgg/heart-outline", | ||
"mgg/input-calendar-time", | ||
"mgg/instrumental-buildings", | ||
"mgg/isbn", | ||
@@ -121,2 +131,4 @@ "mgg/judge-hammer", | ||
"mgg/national-document-off", | ||
"mgg/not-instrumental-d-buildings", | ||
"mgg/not-sent-yet", | ||
"mgg/order-return-down-left-to-right", | ||
@@ -140,4 +152,6 @@ "mgg/order-return-down-left-to-up", | ||
"mgg/other-properties-off", | ||
"mgg/other-residential-buildings", | ||
"mgg/partial-wall", | ||
"mgg/payment-settings", | ||
"mgg/pec-sent-to-the-not-pec-recipient", | ||
"mgg/places-green", | ||
@@ -156,2 +170,3 @@ "mgg/places-green-doc", | ||
"mgg/residency-permit", | ||
"mgg/roles-permission", | ||
"mgg/rubber-stamp", | ||
@@ -161,2 +176,3 @@ "mgg/rurale", | ||
"mgg/send-progress", | ||
"mgg/sending-error", | ||
"mgg/settings-attachment", | ||
@@ -171,2 +187,3 @@ "mgg/sign-shop", | ||
"mgg/stuck-codes", | ||
"mgg/subtractive-permission", | ||
"mgg/tea-light", | ||
@@ -188,2 +205,3 @@ "mgg/terminal", | ||
"mgg/trending-down", | ||
"mgg/tribute", | ||
"mgg/tributes", | ||
@@ -195,2 +213,3 @@ "mgg/urban-city", | ||
"mgg/user-location-off", | ||
"mgg/user-signed-out", | ||
"mgg/view-chart-gantt", | ||
@@ -197,0 +216,0 @@ "mgg/view-side-by-side", |
@@ -20,2 +20,3 @@ [ | ||
"mgg/area-weather", | ||
"mgg/bill", | ||
"mgg/box-multiple", | ||
@@ -26,2 +27,3 @@ "mgg/breadcrumb", | ||
"mgg/calendar-schedule", | ||
"mgg/cancelled-sheet", | ||
"mgg/car-license", | ||
@@ -33,3 +35,5 @@ "mgg/card-stamping", | ||
"mgg/city-bin", | ||
"mgg/classic-permission", | ||
"mgg/copy-paste", | ||
"mgg/d-instrumental-buildings", | ||
"mgg/data-analytics-alt", | ||
@@ -45,2 +49,3 @@ "mgg/data-analytics-search", | ||
"mgg/dataset", | ||
"mgg/delivered-to-the-recipient", | ||
"mgg/document-magic", | ||
@@ -74,5 +79,9 @@ "mgg/document-rename", | ||
"mgg/fit-vertical", | ||
"mgg/forwarded-with-a-single-sending", | ||
"mgg/fullscreen-on-alt", | ||
"mgg/google-check-small", | ||
"mgg/google-place-item", | ||
"mgg/group-assigned-automatically-system", | ||
"mgg/group-ceased", | ||
"mgg/group-inherited", | ||
"mgg/heart-outline", | ||
@@ -88,2 +97,3 @@ "mgg/heart", | ||
"mgg/input-calendar-time", | ||
"mgg/instrumental-buildings", | ||
"mgg/isbn", | ||
@@ -110,2 +120,4 @@ "mgg/judge-hammer", | ||
"mgg/national-document", | ||
"mgg/not-instrumental-d-buildings", | ||
"mgg/not-sent-yet", | ||
"mgg/order-return-down-left-to-right", | ||
@@ -129,4 +141,6 @@ "mgg/order-return-down-left-to-up", | ||
"mgg/other-properties", | ||
"mgg/other-residential-buildings", | ||
"mgg/partial-wall", | ||
"mgg/payment-settings", | ||
"mgg/pec-sent-to-the-not-pec-recipient", | ||
"mgg/places-green-doc", | ||
@@ -145,2 +159,3 @@ "mgg/places-green-history", | ||
"mgg/residency-permit", | ||
"mgg/roles-permission", | ||
"mgg/rubber-stamp", | ||
@@ -150,2 +165,3 @@ "mgg/rurale", | ||
"mgg/send-progress", | ||
"mgg/sending-error", | ||
"mgg/settings-attachment", | ||
@@ -160,2 +176,3 @@ "mgg/sign-shop", | ||
"mgg/stuck-codes", | ||
"mgg/subtractive-permission", | ||
"mgg/tea-light", | ||
@@ -177,2 +194,3 @@ "mgg/terminal", | ||
"mgg/trending-down", | ||
"mgg/tribute", | ||
"mgg/tributes", | ||
@@ -184,2 +202,3 @@ "mgg/urban-city", | ||
"mgg/user-location", | ||
"mgg/user-signed-out", | ||
"mgg/view-chart-gantt", | ||
@@ -186,0 +205,0 @@ "mgg/view-side-by-side", |
@@ -7,2 +7,6 @@ export type ButtonType = | ||
export type ButtonTargetType = | ||
|'self' | ||
|'blank' | ||
export type ButtonSizeType = | ||
@@ -9,0 +13,0 @@ | 'sm' |
@@ -60,2 +60,11 @@ export type ThemeStatusVariantType = | ||
export type ToneActionVariantType = | ||
| 'primary' // background strong | ||
| 'secondary' // background weak | ||
| 'tertiary' // no background, no border | ||
| 'strong' // background strong | ||
| 'weak' // background weak | ||
| 'ghost' // bordered | ||
| 'quiet' // no background, no border | ||
export type ToneVariantType = | ||
@@ -62,0 +71,0 @@ | 'strong' // background strong |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-0028ae1e",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e))); | ||
import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-ebd2fb5b",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-73c9c07c.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}})); | ||
System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-88f9bd3a.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}})); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
793629
148
10601
57