@maggioli-design-system/mds-accordion-item - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-a34223ff.js');
+const index = require('./index-fde5ca6e.js');
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.18.0 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-a34223ff.js');
+const index = require('./index-fde5ca6e.js');
 
@@ -22,3 +22,3 @@ const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;
       this.opened = !this.opened;
-      this.openedEvent.emit(this.element.id);
+      this.openedEvent.emit({ id: this.element.id, opened: this.opened });
     };
@@ -25,0 +25,0 @@ }

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

 'use strict';
 
-const index = require('./index-a34223ff.js');
+const index = require('./index-fde5ca6e.js');
 
 /*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.18.0 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "2.17.0",
-    "typescriptVersion": "4.5.4"
+    "version": "2.18.0",
+    "typescriptVersion": "4.7.4"
   },
@@ -11,0 +11,0 @@ "collections": [],

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

@@ -1,2 +0,2 @@
-import { Component, Host, h, Prop, Element, Event } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import miBaselineKeyboardArrowUp from '@icon/mi/baseline/keyboard-arrow-up.svg';
@@ -11,98 +11,105 @@ export class MdsAccordionItem {
       this.opened = !this.opened;
-      this.openedEvent.emit(this.element.id);
+      this.openedEvent.emit({ id: this.element.id, opened: this.opened });
     };
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "header", onClick: this.toggle },
-        h("mds-text", { typography: this.typography }, this.description),
-        h("mds-text", { class: "icon-button", typography: this.typography },
-          h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))),
-      h("div", { class: "contents" },
-        h("slot", null))));
+    return (h(Host, null, h("div", { class: "header", onClick: this.toggle }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents" }, h("slot", null))));
   }
   static get is() { return "mds-accordion-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mds-accordion-item.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mds-accordion-item.css"]
-  }; }
-  static get properties() { return {
-    "typography": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TypographyTitleType",
-        "resolved": "\"action\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-        "references": {
-          "TypographyTitleType": {
-            "location": "import",
-            "path": "../../types/typography"
+  static get originalStyleUrls() {
+    return {
+      "$": ["mds-accordion-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mds-accordion-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "typography": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TypographyTitleType",
+          "resolved": "\"action\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "references": {
+            "TypographyTitleType": {
+              "location": "import",
+              "path": "../../types/typography"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the typography of the element"
+        },
+        "attribute": "typography",
+        "reflect": false,
+        "defaultValue": "'h5'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the typography of the element"
+      "opened": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies if the accordion item is opened or not"
+        },
+        "attribute": "opened",
+        "reflect": true
       },
-      "attribute": "typography",
-      "reflect": false,
-      "defaultValue": "'h5'"
-    },
-    "opened": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Specifies if the accordion item is opened or not"
-      },
-      "attribute": "opened",
-      "reflect": true
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the title shown when the accordion is closed or opened"
-      },
-      "attribute": "description",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "openedEvent",
-      "name": "openedEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emits when the accordion is opened"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the title shown when the accordion is closed or opened"
+        },
+        "attribute": "description",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "openedEvent",
+        "name": "openedEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emits when the accordion is opened"
+        },
+        "complexType": {
+          "original": "AccordionClickedEvent",
+          "resolved": "AccordionClickedEvent",
+          "references": {
+            "AccordionClickedEvent": {
+              "location": "import",
+              "path": "../mds-accordion/meta/interface"
+            }
+          }
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

dist/collection/components/mds-accordion-item/test/mds-accordion-item.stories.js

@@ -22,4 +22,3 @@ import { h } from '@stencil/core';
 };
-const Template = args => h("mds-accordion-item", Object.assign({}, args),
-  h("mds-text", null, "Blipbug presenta delle fattezze riconducibili agli insetti nello stadio pre-crisalide. Il suo corpo si sviluppa in lunghezza, ed \u00E8 formato principalmente da tre parti: la sua grande testa, il suo collo (molto simile ad un collare), e il corpo vero e proprio. La prima di queste \u00E8 suddivisa in una parte color crema e una parte color denim; dello stesso colore sono le appenidici a forma di \"V\" che si trovano sopra e ai lati della testa. I suoi occhi sono enormi e grigi, ed hanno delle sottilissime sopracciglia sopra di essi. Il suo \"collare\", anch'esso color denim, presenta delle \"setole\" giallo sabbia, con le quali percepisce i segnali esterni: stesso colore si presenta nel segmento centrale della sua parte inferiore, dove sono presenti un primo paio di zampe crema. Il segmento superiore del corpo \u00E8 bianco e ospita delle zampe anteriori color crema, ed infine, la parte finale, o la \"coda\", \u00E8 color denim e finisce con un'appendice a \"V\" un po' pi\u00FA grossa."));
+const Template = args => h("mds-accordion-item", Object.assign({}, args), h("mds-text", null, "Blipbug presenta delle fattezze riconducibili agli insetti nello stadio pre-crisalide. Il suo corpo si sviluppa in lunghezza, ed \u00E8 formato principalmente da tre parti: la sua grande testa, il suo collo (molto simile ad un collare), e il corpo vero e proprio. La prima di queste \u00E8 suddivisa in una parte color crema e una parte color denim; dello stesso colore sono le appenidici a forma di \"V\" che si trovano sopra e ai lati della testa. I suoi occhi sono enormi e grigi, ed hanno delle sottilissime sopracciglia sopra di essi. Il suo \"collare\", anch'esso color denim, presenta delle \"setole\" giallo sabbia, con le quali percepisce i segnali esterni: stesso colore si presenta nel segmento centrale della sua parte inferiore, dove sono presenti un primo paio di zampe crema. Il segmento superiore del corpo \u00E8 bianco e ospita delle zampe anteriori color crema, ed infine, la parte finale, o la \"coda\", \u00E8 color denim e finisce con un'appendice a \"V\" un po' pi\u00FA grossa."));
 export const Default = Template.bind({});
@@ -26,0 +25,0 @@ Default.args = {

dist/components/mds-accordion-item.js

@@ -19,3 +19,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
       this.opened = !this.opened;
-      this.openedEvent.emit(this.element.id);
+      this.openedEvent.emit({ id: this.element.id, opened: this.opened });
     };
@@ -22,0 +22,0 @@ }

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-dd5f17d5.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-75f3197d.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)}))};export{defineCustomElements};

dist/esm-es5/mds-accordion-item.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dd5f17d5.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--tone-neutral-02));--border-color:rgb(var(--tone-neutral-08));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);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -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);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit(t.element.id)}}o.prototype.render=function(){return h(Host,null,h("div",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-75f3197d.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--tone-neutral-02));--border-color:rgb(var(--tone-neutral-08));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);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -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);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})}}o.prototype.render=function(){return h(Host,null,h("div",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};

dist/esm-es5/mds-accordion-item.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-dd5f17d5.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-75f3197d.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],r)}));

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-dd5f17d5.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-75f3197d.js';
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.18.0 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchEsm = () => {

dist/esm/mds-accordion-item.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-dd5f17d5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-75f3197d.js';
 
@@ -17,3 +17,3 @@ const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;
       this.opened = !this.opened;
-      this.openedEvent.emit(this.element.id);
+      this.openedEvent.emit({ id: this.element.id, opened: this.opened });
     };
@@ -20,0 +20,0 @@ }

dist/esm/mds-accordion-item.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-dd5f17d5.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-75f3197d.js';
 
 /*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.18.0 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchBrowser = () => {

dist/mds-accordion-item/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as p}from"./p-300fc2d8.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-bf9ec688",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));
+import{p as o,b as p}from"./p-b5ab1cd8.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-54e7768b",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));

dist/stats.json

 {
-  "timestamp": "2022-06-27T08:53:48",
+  "timestamp": "2022-09-26T13:04:47",
   "compiler": {
@@ -56,3 +56,3 @@ "name": "node",
         "generatedFiles": [
-          "./dist/cjs/index-a34223ff.js",
+          "./dist/cjs/index-fde5ca6e.js",
           "./dist/cjs/index.cjs.js",
@@ -62,3 +62,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-item.cjs.js",
-          "./dist/esm-es5/index-dd5f17d5.js",
+          "./dist/esm-es5/index-75f3197d.js",
           "./dist/esm-es5/index.js",
@@ -68,3 +68,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-item.js",
-          "./dist/esm/index-dd5f17d5.js",
+          "./dist/esm/index-75f3197d.js",
           "./dist/esm/index.js",
@@ -79,17 +79,17 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-0a34aae4.system.js",
-          "./dist/mds-accordion-item/p-300fc2d8.js",
-          "./dist/mds-accordion-item/p-432338de.system.entry.js",
+          "./dist/mds-accordion-item/p-446abd9b.system.entry.js",
           "./dist/mds-accordion-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-item/p-bf9ec688.entry.js",
-          "./dist/mds-accordion-item/p-d82b0aa0.system.js",
+          "./dist/mds-accordion-item/p-54e7768b.entry.js",
+          "./dist/mds-accordion-item/p-a6c5e9d4.system.js",
+          "./dist/mds-accordion-item/p-b5ab1cd8.js",
+          "./dist/mds-accordion-item/p-fd5db066.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-item.esm.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-0a34aae4.system.js",
-          "./www/build/p-300fc2d8.js",
-          "./www/build/p-432338de.system.entry.js",
+          "./www/build/p-446abd9b.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-bf9ec688.entry.js",
-          "./www/build/p-d82b0aa0.system.js"
+          "./www/build/p-54e7768b.entry.js",
+          "./www/build/p-a6c5e9d4.system.js",
+          "./www/build/p-b5ab1cd8.js",
+          "./www/build/p-fd5db066.system.js"
         ]
@@ -127,8 +127,8 @@ },
         ],
-        "bundleId": "p-bf9ec688",
-        "fileName": "p-bf9ec688.entry.js",
+        "bundleId": "p-54e7768b",
+        "fileName": "p-54e7768b.entry.js",
         "imports": [
-          "p-300fc2d8.js"
+          "p-b5ab1cd8.js"
         ],
-        "originalByteSize": 5306
+        "originalByteSize": 5335
       }
@@ -145,5 +145,5 @@ ],
         "imports": [
-          "index-dd5f17d5.js"
+          "index-75f3197d.js"
         ],
-        "originalByteSize": 5310
+        "originalByteSize": 5339
       }
@@ -160,5 +160,5 @@ ],
         "imports": [
-          "index-dd5f17d5.js"
+          "index-75f3197d.js"
         ],
-        "originalByteSize": 5310
+        "originalByteSize": 5339
       }
@@ -172,8 +172,8 @@ ],
         ],
-        "bundleId": "p-432338de.system",
-        "fileName": "p-432338de.system.entry.js",
+        "bundleId": "p-446abd9b.system",
+        "fileName": "p-446abd9b.system.entry.js",
         "imports": [
-          "p-d82b0aa0.system.js"
+          "p-fd5db066.system.js"
         ],
-        "originalByteSize": 5677
+        "originalByteSize": 5706
       }
@@ -190,5 +190,5 @@ ],
         "imports": [
-          "index-a34223ff.js"
+          "index-fde5ca6e.js"
         ],
-        "originalByteSize": 5387
+        "originalByteSize": 5416
       }
@@ -227,5 +227,10 @@ ]
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "AccordionClickedEvent",
+            "resolved": "AccordionClickedEvent",
+            "references": {
+              "AccordionClickedEvent": {
+                "location": "import",
+                "path": "../mds-accordion/meta/interface"
+              }
+            }
           },
@@ -404,5 +409,10 @@ "internal": false
               "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
+                "original": "AccordionClickedEvent",
+                "resolved": "AccordionClickedEvent",
+                "references": {
+                  "AccordionClickedEvent": {
+                    "location": "import",
+                    "path": "../mds-accordion/meta/interface"
+                  }
+                }
               },
@@ -421,3 +431,3 @@ "internal": false
                 {
-                  "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.css",
+                  "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.css",
                   "relativePath": "mds-accordion-item.css",
@@ -449,4 +459,4 @@ "originalComponentPath": "mds-accordion-item.css"
           },
-          "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.js",
-          "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.tsx",
+          "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.js",
+          "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.tsx",
           "sourceMapPath": null,
@@ -527,3 +537,3 @@ "hasAttributeChangedCallbackFn": false,
     "sc-mds-accordion-item": [
-      "p-300fc2d8.js"
+      "p-b5ab1cd8.js"
     ]
@@ -530,0 +540,0 @@ },

dist/types/components.d.ts

@@ -9,2 +9,3 @@ /* eslint-disable */
 import { TypographyTitleType } from "./types/typography";
+import { AccordionClickedEvent } from "./components/mds-accordion/meta/interface";
 export namespace Components {
@@ -50,3 +51,3 @@ interface MdsAccordionItem {
          */
-        "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<string>) => void;
+        "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void;
         /**
@@ -53,0 +54,0 @@ * Specifies if the accordion item is opened or not

dist/types/components/mds-accordion-item/mds-accordion-item.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
 import { TypographyTitleType } from '../../types/typography';
+import { AccordionClickedEvent } from '../mds-accordion/meta/interface';
 export declare class MdsAccordionItem {
@@ -21,4 +22,4 @@ private element;
    */
-  openedEvent: EventEmitter<string>;
+  openedEvent: EventEmitter<AccordionClickedEvent>;
   render(): any;
 }

loader/package.json

 {
   "name": "mds-accordion-item-loader",
+  "private": true,
   "typings": "./index.d.ts",
@@ -4,0 +5,0 @@ "module": "./index.js",

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-item",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "mds-accordion-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,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -19,5 +19,5 @@ # mds-accordion-item
 
-| Event         | Description                        | Type                  |
-| ------------- | ---------------------------------- | --------------------- |
-| `openedEvent` | Emits when the accordion is opened | `CustomEvent<string>` |
+| Event         | Description                        | Type                                 |
+| ------------- | ---------------------------------- | ------------------------------------ |
+| `openedEvent` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` |
 
@@ -24,0 +24,0 @@

src/components.d.ts

@@ -9,2 +9,3 @@ /* eslint-disable */
 import { TypographyTitleType } from "./types/typography";
+import { AccordionClickedEvent } from "./components/mds-accordion/meta/interface";
 export namespace Components {
@@ -50,3 +51,3 @@ interface MdsAccordionItem {
          */
-        "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<string>) => void;
+        "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void;
         /**
@@ -53,0 +54,0 @@ * Specifies if the accordion item is opened or not

src/components/mds-accordion-item/readme.md

@@ -19,5 +19,5 @@ # mds-accordion-item
 
-| Event         | Description                        | Type                  |
-| ------------- | ---------------------------------- | --------------------- |
-| `openedEvent` | Emits when the accordion is opened | `CustomEvent<string>` |
+| Event         | Description                        | Type                                 |
+| ------------- | ---------------------------------- | ------------------------------------ |
+| `openedEvent` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` |
 
@@ -24,0 +24,0 @@

www/build/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as p}from"./p-300fc2d8.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-bf9ec688",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));
+import{p as o,b as p}from"./p-b5ab1cd8.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-54e7768b",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

716840

increased by2.75%

Lines of code

8656

increased by3.76%

No dependency changes