@maggioli-design-system/mds-accordion-timer 2.1.0 → 2.2.0
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/{index-bd5d8a33.js → index-6821dfbc.js} +35 -4
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/mds-accordion-timer.cjs.entry.js +3 -6
- package/dist/cjs/mds-accordion-timer.cjs.js +6 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/mds-accordion-timer/mds-accordion-timer.js +2 -5
- package/dist/collection/dictionary/typography.js +3 -3
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.js +1 -1
- package/dist/components/mds-accordion-timer.js +2 -5
- package/dist/esm/{index-afb1c64b.js → index-5ca2b649.js} +35 -5
- package/dist/esm/loader.js +3 -2
- package/dist/esm/mds-accordion-timer.entry.js +3 -6
- package/dist/esm/mds-accordion-timer.js +3 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm-es5/index-5ca2b649.js +2 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-accordion-timer.entry.js +1 -1
- package/dist/esm-es5/mds-accordion-timer.js +1 -1
- package/dist/mds-accordion-timer/mds-accordion-timer.esm.js +1 -1
- package/dist/mds-accordion-timer/mds-accordion-timer.js +1 -1
- package/dist/mds-accordion-timer/p-59116e2a.system.js +2 -0
- package/dist/mds-accordion-timer/p-5d8e384d.js +2 -0
- package/dist/mds-accordion-timer/p-c4b2aa5c.system.js +1 -0
- package/dist/mds-accordion-timer/p-e66497f2.system.entry.js +1 -0
- package/dist/mds-accordion-timer/p-f0c71bfc.entry.js +1 -0
- package/dist/stats.json +29 -29
- package/dist/types/stencil-public-runtime.d.ts +53 -3
- package/dist/types/types/autocomplete.d.ts +2 -2
- package/dist/types/types/button.d.ts +4 -4
- package/dist/types/types/floating-ui.d.ts +2 -2
- package/dist/types/types/form-rel.d.ts +1 -1
- package/dist/types/types/input-text-type.d.ts +1 -1
- package/dist/types/types/input-value-type.d.ts +1 -1
- package/dist/types/types/loading.d.ts +1 -1
- package/dist/types/types/typography.d.ts +8 -8
- package/dist/types/types/variant.d.ts +10 -10
- package/loader/index.d.ts +9 -0
- package/package.json +5 -5
- package/src/components/mds-accordion-timer/test/mds-accordion-timer.e2e.ts +1 -1
- package/src/dictionary/typography.ts +3 -3
- package/src/fixtures/icons.json +5 -2
- package/src/types/typography.ts +3 -3
- package/www/build/mds-accordion-timer.esm.js +1 -1
- package/www/build/mds-accordion-timer.js +1 -1
- package/www/build/p-59116e2a.system.js +2 -0
- package/www/build/p-5d8e384d.js +2 -0
- package/www/build/p-c4b2aa5c.system.js +1 -0
- package/www/build/p-e66497f2.system.entry.js +1 -0
- package/www/build/p-f0c71bfc.entry.js +1 -0
- package/dist/esm-es5/index-afb1c64b.js +0 -2
- package/dist/mds-accordion-timer/p-30c950ab.system.entry.js +0 -1
- package/dist/mds-accordion-timer/p-9784c024.entry.js +0 -1
- package/dist/mds-accordion-timer/p-a617eaf9.system.js +0 -1
- package/dist/mds-accordion-timer/p-d5616601.js +0 -2
- package/dist/mds-accordion-timer/p-e2fa938f.system.js +0 -2
- package/www/build/p-30c950ab.system.entry.js +0 -1
- package/www/build/p-9784c024.entry.js +0 -1
- package/www/build/p-a617eaf9.system.js +0 -1
- package/www/build/p-d5616601.js +0 -2
- package/www/build/p-e2fa938f.system.js +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-59116e2a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-e66497f2.system",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"clickActive","onClickActive"],[0,"mouseEnterActive","onMouseEnterActive"],[0,"mouseLeaveActive","onMouseLeaveActive"]]]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-59116e2a.system.js"],(function(t){"use strict";var e,i,n,r,c;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;c=t.g}],execute:function(){var a=":host{display:block}";var s=t("mds_accordion_timer",function(){function t(t){var n=this;e(this,t);this.itemActivated=i(this,"itemActivated",7);this.clearIntervals=function(){window.clearInterval(n.timer);window.clearInterval(n.timeChecker);n.timer=null;n.timeChecker=null};this.progress=function(){return Math.abs(n.remainingTime()/n.duration-1)};this.addTimeListener=function(){n.timeChecker=window.setInterval((function(){var t=n.progress();if(n.activeItem!==undefined){n.activeItem.progress=t}if(t===1){n.activeItem.progress=0;n.startNext()}}),100)};this.beginningTime=function(){n.timeStarted=(new Date).getTime();return n.timeStarted};this.remainingTime=function(){var t=n.activeItemDurationTime-((new Date).getTime()-n.timeStarted);return t>=0?t:0};this.setActiveItem=function(t){n.children.forEach((function(e,i){if(i===t){e.active=true;n.activeItem=e;n.itemActivated.emit(t)}else{e.active=false}}))};this.startNext=function(){var t=n.activeItem.uuid+1>n.children.length-1?0:n.activeItem.uuid+1;n.setActiveItem(t);n.startTimer()};this.startTimer=function(){n.clearIntervals();n.time=n.beginningTime();n.activeItemDurationTime=n.duration;n.addTimeListener()};this.playTimer=function(){n.beginningTime();n.addTimeListener()};this.pauseTimer=function(){n.clearIntervals();n.activeItemDurationTime=n.remainingTime()};this.stopTimer=function(){n.clearIntervals();n.time=null};this.time=0;this.duration=1e4}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(e,i){e.uuid=i;if(e.active){t.activeItem=e}}))};t.prototype.connectedCallback=function(){this.startTimer()};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickActive=function(t){if(t.detail===this.activeItem.description){return}var e;this.children.forEach((function(i){i.progress=0;if(i.description===t.detail){e=i.uuid}}));this.setActiveItem(e);this.startTimer();this.pauseTimer()};t.prototype.onMouseEnterActive=function(){this.pauseTimer()};t.prototype.onMouseLeaveActive=function(){if(this.timeChecker===null){this.playTimer()}};t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as h,g as e}from"./p-5d8e384d.js";const n=class{constructor(s){t(this,s),this.itemActivated=i(this,"itemActivated",7),this.clearIntervals=()=>{window.clearInterval(this.timer),window.clearInterval(this.timeChecker),this.timer=null,this.timeChecker=null},this.progress=()=>Math.abs(this.remainingTime()/this.duration-1),this.addTimeListener=()=>{this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.activeItem&&(this.activeItem.progress=t),1===t&&(this.activeItem.progress=0,this.startNext())}),100)},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.remainingTime=()=>{const t=this.activeItemDurationTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.setActiveItem=t=>{this.children.forEach(((i,s)=>{s===t?(i.active=!0,this.activeItem=i,this.itemActivated.emit(t)):i.active=!1}))},this.startNext=()=>{this.setActiveItem(this.activeItem.uuid+1>this.children.length-1?0:this.activeItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.activeItemDurationTime=this.duration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.activeItemDurationTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals(),this.time=null},this.time=0,this.duration=1e4}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{t.uuid=i,t.active&&(this.activeItem=t)}))}connectedCallback(){this.startTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickActive(t){if(t.detail===this.activeItem.description)return;let i;this.children.forEach((s=>{s.progress=0,s.description===t.detail&&(i=s.uuid)})),this.setActiveItem(i),this.startTimer(),this.pauseTimer()}onMouseEnterActive(){this.pauseTimer()}onMouseLeaveActive(){null===this.timeChecker&&this.playTimer()}render(){return s(h,null,s("slot",null))}get element(){return e(this)}};n.style=":host{display:block}";export{n as mds_accordion_timer}
|
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "
|
|
2
|
+
"timestamp": "2023-01-20T18:15:56",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "18.3.0"
|
|
@@ -54,17 +54,17 @@
|
|
|
54
54
|
"name": "dist-lazy",
|
|
55
55
|
"files": 35,
|
|
56
56
|
"generatedFiles": [
|
|
57
|
-
"./dist/cjs/index-
|
|
57
|
+
"./dist/cjs/index-6821dfbc.js",
|
|
58
58
|
"./dist/cjs/index.cjs.js",
|
|
59
59
|
"./dist/cjs/loader.cjs.js",
|
|
60
60
|
"./dist/cjs/mds-accordion-timer.cjs.entry.js",
|
|
61
61
|
"./dist/cjs/mds-accordion-timer.cjs.js",
|
|
62
|
-
"./dist/esm-es5/index-
|
|
62
|
+
"./dist/esm-es5/index-5ca2b649.js",
|
|
63
63
|
"./dist/esm-es5/index.js",
|
|
64
64
|
"./dist/esm-es5/loader.js",
|
|
65
65
|
"./dist/esm-es5/mds-accordion-timer.entry.js",
|
|
66
66
|
"./dist/esm-es5/mds-accordion-timer.js",
|
|
67
|
-
"./dist/esm/index-
|
|
67
|
+
"./dist/esm/index-5ca2b649.js",
|
|
68
68
|
"./dist/esm/index.js",
|
|
69
69
|
"./dist/esm/loader.js",
|
|
70
70
|
"./dist/esm/mds-accordion-timer.entry.js",
|
|
@@ -74,21 +74,21 @@
|
|
|
74
74
|
"./dist/mds-accordion-timer/index.esm.js",
|
|
75
75
|
"./dist/mds-accordion-timer/mds-accordion-timer.esm.js",
|
|
76
76
|
"./dist/mds-accordion-timer/mds-accordion-timer.js",
|
|
77
|
-
"./dist/mds-accordion-timer/p-30c950ab.system.entry.js",
|
|
78
77
|
"./dist/mds-accordion-timer/p-50ea2036.system.js",
|
|
79
|
-
"./dist/mds-accordion-timer/p-
|
|
80
|
-
"./dist/mds-accordion-timer/p-
|
|
81
|
-
"./dist/mds-accordion-timer/p-
|
|
82
|
-
"./dist/mds-accordion-timer/p-
|
|
78
|
+
"./dist/mds-accordion-timer/p-59116e2a.system.js",
|
|
79
|
+
"./dist/mds-accordion-timer/p-5d8e384d.js",
|
|
80
|
+
"./dist/mds-accordion-timer/p-c4b2aa5c.system.js",
|
|
81
|
+
"./dist/mds-accordion-timer/p-e66497f2.system.entry.js",
|
|
82
|
+
"./dist/mds-accordion-timer/p-f0c71bfc.entry.js",
|
|
83
83
|
"./www/build/index.esm.js",
|
|
84
84
|
"./www/build/mds-accordion-timer.esm.js",
|
|
85
85
|
"./www/build/mds-accordion-timer.js",
|
|
86
|
-
"./www/build/p-30c950ab.system.entry.js",
|
|
87
86
|
"./www/build/p-50ea2036.system.js",
|
|
88
|
-
"./www/build/p-
|
|
89
|
-
"./www/build/p-
|
|
90
|
-
"./www/build/p-
|
|
91
|
-
"./www/build/p-
|
|
87
|
+
"./www/build/p-59116e2a.system.js",
|
|
88
|
+
"./www/build/p-5d8e384d.js",
|
|
89
|
+
"./www/build/p-c4b2aa5c.system.js",
|
|
90
|
+
"./www/build/p-e66497f2.system.entry.js",
|
|
91
|
+
"./www/build/p-f0c71bfc.entry.js"
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
94
|
{
|
|
@@ -121,12 +121,12 @@
|
|
|
121
121
|
"components": [
|
|
122
122
|
"mds-accordion-timer"
|
|
123
123
|
],
|
|
124
|
-
"bundleId": "p-
|
|
125
|
-
"fileName": "p-
|
|
124
|
+
"bundleId": "p-f0c71bfc",
|
|
125
|
+
"fileName": "p-f0c71bfc.entry.js",
|
|
126
126
|
"imports": [
|
|
127
|
-
"p-
|
|
127
|
+
"p-5d8e384d.js"
|
|
128
128
|
],
|
|
129
|
-
"originalByteSize":
|
|
129
|
+
"originalByteSize": 3432
|
|
130
130
|
}
|
|
131
131
|
],
|
|
132
132
|
"esm": [
|
|
@@ -138,9 +138,9 @@
|
|
|
138
138
|
"bundleId": "mds-accordion-timer",
|
|
139
139
|
"fileName": "mds-accordion-timer.entry.js",
|
|
140
140
|
"imports": [
|
|
141
|
-
"index-
|
|
141
|
+
"index-5ca2b649.js"
|
|
142
142
|
],
|
|
143
|
-
"originalByteSize":
|
|
143
|
+
"originalByteSize": 3436
|
|
144
144
|
}
|
|
145
145
|
],
|
|
146
146
|
"es5": [
|
|
@@ -152,9 +152,9 @@
|
|
|
152
152
|
"bundleId": "mds-accordion-timer",
|
|
153
153
|
"fileName": "mds-accordion-timer.entry.js",
|
|
154
154
|
"imports": [
|
|
155
|
-
"index-
|
|
155
|
+
"index-5ca2b649.js"
|
|
156
156
|
],
|
|
157
|
-
"originalByteSize":
|
|
157
|
+
"originalByteSize": 3436
|
|
158
158
|
}
|
|
159
159
|
],
|
|
160
160
|
"system": [
|
|
@@ -163,12 +163,12 @@
|
|
|
163
163
|
"components": [
|
|
164
164
|
"mds-accordion-timer"
|
|
165
165
|
],
|
|
166
|
-
"bundleId": "p-
|
|
167
|
-
"fileName": "p-
|
|
166
|
+
"bundleId": "p-e66497f2.system",
|
|
167
|
+
"fileName": "p-e66497f2.system.entry.js",
|
|
168
168
|
"imports": [
|
|
169
|
-
"p-
|
|
169
|
+
"p-59116e2a.system.js"
|
|
170
170
|
],
|
|
171
|
-
"originalByteSize":
|
|
171
|
+
"originalByteSize": 4378
|
|
172
172
|
}
|
|
173
173
|
],
|
|
174
174
|
"commonjs": [
|
|
@@ -180,9 +180,9 @@
|
|
|
180
180
|
"bundleId": "mds-accordion-timer.cjs",
|
|
181
181
|
"fileName": "mds-accordion-timer.cjs.entry.js",
|
|
182
182
|
"imports": [
|
|
183
|
-
"index-
|
|
183
|
+
"index-6821dfbc.js"
|
|
184
184
|
],
|
|
185
|
-
"originalByteSize":
|
|
185
|
+
"originalByteSize": 3483
|
|
186
186
|
}
|
|
187
187
|
]
|
|
188
188
|
},
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
],
|
|
450
450
|
"componentGraph": {
|
|
451
451
|
"sc-mds-accordion-timer": [
|
|
452
|
-
"p-
|
|
452
|
+
"p-5d8e384d.js"
|
|
453
453
|
]
|
|
454
454
|
},
|
|
455
455
|
"sourceGraph": {
|
|
@@ -133,7 +133,7 @@ export interface ListenOptions {
|
|
|
133
133
|
*/
|
|
134
134
|
passive?: boolean;
|
|
135
135
|
}
|
|
136
|
-
export
|
|
136
|
+
export type ListenTargetOptions = 'body' | 'document' | 'window';
|
|
137
137
|
export interface StateDecorator {
|
|
138
138
|
(): PropertyDecorator;
|
|
139
139
|
}
|
|
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
|
|
|
214
214
|
* https://stenciljs.com/docs/reactive-data#watch-decorator
|
|
215
215
|
*/
|
|
216
216
|
export declare const Watch: WatchDecorator;
|
|
217
|
-
export
|
|
218
|
-
export
|
|
217
|
+
export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
|
|
218
|
+
export type ErrorHandler = (err: any, element?: HTMLElement) => void;
|
|
219
219
|
/**
|
|
220
220
|
* `setMode()` is used for libraries which provide multiple "modes" for styles.
|
|
221
221
|
*/
|
|
@@ -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,22 @@ 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;
|
|
260
|
+
/**
|
|
261
|
+
* Used to specify a nonce value that corresponds with an application's
|
|
262
|
+
* [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
|
|
263
|
+
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
|
264
|
+
* Alternatively, the nonce value can be set on a `meta` tag in the DOM head
|
|
265
|
+
* (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
|
|
266
|
+
* @param nonce The value to be used for the nonce attribute.
|
|
267
|
+
*/
|
|
268
|
+
export declare function setNonce(nonce: string): void;
|
|
257
269
|
/**
|
|
258
270
|
* Retrieve a Stencil element for a given reference
|
|
259
271
|
* @param ref the ref to get the Stencil element for
|
|
272
|
+
* @returns a reference to the element
|
|
260
273
|
*/
|
|
261
274
|
export declare function getElement(ref: any): HTMLStencilElement;
|
|
262
275
|
/**
|
|
@@ -269,6 +282,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
|
|
|
269
282
|
export declare function forceUpdate(ref: any): void;
|
|
270
283
|
/**
|
|
271
284
|
* getRenderingRef
|
|
285
|
+
* @returns the rendering ref
|
|
272
286
|
*/
|
|
273
287
|
export declare function getRenderingRef(): any;
|
|
274
288
|
export interface HTMLStencilElement extends HTMLElement {
|
|
@@ -428,8 +442,44 @@ interface HostAttributes {
|
|
|
428
442
|
ref?: (el: HTMLElement | null) => void;
|
|
429
443
|
[prop: string]: any;
|
|
430
444
|
}
|
|
445
|
+
/**
|
|
446
|
+
* Utilities for working with functional Stencil components. An object
|
|
447
|
+
* conforming to this interface is passed by the Stencil runtime as the third
|
|
448
|
+
* argument to a functional component, allowing component authors to work with
|
|
449
|
+
* features like children.
|
|
450
|
+
*
|
|
451
|
+
* The children of a functional component will be passed as the second
|
|
452
|
+
* argument, so a functional component which uses these utils to transform its
|
|
453
|
+
* children might look like the following:
|
|
454
|
+
*
|
|
455
|
+
* ```ts
|
|
456
|
+
* export const AddClass: FunctionalComponent = (_, children, utils) => (
|
|
457
|
+
* utils.map(children, child => ({
|
|
458
|
+
* ...child,
|
|
459
|
+
* vattrs: {
|
|
460
|
+
* ...child.vattrs,
|
|
461
|
+
* class: `${child.vattrs.class} add-class`
|
|
462
|
+
* }
|
|
463
|
+
* }))
|
|
464
|
+
* );
|
|
465
|
+
* ```
|
|
466
|
+
*
|
|
467
|
+
* For more see the Stencil documentation, here:
|
|
468
|
+
* https://stenciljs.com/docs/functional-components
|
|
469
|
+
*/
|
|
431
470
|
export interface FunctionalUtilities {
|
|
471
|
+
/**
|
|
472
|
+
* Utility for reading the children of a functional component at runtime.
|
|
473
|
+
* Since the Stencil runtime uses a different interface for children it is
|
|
474
|
+
* not recommendeded to read the children directly, and is preferable to use
|
|
475
|
+
* this utility to, for instance, perform a side effect for each child.
|
|
476
|
+
*/
|
|
432
477
|
forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
|
|
478
|
+
/**
|
|
479
|
+
* Utility for transforming the children of a functional component. Given an
|
|
480
|
+
* array of children and a callback this will return a list of the results of
|
|
481
|
+
* passing each child to the supplied callback.
|
|
482
|
+
*/
|
|
433
483
|
map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
|
|
434
484
|
}
|
|
435
485
|
export interface FunctionalComponent<T = {}> {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type AutocompleteType = 'additional-name' | 'address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-additional-name' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization' | 'organization-title' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
|
|
2
|
+
export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
1
|
+
export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
|
|
2
|
+
export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type ButtonIconPositionType = 'left' | 'right';
|
|
4
|
+
export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type FloatingUIPlacement = 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
|
|
2
|
+
export type FloatingUIStrategy = 'absolute' | 'fixed';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type FormRelType = 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type InputValueType = null | number | string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type LoadingType = 'eager' | 'lazy';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
1
|
+
export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
2
|
+
export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
|
|
3
|
+
export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
|
+
export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
5
|
+
export type TypographyReadType = 'caption' | 'detail' | 'paragraph';
|
|
6
|
+
export type TypographySmallerType = 'tip' | 'option';
|
|
7
|
+
export type TypographyMonoType = 'snippet' | 'hack';
|
|
8
|
+
export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
1
|
+
export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
|
|
2
|
+
export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
|
|
3
|
+
export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
|
|
4
|
+
export type ThemeLuminanceVariantType = 'dark' | 'light';
|
|
5
|
+
export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
|
|
6
|
+
export type ActionVariantType = 'primary' | 'dark' | 'light';
|
|
7
|
+
export type StateVariantType = 'disabled' | 'focused' | 'readonly';
|
|
8
|
+
export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
|
|
9
|
+
export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
|
|
10
|
+
export type ToneMinimalVariantType = 'strong' | 'weak';
|
package/loader/index.d.ts
CHANGED
|
@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
|
|
|
10
10
|
}
|
|
11
11
|
export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
|
|
12
12
|
export declare function applyPolyfills(): Promise<void>;
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Used to specify a nonce value that corresponds with an application's CSP.
|
|
16
|
+
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
|
17
|
+
* Alternatively, the nonce value can be set on a meta tag in the DOM head
|
|
18
|
+
* (<meta name="csp-nonce" content="{ nonce value here }" />) which
|
|
19
|
+
* will result in the same behavior.
|
|
20
|
+
*/
|
|
21
|
+
export declare function setNonce(nonce: string): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-accordion-timer",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "mds-accordion-timer 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,15 +23,15 @@
|
|
|
23
23
|
"test": "stencil test --spec --e2e"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@maggioli-design-system/mds-accordion-timer-item": "^2.1.
|
|
27
|
-
"@maggioli-design-system/styles": "^
|
|
28
|
-
"@stencil/core": "^2.
|
|
26
|
+
"@maggioli-design-system/mds-accordion-timer-item": "^2.1.1",
|
|
27
|
+
"@maggioli-design-system/styles": "^10.0.1",
|
|
28
|
+
"@stencil/core": "^2.22.1"
|
|
29
29
|
},
|
|
30
30
|
"license": "MIT",
|
|
31
31
|
"author": {
|
|
32
32
|
"name": "Vittorio Vittori",
|
|
33
33
|
"email": "vittorio.vittori@maggioli.it",
|
|
34
|
-
"url": "
|
|
34
|
+
"url": "https://vitto.github.io/vit.to/"
|
|
35
35
|
},
|
|
36
36
|
"contributors": [
|
|
37
37
|
{
|
|
@@ -6,7 +6,7 @@ describe('mds-accordion-timer', () => {
|
|
|
6
6
|
await page.setContent('<mds-accordion-timer></mds-accordion-timer>')
|
|
7
7
|
|
|
8
8
|
const element = await page.find('mds-accordion-timer')
|
|
9
|
-
|
|
9
|
+
expect(element).toHaveAttribute('hydrated')
|
|
10
10
|
expect(true).toBe(true)
|
|
11
11
|
})
|
|
12
12
|
})
|
|
@@ -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
|
@@ -3,9 +3,12 @@
|
|
|
3
3
|
"mdi/barley",
|
|
4
4
|
"mdi/baseball",
|
|
5
5
|
"mdi/crown",
|
|
6
|
+
"mdi/delete",
|
|
6
7
|
"mdi/dots-vertical",
|
|
7
8
|
"mdi/email",
|
|
8
9
|
"mdi/harddisk",
|
|
10
|
+
"mdi/map-marker",
|
|
11
|
+
"mdi/replay",
|
|
9
12
|
"mdi/vector-curve",
|
|
10
13
|
"mi/baseline/account-balance",
|
|
11
14
|
"mi/baseline/account-balance-wallet",
|
|
@@ -18,17 +21,17 @@
|
|
|
18
21
|
"mi/baseline/badge",
|
|
19
22
|
"mi/baseline/book",
|
|
20
23
|
"mi/baseline/border-all",
|
|
24
|
+
"mi/baseline/cancel",
|
|
21
25
|
"mi/baseline/check-box",
|
|
22
26
|
"mi/baseline/check-box-outline-blank",
|
|
23
27
|
"mi/baseline/check-circle",
|
|
24
|
-
"mi/baseline/check-circle-outline",
|
|
25
28
|
"mi/baseline/close",
|
|
26
29
|
"mi/baseline/css",
|
|
27
30
|
"mi/baseline/description",
|
|
28
31
|
"mi/baseline/done",
|
|
29
32
|
"mi/baseline/eco",
|
|
30
33
|
"mi/baseline/email",
|
|
31
|
-
"mi/baseline/error
|
|
34
|
+
"mi/baseline/error",
|
|
32
35
|
"mi/baseline/explore",
|
|
33
36
|
"mi/baseline/folder-zip",
|
|
34
37
|
"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 e,b as
|
|
1
|
+
import{p as e,b as o}from"./p-5d8e384d.js";export{s as setNonce}from"./p-5d8e384d.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-f0c71bfc",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"clickActive","onClickActive"],[0,"mouseEnterActive","onMouseEnterActive"],[0,"mouseLeaveActive","onMouseLeaveActive"]]]]]],e)));
|
|
@@ -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-c4b2aa5c.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,2 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(n,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)if(Object.prototype.hasOwnProperty.call(n,r))e[r]=n[r]};return e(n,r)};return function(n,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(n,r);function t(){this.constructor=n}n.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(e,n,r,t){function a(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{l(t.next(e))}catch(e){i(e)}}function u(e){try{l(t["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(o,u)}l((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,a,i,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(n){return l([e,n])}}function l(u){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(r=0)),r)try{if(t=1,a&&(i=u[0]&2?a["return"]:u[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,u[1])).done)return i;if(a=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:r.label++;return{value:u[1],done:false};case 5:r.label++;a=u[1];u=[0];continue;case 7:u=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){r.label=u[1];break}if(u[0]===6&&r.label<i[1]){r.label=i[1];i=u;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(u);break}if(i[2])r.ops.pop();r.trys.pop();continue}u=n.call(e,r)}catch(e){u=[6,e];a=0}finally{t=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var t=0,a=n.length,i;t<a;t++){if(i||!(t in n)){if(!i)i=Array.prototype.slice.call(n,0,t);i[t]=n[t]}}return e.concat(i||Array.prototype.slice.call(n))};System.register([],(function(e,n){"use strict";return{execute:function(){var r=this;var t="mds-accordion-timer";var a;var i;var o=false;var u=function(e,n){if(n===void 0){n=""}{return function(){return}}};var l=function(e,n){{return function(){return}}};var s="{visibility:hidden}[hydrated]{visibility:inherit}";var f=function(e){return e!=null};var c=function(e){e=typeof e;return e==="object"||e==="function"};function $(e){var n,r,t;return(t=(r=(n=e.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||r===void 0?void 0:r.getAttribute("content"))!==null&&t!==void 0?t:undefined}var v=e("h",(function(e,n){var r=[];for(var t=2;t<arguments.length;t++){r[t-2]=arguments[t]}var a=null;var i=false;var o=false;var u=[];var l=function(n){for(var r=0;r<n.length;r++){a=n[r];if(Array.isArray(a)){l(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!c(a)){a=String(a)}if(i&&o){u[u.length-1].$text$+=a}else{u.push(i?d(null,a):a)}o=i}}};l(r);var s=d(e,null);s.$attrs$=n;if(u.length>0){s.$children$=u}return s}));var d=function(e,n){var r={$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null};return r};var p=e("H",{});var h=function(e){return e&&e.$tag$===p};var m=function(e,n){if(e!=null&&!c(e)){if(n&2){return parseFloat(e)}return e}return e};var g=e("g",(function(e){return re(e).$hostElement$}));var y=e("c",(function(e,n,r){var t=g(e);return{emit:function(e){return b(t,n,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}}));var b=function(e,n,r){var t=ce.ce(n,r);e.dispatchEvent(t);return t};var w=new WeakMap;var _=function(e,n,r){var t=le.get(e);if(ve&&r){t=t||new CSSStyleSheet;if(typeof t==="string"){t=n}else{t.replaceSync(n)}}else{t=n}le.set(e,t)};var S=function(e,n,r,t){var a;var i=N(n);var o=le.get(i);e=e.nodeType===11?e:fe;if(o){if(typeof o==="string"){e=e.head||e;var u=w.get(e);var l=void 0;if(!u){w.set(e,u=new Set)}if(!u.has(i)){{{l=fe.createElement("style");l.innerHTML=o}var s=(a=ce.$nonce$)!==null&&a!==void 0?a:$(fe);if(s!=null){l.setAttribute("nonce",s)}e.insertBefore(l,e.querySelector("link"))}if(u){u.add(i)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[o],false)}}return i};var R=function(e){var n=e.$cmpMeta$;var r=e.$hostElement$;var t=n.$flags$;var a=u("attachStyles",n.$tagName$);var i=S(r.shadowRoot?r.shadowRoot:r.getRootNode(),n);if(t&10){r["s-sc"]=i;r.classList.add(i+"-h")}a()};var N=function(e,n){return"sc-"+e.$tagName$};var C=function(e,n,r,t){var i=n.$children$[r];var o=0;var u;var l;{u=i.$elm$=fe.createElement(i.$tag$);if(f(a)&&u["s-si"]!==a){u.classList.add(u["s-si"]=a)}if(i.$children$){for(o=0;o<i.$children$.length;++o){l=C(e,i,o);if(l){u.appendChild(l)}}}}return u};var E=function(e,n,r,t,a,o){var u=e;var l;if(u.shadowRoot&&u.tagName===i){u=u.shadowRoot}for(;a<=o;++a){if(t[a]){l=C(null,r,a);if(l){t[a].$elm$=l;u.insertBefore(l,n)}}}};var L=function(e,n,r,t,a){for(;n<=r;++n){if(t=e[n]){a=t.$elm$;a.remove()}}};var x=function(e,n,r,t){var a=0;var i=0;var o=n.length-1;var u=n[0];var l=n[o];var s=t.length-1;var f=t[0];var c=t[s];var $;while(a<=o&&i<=s){if(u==null){u=n[++a]}else if(l==null){l=n[--o]}else if(f==null){f=t[++i]}else if(c==null){c=t[--s]}else if(A(u,f)){M(u,f);u=n[++a];f=t[++i]}else if(A(l,c)){M(l,c);l=n[--o];c=t[--s]}else if(A(u,c)){M(u,c);e.insertBefore(u.$elm$,l.$elm$.nextSibling);u=n[++a];c=t[--s]}else if(A(l,f)){M(l,f);e.insertBefore(l.$elm$,u.$elm$);l=n[--o];f=t[++i]}else{{$=C(n&&n[i],r,i);f=t[++i]}if($){{u.$elm$.parentNode.insertBefore($,u.$elm$)}}}}if(a>o){E(e,t[s+1]==null?null:t[s+1].$elm$,r,t,i,s)}else if(i>s){L(n,a,o)}};var A=function(e,n){if(e.$tag$===n.$tag$){return true}return false};var M=function(e,n){var r=n.$elm$=e.$elm$;var t=e.$children$;var a=n.$children$;{if(t!==null&&a!==null){x(r,t,n,a)}else if(a!==null){E(r,null,n,a,0,a.length-1)}else if(t!==null){L(t,0,t.length-1)}}};var k=function(e,n){var r=e.$hostElement$;var t=e.$vnode$||d(null,null);var o=h(n)?n:v(null,null,n);i=r.tagName;o.$tag$=null;o.$flags$|=4;e.$vnode$=o;o.$elm$=t.$elm$=r.shadowRoot||r;{a=r["s-sc"]}M(t,o)};var P=function(e,n){if(n&&!e.$onRenderResolve$&&n["s-p"]){n["s-p"].push(new Promise((function(n){return e.$onRenderResolve$=n})))}};var j=function(e,n){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}P(e,e.$ancestorComponent$);var r=function(){return O(e,n)};return be(r)};var O=function(e,n){var r=u("scheduleUpdate",e.$cmpMeta$.$tagName$);var t=e.$lazyInstance$;var a;if(n){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var n=e[0],r=e[1];return T(t,n,r)}));e.$queuedListeners$=null}}}r();return U(a,(function(){return I(e,t,n)}))};var I=function(e,n,t){return __awaiter(r,void 0,void 0,(function(){var r,a,i,o,l,s;return __generator(this,(function(f){r=e.$hostElement$;a=u("update",e.$cmpMeta$.$tagName$);i=r["s-rc"];if(t){R(e)}o=u("render",e.$cmpMeta$.$tagName$);{z(e,n)}if(i){i.map((function(e){return e()}));r["s-rc"]=undefined}o();a();{l=r["s-p"];s=function(){return q(e)};if(l.length===0){s()}else{Promise.all(l).then(s);e.$flags$|=4;l.length=0}}return[2]}))}))};var z=function(e,n,r){try{n=n.render();{e.$flags$&=~16}{e.$flags$|=2}{{{k(e,n)}}}}catch(n){ie(n,e.$hostElement$)}return null};var q=function(e){var n=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var t=u("postUpdate",n);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{H(r)}{T(a,"componentDidLoad")}t();{e.$onReadyResolve$(r);if(!i){B()}}}else{t()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){ye((function(){return j(e,false)}))}e.$flags$&=~(4|512)}};var B=function(e){{H(fe.documentElement)}ye((function(){return b(se,"appload",{detail:{namespace:t}})}))};var T=function(e,n,r){if(e&&e[n]){try{return e[n](r)}catch(e){ie(e)}}return undefined};var U=function(e,n){return e&&e.then?e.then(n):n()};var H=function(e){return e.setAttribute("hydrated","")};var V=function(e,n){return re(e).$instanceValues$.get(n)};var F=function(e,n,r,t){var a=re(e);var i=a.$instanceValues$.get(n);var o=a.$flags$;var u=a.$lazyInstance$;r=m(r,t.$members$[n][0]);var l=Number.isNaN(i)&&Number.isNaN(r);var s=r!==i&&!l;if((!(o&8)||i===undefined)&&s){a.$instanceValues$.set(n,r);if(u){if((o&(2|16))===2){j(a,false)}}}};var W=function(e,n,r){if(n.$members$){var t=Object.entries(n.$members$);var a=e.prototype;t.map((function(e){var t=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,t,{get:function(){return V(this,t)},set:function(e){F(this,t,e,n)},configurable:true,enumerable:true})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,n,r){var t=this;ce.jmp((function(){var n=i.get(e);if(t.hasOwnProperty(n)){r=t[n];delete t[n]}else if(a.hasOwnProperty(n)&&typeof t[n]==="number"&&t[n]==r){return}t[n]=r===null&&typeof t[n]==="boolean"?false:r}))};e.observedAttributes=t.filter((function(e){var n=e[0],r=e[1];return r[0]&15})).map((function(e){var n=e[0],r=e[1];var t=r[1]||n;i.set(t,n);return t}))}}return e};var D=function(e,n,t,a,i){return __awaiter(r,void 0,void 0,(function(){var e,r,a,o,s,f,c;return __generator(this,(function($){switch($.label){case 0:if(!((n.$flags$&32)===0))return[3,3];n.$flags$|=32;i=ue(t);if(!i.then)return[3,2];e=l();return[4,i];case 1:i=$.sent();e();$.label=2;case 2:if(!i.isProxied){W(i,t,2);i.isProxied=true}r=u("createInstance",t.$tagName$);{n.$flags$|=8}try{new i(n)}catch(e){ie(e)}{n.$flags$&=~8}r();G(n.$lazyInstance$);if(i.style){a=i.style;o=N(t);if(!le.has(o)){s=u("registerStyles",t.$tagName$);_(o,a,!!(t.$flags$&1));s()}}$.label=3;case 3:f=n.$ancestorComponent$;c=function(){return j(n,true)};if(f&&f["s-rc"]){f["s-rc"].push(c)}else{c()}return[2]}}))}))};var G=function(e){{T(e,"connectedCallback")}};var J=function(e){if((ce.$flags$&1)===0){var n=re(e);var r=n.$cmpMeta$;var t=u("connectedCallback",r.$tagName$);if(!(n.$flags$&1)){n.$flags$|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){P(n,n.$ancestorComponent$=a);break}}}if(r.$members$){Object.entries(r.$members$).map((function(n){var r=n[0],t=n[1][0];if(t&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{D(e,n,r)}}else{X(e,n,r.$listeners$);G(n.$lazyInstance$)}t()}};var K=function(e){if((ce.$flags$&1)===0){var n=re(e);var r=n.$lazyInstance$;{if(n.$rmListeners$){n.$rmListeners$.map((function(e){return e()}));n.$rmListeners$=undefined}}{T(r,"disconnectedCallback")}}};var Q=e("b",(function(e,n){if(n===void 0){n={}}var r;var t=u();var a=[];var i=n.exclude||[];var o=se.customElements;var l=fe.head;var f=l.querySelector("meta[charset]");var c=fe.createElement("style");var v=[];var d;var p=true;Object.assign(ce,n);ce.$resourcesUrl$=new URL(n.resourcesUrl||"./",fe.baseURI).href;e.map((function(e){e[1].map((function(n){var r={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};{r.$members$=n[2]}{r.$listeners$=n[3]}var t=r.$tagName$;var u=function(e){__extends(n,e);function n(n){var t=e.call(this,n)||this;n=t;ae(n,r);if(r.$flags$&1){{{n.attachShadow({mode:"open"})}}}return t}n.prototype.connectedCallback=function(){var e=this;if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{ce.jmp((function(){return J(e)}))}};n.prototype.disconnectedCallback=function(){var e=this;ce.jmp((function(){return K(e)}))};n.prototype.componentOnReady=function(){return re(this).$onReadyPromise$};return n}(HTMLElement);r.$lazyBundleId$=e[0];if(!i.includes(t)&&!o.get(t)){a.push(t);o.define(t,W(u,r,1))}}))}));{c.innerHTML=a+s;c.setAttribute("data-styles","");var h=(r=ce.$nonce$)!==null&&r!==void 0?r:$(fe);if(h!=null){c.setAttribute("nonce",h)}l.insertBefore(c,f?f.nextSibling:l.firstChild)}p=false;if(v.length){v.map((function(e){return e.connectedCallback()}))}else{{ce.jmp((function(){return d=setTimeout(B,30)}))}}t()}));var X=function(e,n,r,t){if(r){r.map((function(r){var t=r[0],a=r[1],i=r[2];var o=e;var u=Y(n,i);var l=Z(t);ce.ael(o,a,u,l);(n.$rmListeners$=n.$rmListeners$||[]).push((function(){return ce.rel(o,a,u,l)}))}))}};var Y=function(e,n){return function(r){try{{if(e.$flags$&256){e.$lazyInstance$[n](r)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,r])}}}catch(e){ie(e)}}};var Z=function(e){return(e&2)!==0};var ee=e("s",(function(e){return ce.$nonce$=e}));var ne=new WeakMap;var re=function(e){return ne.get(e)};var te=e("r",(function(e,n){return ne.set(n.$lazyInstance$=e,n)}));var ae=function(e,n){var r={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}X(e,r,n.$listeners$);return ne.set(e,r)};var ie=function(e,n){return(0,console.error)(e,n)};var oe=new Map;var ue=function(e,r,t){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var o=oe.get(i);if(o){return o[a]}
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return n.import("./".concat(i,".entry.js").concat("")).then((function(e){{oe.set(i,e)}return e[a]}),ie)};var le=new Map;var se=typeof window!=="undefined"?window:{};var fe=se.document||{head:{}};var ce={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,n,r,t){return e.addEventListener(n,r,t)},rel:function(e,n,r,t){return e.removeEventListener(n,r,t)},ce:function(e,n){return new CustomEvent(e,n)}};var $e=e("p",(function(e){return Promise.resolve(e)}));var ve=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var de=[];var pe=[];var he=function(e,n){return function(r){e.push(r);if(!o){o=true;if(n&&ce.$flags$&4){ye(ge)}else{ce.raf(ge)}}}};var me=function(e){for(var n=0;n<e.length;n++){try{e[n](performance.now())}catch(e){ie(e)}}e.length=0};var ge=function(){me(de);{me(pe);if(o=de.length>0){ce.raf(ge)}}};var ye=function(e){return $e().then(e)};var be=he(pe,true)}}}));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e,t,n=!1;const l=e=>"object"==(e=typeof e)||"function"===e;function o(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const s=(e,t,...n)=>{let o=null,s=!1,r=!1;const i=[],a=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?a(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!l(o))&&(o+=""),s&&r?i[i.length-1].t+=o:i.push(s?c(null,o):o),r=s)};a(n);const u=c(e,null);return u.l=t,i.length>0&&(u.o=i),u},c=(e,t)=>({i:0,u:e,t,m:null,o:null}),r={},i=e=>H(e).h,a=(e,t,n)=>{const l=i(e);return{emit:e=>u(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},u=(e,t,n)=>{const l=B.ce(t,n);return e.dispatchEvent(l),l},f=new WeakMap,d=e=>"sc-"+e.p,m=(t,n,l)=>{const o=n.o[l];let s,c,r=0;if(s=o.m=z.createElement(o.u),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),o.o)for(r=0;r<o.o.length;++r)c=m(t,o,r),c&&s.appendChild(c);return s},h=(e,n,l,o,s,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);s<=c;++s)o[s]&&(r=m(null,l,s),r&&(o[s].m=r,i.insertBefore(r,n)))},p=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.m.remove()},$=(e,t)=>e.u===t.u,y=(e,t)=>{const n=t.m=e.m,l=e.o,o=t.o;null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],d=l[u];for(;s<=r&&c<=u;)null==i?i=t[++s]:null==a?a=t[--r]:null==f?f=l[++c]:null==d?d=l[--u]:$(i,f)?(y(i,f),i=t[++s],f=l[++c]):$(a,d)?(y(a,d),a=t[--r],d=l[--u]):$(i,d)?(y(i,d),e.insertBefore(i.m,a.m.nextSibling),i=t[++s],d=l[--u]):$(a,f)?(y(a,f),e.insertBefore(a.m,i.m),a=t[--r],f=l[++c]):(o=m(t&&t[c],n,c),f=l[++c],o&&i.m.parentNode.insertBefore(o,i.m));s>r?h(e,null==l[u+1]?null:l[u+1].m,n,l,c,u):c>u&&p(t,s,r)})(n,l,t,o):null!==o?h(n,null,t,o,0,o.length-1):null!==l&&p(l,0,l.length-1)},b=(e,t)=>{t&&!e.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$=t)))},w=(e,t)=>{if(e.i|=16,!(4&e.i))return b(e,e.v),ee((()=>v(e,t)));e.i|=512},v=(e,t)=>{const n=e.S;return t&&(e.i|=256,e.g&&(e.g.map((([e,t])=>M(n,e,t))),e.g=null)),j(void 0,(()=>S(e,n,t)))},S=async(e,t,n)=>{const l=e.h,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.h,l=t.i,s=((e,t)=>{var n;let l=d(t);const s=V.get(l);if(e=11===e.nodeType?e:z,s)if("string"==typeof s){let t,c=f.get(e=e.head||e);if(c||f.set(e,c=new Set),!c.has(l)){{t=z.createElement("style"),t.innerHTML=s;const l=null!==(n=B.C)&&void 0!==n?n:o(z);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}c&&c.add(l)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);g(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>k(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},g=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const o=n.h,i=n.M||c(null,null),a=(e=>e&&e.u===r)(l)?l:s(null,null,l);t=o.tagName,a.u=null,a.i|=4,n.M=a,a.m=i.m=o.shadowRoot||o,e=o["s-sc"],y(i,a)})(n,l)}catch(e){W(e,n.h)}return null},k=e=>{const t=e.h,n=e.S,l=e.v;64&e.i||(e.i|=64,O(t),M(n,"componentDidLoad"),e.j(t),l||C()),e.$&&(e.$(),e.$=void 0),512&e.i&&Z((()=>w(e,!1))),e.i&=-517},C=()=>{O(z.documentElement),Z((()=>u(_,"appload",{detail:{namespace:"mds-accordion-timer"}})))},M=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){W(e)}},j=(e,t)=>e&&e.then?e.then(t):t(),O=e=>e.setAttribute("hydrated",""),P=(e,t,n)=>{if(t.O){const o=Object.entries(t.O),s=e.prototype;if(o.map((([e,[o]])=>{(31&o||2&n&&32&o)&&Object.defineProperty(s,e,{get(){return((e,t)=>H(this).P.get(t))(0,e)},set(n){((e,t,n,o)=>{const s=H(e),c=s.P.get(t),r=s.i,i=s.S;n=((e,t)=>null==e||l(e)?e:2&t?parseFloat(e):e)(n,o.O[t][0]),8&r&&void 0!==c||n===c||Number.isNaN(c)&&Number.isNaN(n)||(s.P.set(t,n),i&&2==(18&r)&&w(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){B.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=o.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},x=e=>{M(e,"connectedCallback")},E=(e,t={})=>{var n;const l=[],s=t.exclude||[],c=_.customElements,r=z.head,i=r.querySelector("meta[charset]"),a=z.createElement("style"),u=[];let f,m=!0;Object.assign(B,t),B.L=new URL(t.resourcesUrl||"./",z.baseURI).href,e.map((e=>{e[1].map((t=>{const n={i:t[0],p:t[1],O:t[2],N:t[3]};n.O=t[2],n.N=t[3];const o=n.p,r=class extends HTMLElement{constructor(e){super(e),U(e=this,n),1&n.i&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),m?u.push(this):B.jmp((()=>(e=>{if(0==(1&B.i)){const t=H(e),n=t.k,l=()=>{};if(1&t.i)L(e,t,n.N),x(t.S);else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){b(t,t.v=n);break}}n.O&&Object.entries(n.O).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.i)){{if(t.i|=32,(o=D(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(P(o,n,2),o.isProxied=!0);const e=()=>{};t.i|=8;try{new o(t)}catch(e){W(e)}t.i&=-9,e(),x(t.S)}if(o.style){let e=o.style;const t=d(n);if(!V.has(t)){const l=()=>{};((e,t,n)=>{let l=V.get(e);I&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,V.set(e,l)})(t,e,!!(1&n.i)),l()}}}const s=t.v,c=()=>w(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){B.jmp((()=>(()=>{if(0==(1&B.i)){const e=H(this),t=e.S;e.T&&(e.T.map((e=>e())),e.T=void 0),M(t,"disconnectedCallback")}})()))}componentOnReady(){return H(this).A}};n.F=e[0],s.includes(o)||c.get(o)||(l.push(o),c.define(o,P(r,n,1)))}))}));{a.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",a.setAttribute("data-styles","");const e=null!==(n=B.C)&&void 0!==n?n:o(z);null!=e&&a.setAttribute("nonce",e),r.insertBefore(a,i?i.nextSibling:r.firstChild)}m=!1,u.length?u.map((e=>e.connectedCallback())):B.jmp((()=>f=setTimeout(C,30)))},L=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=e,c=N(t,o),r=T(n);B.ael(s,l,c,r),(t.T=t.T||[]).push((()=>B.rel(s,l,c,r)))}))},N=(e,t)=>n=>{try{256&e.i?e.S[t](n):(e.g=e.g||[]).push([t,n])}catch(e){W(e)}},T=e=>0!=(2&e),A=e=>B.C=e,F=new WeakMap,H=e=>F.get(e),R=(e,t)=>F.set(t.S=e,t),U=(e,t)=>{const n={i:0,h:e,k:t,P:new Map};return n.A=new Promise((e=>n.j=e)),e["s-p"]=[],e["s-rc"]=[],L(e,n,t.N),F.set(e,n)},W=(e,t)=>(0,console.error)(e,t),q=new Map,D=e=>{const t=e.p.replace(/-/g,"_"),n=e.F,l=q.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(q.set(n,e),e[t])),W)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},V=new Map,_="undefined"!=typeof window?window:{},z=_.document||{head:{}},B={i:0,L:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},G=e=>Promise.resolve(e),I=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),J=[],K=[],Q=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&B.i?Z(Y):B.raf(Y))},X=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){W(e)}e.length=0},Y=()=>{X(J),X(K),(n=J.length>0)&&B.raf(Y)},Z=e=>G().then(e),ee=Q(K,!0);export{r as H,E as b,a as c,i as g,s as h,G as p,R as r,A as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-59116e2a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-e66497f2.system",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"clickActive","onClickActive"],[0,"mouseEnterActive","onMouseEnterActive"],[0,"mouseLeaveActive","onMouseLeaveActive"]]]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-59116e2a.system.js"],(function(t){"use strict";var e,i,n,r,c;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;c=t.g}],execute:function(){var a=":host{display:block}";var s=t("mds_accordion_timer",function(){function t(t){var n=this;e(this,t);this.itemActivated=i(this,"itemActivated",7);this.clearIntervals=function(){window.clearInterval(n.timer);window.clearInterval(n.timeChecker);n.timer=null;n.timeChecker=null};this.progress=function(){return Math.abs(n.remainingTime()/n.duration-1)};this.addTimeListener=function(){n.timeChecker=window.setInterval((function(){var t=n.progress();if(n.activeItem!==undefined){n.activeItem.progress=t}if(t===1){n.activeItem.progress=0;n.startNext()}}),100)};this.beginningTime=function(){n.timeStarted=(new Date).getTime();return n.timeStarted};this.remainingTime=function(){var t=n.activeItemDurationTime-((new Date).getTime()-n.timeStarted);return t>=0?t:0};this.setActiveItem=function(t){n.children.forEach((function(e,i){if(i===t){e.active=true;n.activeItem=e;n.itemActivated.emit(t)}else{e.active=false}}))};this.startNext=function(){var t=n.activeItem.uuid+1>n.children.length-1?0:n.activeItem.uuid+1;n.setActiveItem(t);n.startTimer()};this.startTimer=function(){n.clearIntervals();n.time=n.beginningTime();n.activeItemDurationTime=n.duration;n.addTimeListener()};this.playTimer=function(){n.beginningTime();n.addTimeListener()};this.pauseTimer=function(){n.clearIntervals();n.activeItemDurationTime=n.remainingTime()};this.stopTimer=function(){n.clearIntervals();n.time=null};this.time=0;this.duration=1e4}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(e,i){e.uuid=i;if(e.active){t.activeItem=e}}))};t.prototype.connectedCallback=function(){this.startTimer()};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickActive=function(t){if(t.detail===this.activeItem.description){return}var e;this.children.forEach((function(i){i.progress=0;if(i.description===t.detail){e=i.uuid}}));this.setActiveItem(e);this.startTimer();this.pauseTimer()};t.prototype.onMouseEnterActive=function(){this.pauseTimer()};t.prototype.onMouseLeaveActive=function(){if(this.timeChecker===null){this.playTimer()}};t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as h,g as e}from"./p-5d8e384d.js";const n=class{constructor(s){t(this,s),this.itemActivated=i(this,"itemActivated",7),this.clearIntervals=()=>{window.clearInterval(this.timer),window.clearInterval(this.timeChecker),this.timer=null,this.timeChecker=null},this.progress=()=>Math.abs(this.remainingTime()/this.duration-1),this.addTimeListener=()=>{this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.activeItem&&(this.activeItem.progress=t),1===t&&(this.activeItem.progress=0,this.startNext())}),100)},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.remainingTime=()=>{const t=this.activeItemDurationTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.setActiveItem=t=>{this.children.forEach(((i,s)=>{s===t?(i.active=!0,this.activeItem=i,this.itemActivated.emit(t)):i.active=!1}))},this.startNext=()=>{this.setActiveItem(this.activeItem.uuid+1>this.children.length-1?0:this.activeItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.activeItemDurationTime=this.duration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.activeItemDurationTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals(),this.time=null},this.time=0,this.duration=1e4}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{t.uuid=i,t.active&&(this.activeItem=t)}))}connectedCallback(){this.startTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickActive(t){if(t.detail===this.activeItem.description)return;let i;this.children.forEach((s=>{s.progress=0,s.description===t.detail&&(i=s.uuid)})),this.setActiveItem(i),this.startTimer(),this.pauseTimer()}onMouseEnterActive(){this.pauseTimer()}onMouseLeaveActive(){null===this.timeChecker&&this.playTimer()}render(){return s(h,null,s("slot",null))}get element(){return e(this)}};n.style=":host{display:block}";export{n as mds_accordion_timer}
|