@maggioli-design-system/mds-accordion-timer-item 3.0.1 → 3.1.1

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6fcb2864.js');
 
 /*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/mds-accordion-timer-item.cjs.entry.js

@@ -17,28 +17,31 @@ const MdsAccordionTimerItem = class {
      * to fire it again it need to be a different item
      */
     this.toggle = () => {
-      if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+      this.selected = !this.selected;
+      this.progress = 0;
+      if (this.selected) {
+        this.clickSelectEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.typography = 'h5';
-    this.selected = undefined;
+    this.selected = false;
     this.description = undefined;
     this.progress = 0;
     this.uuid = 0;
   }
   render() {
-    return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("slot", null))))));
+    var _a;
+    return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("slot", null))))));
   }
 };
 MdsAccordionTimerItem.style = mdsAccordionTimerItemCss;

package/dist/cjs/mds-accordion-timer-item.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6fcb2864.js');
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     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));

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.2",
+    "version": "2.22.3",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

package/dist/collection/common/aria.js

@@ -6,11 +6,13 @@ const hash = (s) => {
   return h.toString();
 };
 const unslugName = (name) => {
-  return name.split('/').slice(-1).pop().replace(/-/g, ' ');
+  var _a, _b, _c;
+  return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
 };
 const setAttributeIfEmpty = (element, attribute, value) => {
+  var _a;
   if (element.hasAttribute(attribute)) {
-    return element.getAttribute(attribute);
+    return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
   }
   element.setAttribute(attribute, value);
   return value;

package/dist/collection/common/keyboard-manager.js

@@ -31,7 +31,7 @@ export class KeyboardManager {
       }
     };
     this.detachEscapeBehavior = () => {
-      this.escapeCallback = null;
+      this.escapeCallback = () => { return; };
       if (typeof window !== undefined) {
         window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
       }

package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.css

@@ -105,7 +105,7 @@
     text-align: left;
 }
 
-:host ( [selected] ) .action{
+:host( [selected] ) .action{
 
     cursor: auto;
 }
@@ -133,7 +133,7 @@
     transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
-:host ( [selected] ) .contents{
+:host( [selected] ) .contents{
 
     height: auto;
 

package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js

@@ -6,28 +6,31 @@ export class MdsAccordionTimerItem {
      * to fire it again it need to be a different item
      */
     this.toggle = () => {
-      if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+      this.selected = !this.selected;
+      this.progress = 0;
+      if (this.selected) {
+        this.clickSelectEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.typography = 'h5';
-    this.selected = undefined;
+    this.selected = false;
     this.description = undefined;
     this.progress = 0;
     this.uuid = 0;
   }
   render() {
-    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.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
+    var _a;
+    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
   }
   static get is() { return "mds-accordion-timer-item"; }
   static get encapsulation() { return "shadow"; }
@@ -57,7 +60,7 @@ export class MdsAccordionTimerItem {
           }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the typography of the element"
@@ -75,13 +78,14 @@ export class MdsAccordionTimerItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies if the accordion item is opened or not"
         },
         "attribute": "selected",
-        "reflect": true
+        "reflect": true,
+        "defaultValue": "false"
       },
       "description": {
         "type": "string",
@@ -109,7 +113,7 @@ export class MdsAccordionTimerItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "A value between 0 and 100 that rapresents the status progress"
@@ -127,7 +131,7 @@ export class MdsAccordionTimerItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Used automatically by MdsAccordionTimer wrapper to handle it's siblings"
@@ -150,9 +154,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is clicked by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }, {
         "method": "selectedMouseEnterEvent",
@@ -165,9 +174,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is hovered by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }, {
         "method": "selectedMouseLeaveEvent",
@@ -180,9 +194,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is hovered by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }];
   }

package/dist/collection/components/mds-accordion-timer-item/meta/event-detail.js

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

package/dist/components/mds-accordion-timer-item.js

@@ -15,28 +15,31 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends H
      * to fire it again it need to be a different item
      */
     this.toggle = () => {
-      if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+      this.selected = !this.selected;
+      this.progress = 0;
+      if (this.selected) {
+        this.clickSelectEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected, uuid: this.uuid });
       }
     };
     this.typography = 'h5';
-    this.selected = undefined;
+    this.selected = false;
     this.description = undefined;
     this.progress = 0;
     this.uuid = 0;
   }
   render() {
-    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.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
+    var _a;
+    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
   }
   static get style() { return mdsAccordionTimerItemCss; }
 }, [1, "mds-accordion-timer-item", {

package/dist/documentation.d.ts

@@ -0,0 +1,148 @@
+
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * DO NOT MODIFY IT MANUALLY
+ */
+export interface JsonDocs {
+    components: JsonDocsComponent[];
+    timestamp: string;
+    compiler: {
+        name: string;
+        version: string;
+        typescriptVersion: string;
+    };
+}
+export interface JsonDocsComponent {
+    dirPath?: string;
+    fileName?: string;
+    filePath?: string;
+    readmePath?: string;
+    usagesDir?: string;
+    encapsulation: 'shadow' | 'scoped' | 'none';
+    tag: string;
+    readme: string;
+    docs: string;
+    docsTags: JsonDocsTag[];
+    /**
+     * The text from the class-level JSDoc for a Stencil component, if present.
+     */
+    overview?: string;
+    usage: JsonDocsUsage;
+    props: JsonDocsProp[];
+    methods: JsonDocsMethod[];
+    events: JsonDocsEvent[];
+    listeners: JsonDocsListener[];
+    styles: JsonDocsStyle[];
+    slots: JsonDocsSlot[];
+    parts: JsonDocsPart[];
+    dependents: string[];
+    dependencies: string[];
+    dependencyGraph: JsonDocsDependencyGraph;
+    deprecation?: string;
+}
+export interface JsonDocsDependencyGraph {
+    [tagName: string]: string[];
+}
+export interface JsonDocsTag {
+    name: string;
+    text?: string;
+}
+export interface JsonDocsValue {
+    value?: string;
+    type: string;
+}
+/**
+ * A mapping of file names to their contents.
+ *
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
+ * given directory structure:
+ * ```
+ * src/components/my-component
+ * ├── my-component.tsx
+ * └── usage
+ *     ├── bar.md
+ *     └── foo.md
+ * ```
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
+ * ```ts
+ * {
+ *   'bar': STRING_CONTENTS_OF_BAR.MD
+ *   'foo': STRING_CONTENTS_OF_FOO.MD
+ * }
+ * ```
+ */
+export interface JsonDocsUsage {
+    [key: string]: string;
+}
+export interface JsonDocsProp {
+    name: string;
+    type: string;
+    mutable: boolean;
+    /**
+     * The name of the attribute that is exposed to configure a compiled web component
+     */
+    attr?: string;
+    reflectToAttr: boolean;
+    docs: string;
+    docsTags: JsonDocsTag[];
+    default: string;
+    deprecation?: string;
+    values: JsonDocsValue[];
+    optional: boolean;
+    required: boolean;
+}
+export interface JsonDocsMethod {
+    name: string;
+    docs: string;
+    docsTags: JsonDocsTag[];
+    deprecation?: string;
+    signature: string;
+    returns: JsonDocsMethodReturn;
+    parameters: JsonDocMethodParameter[];
+}
+export interface JsonDocsMethodReturn {
+    type: string;
+    docs: string;
+}
+export interface JsonDocMethodParameter {
+    name: string;
+    type: string;
+    docs: string;
+}
+export interface JsonDocsEvent {
+    event: string;
+    bubbles: boolean;
+    cancelable: boolean;
+    composed: boolean;
+    docs: string;
+    docsTags: JsonDocsTag[];
+    deprecation?: string;
+    detail: string;
+}
+export interface JsonDocsStyle {
+    name: string;
+    docs: string;
+    annotation: string;
+}
+export interface JsonDocsListener {
+    event: string;
+    target?: string;
+    capture: boolean;
+    passive: boolean;
+}
+export interface JsonDocsSlot {
+    name: string;
+    docs: string;
+}
+export interface JsonDocsPart {
+    name: string;
+    docs: string;
+}
+export interface StyleDoc {
+    name: string;
+    docs: string;
+    annotation: 'prop';
+}
+
+declare const _default: JsonDocs;
+export default _default;

package/dist/documentation.json

@@ -0,0 +1,187 @@
+{
+  "timestamp": "2023-04-14T10:13:32",
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.22.3",
+    "typescriptVersion": "4.9.4"
+  },
+  "components": [
+    {
+      "filePath": "./src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "mds-accordion-timer-item",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "description",
+          "type": "string",
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Specifies the title shown when the accordion is closed or opened",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "progress",
+          "type": "number",
+          "mutable": false,
+          "attr": "progress",
+          "reflectToAttr": false,
+          "docs": "A value between 0 and 100 that rapresents the status progress",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Specifies if the accordion item is opened or not",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "typography",
+          "type": "\"action\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "mutable": false,
+          "attr": "typography",
+          "reflectToAttr": false,
+          "docs": "Specifies the typography of the element",
+          "docsTags": [],
+          "default": "'h5'",
+          "values": [
+            {
+              "value": "action",
+              "type": "string"
+            },
+            {
+              "value": "h1",
+              "type": "string"
+            },
+            {
+              "value": "h2",
+              "type": "string"
+            },
+            {
+              "value": "h3",
+              "type": "string"
+            },
+            {
+              "value": "h4",
+              "type": "string"
+            },
+            {
+              "value": "h5",
+              "type": "string"
+            },
+            {
+              "value": "h6",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "uuid",
+          "type": "number",
+          "mutable": false,
+          "attr": "uuid",
+          "reflectToAttr": false,
+          "docs": "Used automatically by MdsAccordionTimer wrapper to handle it's siblings",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "mdsAccordionTimerItemClickSelect",
+          "detail": "MdsAccordionTimerItemEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the accordion is clicked by the mouse",
+          "docsTags": []
+        },
+        {
+          "event": "mdsAccordionTimerItemMouseEnterSelect",
+          "detail": "MdsAccordionTimerItemEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the accordion is hovered by the mouse",
+          "docsTags": []
+        },
+        {
+          "event": "mdsAccordionTimerItemMouseLeaveSelect",
+          "detail": "MdsAccordionTimerItemEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the accordion is hovered by the mouse",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--mds-accordion-timer-item-color",
+          "annotation": "prop",
+          "docs": "Sets the text color of the component"
+        },
+        {
+          "name": "--mds-accordion-timer-item-progress-bar-background",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the progress bar when the item is selected"
+        },
+        {
+          "name": "--mds-accordion-timer-item-progress-bar-color",
+          "annotation": "prop",
+          "docs": "Sets the color of the progress bar when the item is selected"
+        },
+        {
+          "name": "--mds-accordion-timer-item-progress-bar-thickness",
+          "annotation": "prop",
+          "docs": "Sets thickness of the progress bar"
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    }
+  ]
+}

package/dist/esm/loader.js

@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-5d57a2db.js';
 export { s as setNonce } from './index-5d57a2db.js';
 
 /*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();