@maggioli-design-system/mds-accordion-timer-item 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-accordion-timer-item.cjs.entry.js +5 -14
- package/dist/cjs/mds-accordion-timer-item.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js +5 -14
- package/dist/collection/dictionary/typography.js +3 -3
- package/dist/components/mds-accordion-timer-item.js +5 -14
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mds-accordion-timer-item.entry.js +5 -14
- package/dist/esm/mds-accordion-timer-item.js +1 -1
- package/dist/esm-es5/mds-accordion-timer-item.entry.js +1 -1
- package/dist/mds-accordion-timer-item/mds-accordion-timer-item.esm.js +1 -1
- package/dist/mds-accordion-timer-item/mds-accordion-timer-item.js +1 -1
- package/dist/mds-accordion-timer-item/p-5a2b1b94.entry.js +1 -0
- package/dist/mds-accordion-timer-item/{p-0121b7d5.system.entry.js → p-d73a3ce4.system.entry.js} +1 -1
- package/{www/build/p-4bbca925.system.js → dist/mds-accordion-timer-item/p-eb0644d6.system.js} +1 -1
- package/dist/stats.json +17 -17
- package/dist/types/stencil-public-runtime.d.ts +5 -0
- package/dist/types/types/typography.d.ts +3 -3
- package/package.json +5 -5
- package/src/dictionary/typography.ts +3 -3
- package/src/fixtures/icons.json +2 -2
- package/src/types/typography.ts +3 -3
- package/www/build/mds-accordion-timer-item.esm.js +1 -1
- package/www/build/mds-accordion-timer-item.js +1 -1
- package/www/build/p-5a2b1b94.entry.js +1 -0
- package/www/build/{p-0121b7d5.system.entry.js → p-d73a3ce4.system.entry.js} +1 -1
- package/{dist/mds-accordion-timer-item/p-4bbca925.system.js → www/build/p-eb0644d6.system.js} +1 -1
- package/dist/mds-accordion-timer-item/p-3d9eb7bb.entry.js +0 -1
- package/www/build/p-3d9eb7bb.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-1c1f0a71.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.
|
|
8
|
+
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -12,20 +12,6 @@ const MdsAccordionTimerItem = class {
|
|
|
12
12
|
this.clickActive = index.createEvent(this, "clickActive", 7);
|
|
13
13
|
this.mouseEnterActive = index.createEvent(this, "mouseEnterActive", 7);
|
|
14
14
|
this.mouseLeaveActive = index.createEvent(this, "mouseLeaveActive", 7);
|
|
15
|
-
// @Element() private element: HTMLMdsAccordionTimerItemElement
|
|
16
|
-
// @State() isActive:boolean
|
|
17
|
-
/**
|
|
18
|
-
* Specifies the typography of the element
|
|
19
|
-
*/
|
|
20
|
-
this.typography = 'h5';
|
|
21
|
-
/**
|
|
22
|
-
* A value between 0 and 100 that rapresents the status progress
|
|
23
|
-
*/
|
|
24
|
-
this.progress = 0;
|
|
25
|
-
/**
|
|
26
|
-
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
|
|
27
|
-
*/
|
|
28
|
-
this.uuid = 0;
|
|
29
15
|
// componentWillLoad (): void {
|
|
30
16
|
// this.isActive = this.active
|
|
31
17
|
// }
|
|
@@ -48,6 +34,11 @@ const MdsAccordionTimerItem = class {
|
|
|
48
34
|
this.mouseLeaveActive.emit(this.description);
|
|
49
35
|
}
|
|
50
36
|
};
|
|
37
|
+
this.typography = 'h5';
|
|
38
|
+
this.active = undefined;
|
|
39
|
+
this.description = undefined;
|
|
40
|
+
this.progress = 0;
|
|
41
|
+
this.uuid = 0;
|
|
51
42
|
}
|
|
52
43
|
// @Watch('active')
|
|
53
44
|
// activeChanged (newValue: boolean): void {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const index = require('./index-1c1f0a71.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v2.
|
|
6
|
+
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
const patchBrowser = () => {
|
|
9
9
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-accordion-timer-item.cjs.js', document.baseURI).href));
|
|
@@ -2,20 +2,6 @@ import { Host, h } from '@stencil/core';
|
|
|
2
2
|
// import { DirectionType } from '../mds-progress/meta/types'
|
|
3
3
|
export class MdsAccordionTimerItem {
|
|
4
4
|
constructor() {
|
|
5
|
-
// @Element() private element: HTMLMdsAccordionTimerItemElement
|
|
6
|
-
// @State() isActive:boolean
|
|
7
|
-
/**
|
|
8
|
-
* Specifies the typography of the element
|
|
9
|
-
*/
|
|
10
|
-
this.typography = 'h5';
|
|
11
|
-
/**
|
|
12
|
-
* A value between 0 and 100 that rapresents the status progress
|
|
13
|
-
*/
|
|
14
|
-
this.progress = 0;
|
|
15
|
-
/**
|
|
16
|
-
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
|
|
17
|
-
*/
|
|
18
|
-
this.uuid = 0;
|
|
19
5
|
// componentWillLoad (): void {
|
|
20
6
|
// this.isActive = this.active
|
|
21
7
|
// }
|
|
@@ -38,6 +24,11 @@ export class MdsAccordionTimerItem {
|
|
|
38
24
|
this.mouseLeaveActive.emit(this.description);
|
|
39
25
|
}
|
|
40
26
|
};
|
|
27
|
+
this.typography = 'h5';
|
|
28
|
+
this.active = undefined;
|
|
29
|
+
this.description = undefined;
|
|
30
|
+
this.progress = 0;
|
|
31
|
+
this.uuid = 0;
|
|
41
32
|
}
|
|
42
33
|
// @Watch('active')
|
|
43
34
|
// activeChanged (newValue: boolean): void {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const typographyDictionary = [
|
|
2
2
|
'action',
|
|
3
3
|
'caption',
|
|
4
|
-
'
|
|
4
|
+
'snippet',
|
|
5
5
|
'detail',
|
|
6
6
|
'h1',
|
|
7
7
|
'h2',
|
|
@@ -19,10 +19,10 @@ const typographyVariationsDictionary = [
|
|
|
19
19
|
'title',
|
|
20
20
|
'info',
|
|
21
21
|
'read',
|
|
22
|
-
'
|
|
22
|
+
'code',
|
|
23
23
|
];
|
|
24
24
|
const typographyMonoDictionary = [
|
|
25
|
-
'
|
|
25
|
+
'snippet',
|
|
26
26
|
'hack',
|
|
27
27
|
];
|
|
28
28
|
const typographyTitleDictionary = [
|
|
@@ -10,20 +10,6 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends H
|
|
|
10
10
|
this.clickActive = createEvent(this, "clickActive", 7);
|
|
11
11
|
this.mouseEnterActive = createEvent(this, "mouseEnterActive", 7);
|
|
12
12
|
this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
|
|
13
|
-
// @Element() private element: HTMLMdsAccordionTimerItemElement
|
|
14
|
-
// @State() isActive:boolean
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the typography of the element
|
|
17
|
-
*/
|
|
18
|
-
this.typography = 'h5';
|
|
19
|
-
/**
|
|
20
|
-
* A value between 0 and 100 that rapresents the status progress
|
|
21
|
-
*/
|
|
22
|
-
this.progress = 0;
|
|
23
|
-
/**
|
|
24
|
-
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
|
|
25
|
-
*/
|
|
26
|
-
this.uuid = 0;
|
|
27
13
|
// componentWillLoad (): void {
|
|
28
14
|
// this.isActive = this.active
|
|
29
15
|
// }
|
|
@@ -46,6 +32,11 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends H
|
|
|
46
32
|
this.mouseLeaveActive.emit(this.description);
|
|
47
33
|
}
|
|
48
34
|
};
|
|
35
|
+
this.typography = 'h5';
|
|
36
|
+
this.active = undefined;
|
|
37
|
+
this.description = undefined;
|
|
38
|
+
this.progress = 0;
|
|
39
|
+
this.uuid = 0;
|
|
49
40
|
}
|
|
50
41
|
// @Watch('active')
|
|
51
42
|
// activeChanged (newValue: boolean): void {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-2e2e1e5b.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Esm v2.
|
|
4
|
+
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchEsm = () => {
|
|
7
7
|
return promiseResolve();
|
|
@@ -8,20 +8,6 @@ const MdsAccordionTimerItem = class {
|
|
|
8
8
|
this.clickActive = createEvent(this, "clickActive", 7);
|
|
9
9
|
this.mouseEnterActive = createEvent(this, "mouseEnterActive", 7);
|
|
10
10
|
this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
|
|
11
|
-
// @Element() private element: HTMLMdsAccordionTimerItemElement
|
|
12
|
-
// @State() isActive:boolean
|
|
13
|
-
/**
|
|
14
|
-
* Specifies the typography of the element
|
|
15
|
-
*/
|
|
16
|
-
this.typography = 'h5';
|
|
17
|
-
/**
|
|
18
|
-
* A value between 0 and 100 that rapresents the status progress
|
|
19
|
-
*/
|
|
20
|
-
this.progress = 0;
|
|
21
|
-
/**
|
|
22
|
-
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
|
|
23
|
-
*/
|
|
24
|
-
this.uuid = 0;
|
|
25
11
|
// componentWillLoad (): void {
|
|
26
12
|
// this.isActive = this.active
|
|
27
13
|
// }
|
|
@@ -44,6 +30,11 @@ const MdsAccordionTimerItem = class {
|
|
|
44
30
|
this.mouseLeaveActive.emit(this.description);
|
|
45
31
|
}
|
|
46
32
|
};
|
|
33
|
+
this.typography = 'h5';
|
|
34
|
+
this.active = undefined;
|
|
35
|
+
this.description = undefined;
|
|
36
|
+
this.progress = 0;
|
|
37
|
+
this.uuid = 0;
|
|
47
38
|
}
|
|
48
39
|
// @Watch('active')
|
|
49
40
|
// activeChanged (newValue: boolean): void {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-2e2e1e5b.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Browser v2.
|
|
4
|
+
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchBrowser = () => {
|
|
7
7
|
const importMeta = import.meta.url;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-2e2e1e5b.js";var mdsAccordionTimerItemCss=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-2e2e1e5b.js";var mdsAccordionTimerItemCss=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var i=this;registerInstance(this,o);this.clickActive=createEvent(this,"clickActive",7);this.mouseEnterActive=createEvent(this,"mouseEnterActive",7);this.mouseLeaveActive=createEvent(this,"mouseLeaveActive",7);this.toggle=function(){if(!i.active){i.clickActive.emit(i.description)}};this.mouseEnter=function(){if(i.active){i.mouseEnterActive.emit(i.description)}};this.mouseLeave=function(){if(i.active){i.mouseLeaveActive.emit(i.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-
|
|
1
|
+
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-5a2b1b94",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-eb0644d6.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as i,h as t,H as r}from"./p-69f67485.js";const a=class{constructor(t){o(this,t),this.clickActive=i(this,"clickActive",7),this.mouseEnterActive=i(this,"mouseEnterActive",7),this.mouseLeaveActive=i(this,"mouseLeaveActive",7),this.toggle=()=>{this.active||this.clickActive.emit(this.description)},this.mouseEnter=()=>{this.active&&this.mouseEnterActive.emit(this.description)},this.mouseLeave=()=>{this.active&&this.mouseLeaveActive.emit(this.description)},this.typography="h5",this.active=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};a.style=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";export{a as mds_accordion_timer_item}
|
package/dist/mds-accordion-timer-item/{p-0121b7d5.system.entry.js → p-d73a3ce4.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a21f6c71.system.js"],(function(o){"use strict";var t,
|
|
1
|
+
System.register(["./p-a21f6c71.system.js"],(function(o){"use strict";var i,t,r,e;return{setters:[function(o){i=o.r;t=o.c;r=o.h;e=o.H}],execute:function(){var n=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var a=o("mds_accordion_timer_item",function(){function o(o){var r=this;i(this,o);this.clickActive=t(this,"clickActive",7);this.mouseEnterActive=t(this,"mouseEnterActive",7);this.mouseLeaveActive=t(this,"mouseLeaveActive",7);this.toggle=function(){if(!r.active){r.clickActive.emit(r.description)}};this.mouseEnter=function(){if(r.active){r.mouseEnterActive.emit(r.description)}};this.mouseLeave=function(){if(r.active){r.mouseLeaveActive.emit(r.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());a.style=n}}}));
|
package/{www/build/p-4bbca925.system.js → dist/mds-accordion-timer-item/p-eb0644d6.system.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a21f6c71.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-a21f6c71.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-d73a3ce4.system",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));
|
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2022-
|
|
2
|
+
"timestamp": "2022-12-06T12:51:00",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "18.3.0"
|
|
@@ -74,21 +74,21 @@
|
|
|
74
74
|
"./dist/mds-accordion-timer-item/index.esm.js",
|
|
75
75
|
"./dist/mds-accordion-timer-item/mds-accordion-timer-item.esm.js",
|
|
76
76
|
"./dist/mds-accordion-timer-item/mds-accordion-timer-item.js",
|
|
77
|
-
"./dist/mds-accordion-timer-item/p-0121b7d5.system.entry.js",
|
|
78
|
-
"./dist/mds-accordion-timer-item/p-3d9eb7bb.entry.js",
|
|
79
|
-
"./dist/mds-accordion-timer-item/p-4bbca925.system.js",
|
|
80
77
|
"./dist/mds-accordion-timer-item/p-50ea2036.system.js",
|
|
78
|
+
"./dist/mds-accordion-timer-item/p-5a2b1b94.entry.js",
|
|
81
79
|
"./dist/mds-accordion-timer-item/p-69f67485.js",
|
|
82
80
|
"./dist/mds-accordion-timer-item/p-a21f6c71.system.js",
|
|
81
|
+
"./dist/mds-accordion-timer-item/p-d73a3ce4.system.entry.js",
|
|
82
|
+
"./dist/mds-accordion-timer-item/p-eb0644d6.system.js",
|
|
83
83
|
"./www/build/index.esm.js",
|
|
84
84
|
"./www/build/mds-accordion-timer-item.esm.js",
|
|
85
85
|
"./www/build/mds-accordion-timer-item.js",
|
|
86
|
-
"./www/build/p-0121b7d5.system.entry.js",
|
|
87
|
-
"./www/build/p-3d9eb7bb.entry.js",
|
|
88
|
-
"./www/build/p-4bbca925.system.js",
|
|
89
86
|
"./www/build/p-50ea2036.system.js",
|
|
87
|
+
"./www/build/p-5a2b1b94.entry.js",
|
|
90
88
|
"./www/build/p-69f67485.js",
|
|
91
|
-
"./www/build/p-a21f6c71.system.js"
|
|
89
|
+
"./www/build/p-a21f6c71.system.js",
|
|
90
|
+
"./www/build/p-d73a3ce4.system.entry.js",
|
|
91
|
+
"./www/build/p-eb0644d6.system.js"
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
94
|
{
|
|
@@ -121,12 +121,12 @@
|
|
|
121
121
|
"components": [
|
|
122
122
|
"mds-accordion-timer-item"
|
|
123
123
|
],
|
|
124
|
-
"bundleId": "p-
|
|
125
|
-
"fileName": "p-
|
|
124
|
+
"bundleId": "p-5a2b1b94",
|
|
125
|
+
"fileName": "p-5a2b1b94.entry.js",
|
|
126
126
|
"imports": [
|
|
127
127
|
"p-69f67485.js"
|
|
128
128
|
],
|
|
129
|
-
"originalByteSize":
|
|
129
|
+
"originalByteSize": 5108
|
|
130
130
|
}
|
|
131
131
|
],
|
|
132
132
|
"esm": [
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
"imports": [
|
|
141
141
|
"index-2e2e1e5b.js"
|
|
142
142
|
],
|
|
143
|
-
"originalByteSize":
|
|
143
|
+
"originalByteSize": 5112
|
|
144
144
|
}
|
|
145
145
|
],
|
|
146
146
|
"es5": [
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
"imports": [
|
|
155
155
|
"index-2e2e1e5b.js"
|
|
156
156
|
],
|
|
157
|
-
"originalByteSize":
|
|
157
|
+
"originalByteSize": 5112
|
|
158
158
|
}
|
|
159
159
|
],
|
|
160
160
|
"system": [
|
|
@@ -163,12 +163,12 @@
|
|
|
163
163
|
"components": [
|
|
164
164
|
"mds-accordion-timer-item"
|
|
165
165
|
],
|
|
166
|
-
"bundleId": "p-
|
|
167
|
-
"fileName": "p-
|
|
166
|
+
"bundleId": "p-d73a3ce4.system",
|
|
167
|
+
"fileName": "p-d73a3ce4.system.entry.js",
|
|
168
168
|
"imports": [
|
|
169
169
|
"p-a21f6c71.system.js"
|
|
170
170
|
],
|
|
171
|
-
"originalByteSize":
|
|
171
|
+
"originalByteSize": 5588
|
|
172
172
|
}
|
|
173
173
|
],
|
|
174
174
|
"commonjs": [
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
"imports": [
|
|
183
183
|
"index-1c1f0a71.js"
|
|
184
184
|
],
|
|
185
|
-
"originalByteSize":
|
|
185
|
+
"originalByteSize": 5218
|
|
186
186
|
}
|
|
187
187
|
]
|
|
188
188
|
},
|
|
@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
|
|
|
223
223
|
/**
|
|
224
224
|
* `getMode()` is used for libraries which provide multiple "modes" for styles.
|
|
225
225
|
* @param ref a reference to the node to get styles for
|
|
226
|
+
* @returns the current mode or undefined, if not found
|
|
226
227
|
*/
|
|
227
228
|
export declare function getMode<T = string | undefined>(ref: any): T;
|
|
228
229
|
export declare function setPlatformHelpers(helpers: {
|
|
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
|
|
|
237
238
|
* if the path needs to be customized.
|
|
238
239
|
* @param path the path to use in calculating the asset path. this value will be
|
|
239
240
|
* used in conjunction with the base asset path
|
|
241
|
+
* @returns the base path
|
|
240
242
|
*/
|
|
241
243
|
export declare function getAssetPath(path: string): string;
|
|
242
244
|
/**
|
|
@@ -252,11 +254,13 @@ export declare function getAssetPath(path: string): string;
|
|
|
252
254
|
* bundling, and where your assets can be loaded from. Additionally custom bundling
|
|
253
255
|
* will have to ensure the static assets are copied to its build directory.
|
|
254
256
|
* @param path the asset path to set
|
|
257
|
+
* @returns the set path
|
|
255
258
|
*/
|
|
256
259
|
export declare function setAssetPath(path: string): string;
|
|
257
260
|
/**
|
|
258
261
|
* Retrieve a Stencil element for a given reference
|
|
259
262
|
* @param ref the ref to get the Stencil element for
|
|
263
|
+
* @returns a reference to the element
|
|
260
264
|
*/
|
|
261
265
|
export declare function getElement(ref: any): HTMLStencilElement;
|
|
262
266
|
/**
|
|
@@ -269,6 +273,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
|
|
|
269
273
|
export declare function forceUpdate(ref: any): void;
|
|
270
274
|
/**
|
|
271
275
|
* getRenderingRef
|
|
276
|
+
* @returns the rendering ref
|
|
272
277
|
*/
|
|
273
278
|
export declare function getRenderingRef(): any;
|
|
274
279
|
export interface HTMLStencilElement extends HTMLElement {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare type TypographyType = 'action' | 'caption' | '
|
|
2
|
-
export declare type TypographyVariants = 'title' | 'info' | 'read' | '
|
|
1
|
+
export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
2
|
+
export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
|
|
3
3
|
export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
4
|
export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
5
5
|
export declare type TypographyReadType = 'caption' | 'detail' | 'paragraph';
|
|
6
6
|
export declare type TypographySmallerType = 'tip' | 'option';
|
|
7
|
-
export declare type TypographyMonoType = '
|
|
7
|
+
export declare type TypographyMonoType = 'snippet' | 'hack';
|
|
8
8
|
export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-accordion-timer-item",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"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.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
"test": "stencil test --spec --e2e"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@maggioli-design-system/mds-progress": "^2.1.
|
|
27
|
-
"@maggioli-design-system/mds-text": "^
|
|
28
|
-
"@maggioli-design-system/styles": "^
|
|
29
|
-
"@stencil/core": "^2.
|
|
26
|
+
"@maggioli-design-system/mds-progress": "^2.1.1",
|
|
27
|
+
"@maggioli-design-system/mds-text": "^3.0.0",
|
|
28
|
+
"@maggioli-design-system/styles": "^10.0.0",
|
|
29
|
+
"@stencil/core": "^2.19.3"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
32
|
"author": {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const typographyDictionary = [
|
|
2
2
|
'action',
|
|
3
3
|
'caption',
|
|
4
|
-
'
|
|
4
|
+
'snippet',
|
|
5
5
|
'detail',
|
|
6
6
|
'h1',
|
|
7
7
|
'h2',
|
|
@@ -20,11 +20,11 @@ const typographyVariationsDictionary = [
|
|
|
20
20
|
'title',
|
|
21
21
|
'info',
|
|
22
22
|
'read',
|
|
23
|
-
'
|
|
23
|
+
'code',
|
|
24
24
|
]
|
|
25
25
|
|
|
26
26
|
const typographyMonoDictionary = [
|
|
27
|
-
'
|
|
27
|
+
'snippet',
|
|
28
28
|
'hack',
|
|
29
29
|
]
|
|
30
30
|
|
package/src/fixtures/icons.json
CHANGED
|
@@ -18,17 +18,17 @@
|
|
|
18
18
|
"mi/baseline/badge",
|
|
19
19
|
"mi/baseline/book",
|
|
20
20
|
"mi/baseline/border-all",
|
|
21
|
+
"mi/baseline/cancel",
|
|
21
22
|
"mi/baseline/check-box",
|
|
22
23
|
"mi/baseline/check-box-outline-blank",
|
|
23
24
|
"mi/baseline/check-circle",
|
|
24
|
-
"mi/baseline/check-circle-outline",
|
|
25
25
|
"mi/baseline/close",
|
|
26
26
|
"mi/baseline/css",
|
|
27
27
|
"mi/baseline/description",
|
|
28
28
|
"mi/baseline/done",
|
|
29
29
|
"mi/baseline/eco",
|
|
30
30
|
"mi/baseline/email",
|
|
31
|
-
"mi/baseline/error
|
|
31
|
+
"mi/baseline/error",
|
|
32
32
|
"mi/baseline/explore",
|
|
33
33
|
"mi/baseline/folder-zip",
|
|
34
34
|
"mi/baseline/groups",
|
package/src/types/typography.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export type TypographyType =
|
|
2
2
|
| 'action'
|
|
3
3
|
| 'caption'
|
|
4
|
-
| '
|
|
4
|
+
| 'snippet'
|
|
5
5
|
| 'detail'
|
|
6
6
|
| 'h1'
|
|
7
7
|
| 'h2'
|
|
@@ -19,7 +19,7 @@ export type TypographyVariants =
|
|
|
19
19
|
| 'title'
|
|
20
20
|
| 'info'
|
|
21
21
|
| 'read'
|
|
22
|
-
| '
|
|
22
|
+
| 'code'
|
|
23
23
|
|
|
24
24
|
export type TypographyTitleType =
|
|
25
25
|
| 'action'
|
|
@@ -48,7 +48,7 @@ export type TypographySmallerType =
|
|
|
48
48
|
| 'option'
|
|
49
49
|
|
|
50
50
|
export type TypographyMonoType =
|
|
51
|
-
| '
|
|
51
|
+
| 'snippet'
|
|
52
52
|
| 'hack'
|
|
53
53
|
|
|
54
54
|
export type TypographyTooltipType =
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-
|
|
1
|
+
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-5a2b1b94",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-eb0644d6.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as i,h as t,H as r}from"./p-69f67485.js";const a=class{constructor(t){o(this,t),this.clickActive=i(this,"clickActive",7),this.mouseEnterActive=i(this,"mouseEnterActive",7),this.mouseLeaveActive=i(this,"mouseLeaveActive",7),this.toggle=()=>{this.active||this.clickActive.emit(this.description)},this.mouseEnter=()=>{this.active&&this.mouseEnterActive.emit(this.description)},this.mouseLeave=()=>{this.active&&this.mouseLeaveActive.emit(this.description)},this.typography="h5",this.active=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};a.style=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";export{a as mds_accordion_timer_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a21f6c71.system.js"],(function(o){"use strict";var t,
|
|
1
|
+
System.register(["./p-a21f6c71.system.js"],(function(o){"use strict";var i,t,r,e;return{setters:[function(o){i=o.r;t=o.c;r=o.h;e=o.H}],execute:function(){var n=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var a=o("mds_accordion_timer_item",function(){function o(o){var r=this;i(this,o);this.clickActive=t(this,"clickActive",7);this.mouseEnterActive=t(this,"mouseEnterActive",7);this.mouseLeaveActive=t(this,"mouseLeaveActive",7);this.toggle=function(){if(!r.active){r.clickActive.emit(r.description)}};this.mouseEnter=function(){if(r.active){r.mouseEnterActive.emit(r.description)}};this.mouseLeave=function(){if(r.active){r.mouseLeaveActive.emit(r.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());a.style=n}}}));
|
package/{dist/mds-accordion-timer-item/p-4bbca925.system.js → www/build/p-eb0644d6.system.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a21f6c71.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-a21f6c71.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-d73a3ce4.system",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as i,h as t,H as r}from"./p-69f67485.js";const a=class{constructor(t){o(this,t),this.clickActive=i(this,"clickActive",7),this.mouseEnterActive=i(this,"mouseEnterActive",7),this.mouseLeaveActive=i(this,"mouseLeaveActive",7),this.typography="h5",this.progress=0,this.uuid=0,this.toggle=()=>{this.active||this.clickActive.emit(this.description)},this.mouseEnter=()=>{this.active&&this.mouseEnterActive.emit(this.description)},this.mouseLeave=()=>{this.active&&this.mouseLeaveActive.emit(this.description)}}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};a.style=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";export{a as mds_accordion_timer_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as i,h as t,H as r}from"./p-69f67485.js";const a=class{constructor(t){o(this,t),this.clickActive=i(this,"clickActive",7),this.mouseEnterActive=i(this,"mouseEnterActive",7),this.mouseLeaveActive=i(this,"mouseLeaveActive",7),this.typography="h5",this.progress=0,this.uuid=0,this.toggle=()=>{this.active||this.clickActive.emit(this.description)},this.mouseEnter=()=>{this.active&&this.mouseEnterActive.emit(this.description)},this.mouseLeave=()=>{this.active&&this.mouseLeaveActive.emit(this.description)}}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};a.style=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--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(--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;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";export{a as mds_accordion_timer_item}
|