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

package/dist/collection/fixtures/cities.js

@@ -0,0 +1,110 @@
+const citiesDictionary = [
+  'Agrigento',
+  'Alessandria',
+  'Ancona',
+  'Aosta',
+  'Arezzo',
+  'Ascoli Piceno',
+  'Asti',
+  'Avellino',
+  'Bari',
+  'Barletta-Andria-Trani',
+  'Belluno',
+  'Benevento',
+  'Bergamo',
+  'Biella',
+  'Bologna',
+  'Bolzano',
+  'Brescia',
+  'Brindisi',
+  'Cagliari',
+  'Caltanissetta',
+  'Campobasso',
+  'Caserta',
+  'Catania',
+  'Catanzaro',
+  'Chieti',
+  'Como',
+  'Cosenza',
+  'Cremona',
+  'Crotone',
+  'Cuneo',
+  'Enna',
+  'Fermo',
+  'Ferrara',
+  'Firenze',
+  'Foggia',
+  'Forlì-Cesena',
+  'Frosinone',
+  'Genova',
+  'Gorizia',
+  'Grosseto',
+  'Imperia',
+  'Isernia',
+  'La Spezia',
+  'L\'Aquila',
+  'Latina',
+  'Lecce',
+  'Lecco',
+  'Livorno',
+  'Lodi',
+  'Lucca',
+  'Macerata',
+  'Mantova',
+  'Massa-Carrara',
+  'Matera',
+  'Messina',
+  'Milano',
+  'Modena',
+  'Monza e della Brianza',
+  'Napoli',
+  'Novara',
+  'Nuoro',
+  'Oristano',
+  'Padova',
+  'Palermo',
+  'Parma',
+  'Pavia',
+  'Perugia',
+  'Pesaro e Urbino',
+  'Pescara',
+  'Piacenza',
+  'Pisa',
+  'Pistoia',
+  'Pordenone',
+  'Potenza',
+  'Prato',
+  'Ragusa',
+  'Ravenna',
+  'Reggio Calabria',
+  'Reggio Emilia',
+  'Rieti',
+  'Rimini',
+  'Roma',
+  'Rovigo',
+  'Salerno',
+  'Sassari',
+  'Savona',
+  'Siena',
+  'Siracusa',
+  'Sondrio',
+  'Sud Sardegna',
+  'Taranto',
+  'Teramo',
+  'Terni',
+  'Torino',
+  'Trapani',
+  'Trento',
+  'Treviso',
+  'Trieste',
+  'Udine',
+  'Varese',
+  'Venezia',
+  'Verbano-Cusio-Ossola',
+  'Vercelli',
+  'Verona',
+  'Vibo Valentia',
+  'Vicenza',
+  'Viterbo',
+];
+export { citiesDictionary, };

package/dist/collection/interface/input-value.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/autocomplete.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/button.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/form-rel.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/input-text-type.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/input-value-type.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/loading.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/typography.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/variant.js

@@ -0,0 +1 @@
+export {};

package/dist/custom-elements/index.d.ts

@@ -0,0 +1,45 @@
+/* MdsAccordionTimer custom elements bundle */
+
+import type { Components, JSX } from "../types/components";
+
+interface MdsAccordionTimer extends Components.MdsAccordionTimer, HTMLElement {}
+export const MdsAccordionTimer: {
+  prototype: MdsAccordionTimer;
+  new (): MdsAccordionTimer;
+};
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source. 
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. The component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  ce?: (eventName: string, opts?: any) => CustomEvent;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types/components';

package/dist/custom-elements/index.js

@@ -0,0 +1,141 @@
+import { createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+
+const mdsAccordionTimerCss = ":host{display:block}";
+
+let MdsAccordionTimer$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.itemActivated = createEvent(this, "itemActivated", 7);
+    this.time = 0;
+    /**
+     * Sets the duration of the single accordion item
+     */
+    this.duration = 5000;
+    this.clearIntervals = () => {
+      window.clearInterval(this.timer);
+      window.clearInterval(this.timeChecker);
+      this.timer = null;
+      this.timeChecker = null;
+    };
+    this.progress = () => {
+      return Math.abs(this.remainingTime() / this.duration - 1);
+    };
+    this.addTimeListener = () => {
+      this.timeChecker = window.setInterval(() => {
+        const progress = this.progress();
+        if (this.activeItem !== undefined) {
+          this.activeItem.progress = progress;
+        }
+        if (progress === 1) {
+          this.activeItem.progress = 0;
+          this.startNext();
+        }
+      }, 100);
+    };
+    this.beginningTime = () => {
+      this.timeStarted = (new Date()).getTime();
+      return this.timeStarted;
+    };
+    this.remainingTime = () => {
+      const remainingTime = this.activeItemDurationTime - ((new Date()).getTime() - this.timeStarted);
+      return remainingTime >= 0 ? remainingTime : 0;
+    };
+    this.setActiveItem = (uuid) => {
+      this.children.forEach((item, key) => {
+        if (key === uuid) {
+          item.active = true;
+          this.activeItem = item;
+          this.itemActivated.emit(uuid);
+        }
+        else {
+          item.active = false;
+        }
+      });
+    };
+    this.startNext = () => {
+      const nextUuid = this.activeItem.uuid + 1 > this.children.length - 1 ? 0 : this.activeItem.uuid + 1;
+      this.setActiveItem(nextUuid);
+      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;
+    };
+  }
+  componentDidLoad() {
+    this.children = this.element.querySelectorAll('mds-accordion-timer-item');
+    this.children.forEach((item, key) => {
+      item.uuid = key;
+      if (item.active) {
+        this.activeItem = item;
+      }
+    });
+  }
+  connectedCallback() {
+    this.startTimer();
+  }
+  disconnectedCallback() {
+    this.stopTimer();
+    this.clearIntervals();
+  }
+  onClickActive(event) {
+    if (event.detail === this.activeItem.description) {
+      return;
+    }
+    let selectedUuid;
+    this.children.forEach(item => {
+      item.progress = 0;
+      if (item.description === event.detail) {
+        selectedUuid = item.uuid;
+      }
+    });
+    this.setActiveItem(selectedUuid);
+    this.startTimer();
+    this.pauseTimer();
+  }
+  onMouseEnterActive() {
+    this.pauseTimer();
+  }
+  onMouseLeaveActive() {
+    if (this.timeChecker === null) {
+      this.playTimer();
+    }
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get element() { return this; }
+  static get style() { return mdsAccordionTimerCss; }
+};
+
+const MdsAccordionTimer = /*@__PURE__*/proxyCustomElement(MdsAccordionTimer$1, [1,"mds-accordion-timer",{"duration":[2],"time":[32]},[[0,"clickActive","onClickActive"],[0,"mouseEnterActive","onMouseEnterActive"],[0,"mouseLeaveActive","onMouseLeaveActive"]]]);
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      MdsAccordionTimer
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { MdsAccordionTimer, defineCustomElements };