Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@maggioli-design-system/mds-accordion-item
Advanced tools
@maggioli-design-system/mds-accordion-item - npm Package Compare versions
Comparing version 4.0.0 to 4.0.1
@@ -17,3 +17,3 @@ 'use strict'; | ||
| return patchEsm().then(() => { | ||
| return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options); | ||
| return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"description":[1]}]]]], options); | ||
| }); | ||
@@ -20,0 +20,0 @@ }; |
@@ -9,3 +9,3 @@ 'use strict'; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-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}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([selected]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[selected]){margin-top:-1.125rem;border-top-color:transparent !important}:host([selected]:first-child){margin-top:0px;border-top-color:transparent !important}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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([selected]) .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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -15,13 +15,13 @@ const MdsAccordionItem = class { | ||
| index.registerInstance(this, hostRef); | ||
| this.openedEvent = index.createEvent(this, "opened", 7); | ||
| this.selectedEvent = index.createEvent(this, "mdsAccordionItemSelect", 7); | ||
| this.toggle = () => { | ||
| this.opened = !this.opened; | ||
| this.openedEvent.emit({ id: this.element.id, opened: this.opened }); | ||
| this.selected = !this.selected; | ||
| this.selectedEvent.emit({ id: this.element.id, selected: this.selected }); | ||
| }; | ||
| this.typography = 'h5'; | ||
| this.opened = undefined; | ||
| this.selected = undefined; | ||
| this.description = undefined; | ||
| } | ||
| render() { | ||
| return (index.h(index.Host, null, index.h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? '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("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, index.h("slot", null)))); | ||
| return (index.h(index.Host, null, 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("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, index.h("slot", null)))); | ||
| } | ||
@@ -28,0 +28,0 @@ get element() { return index.getElement(this); } |
@@ -20,5 +20,5 @@ 'use strict'; | ||
| patchBrowser().then(options => { | ||
| return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options); | ||
| return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"description":[1]}]]]], options); | ||
| }); | ||
| exports.setNonce = index.setNonce; |
@@ -0,15 +1,15 @@ | ||
| import miBaselineKeyboardArrowUp from '@icon/mi/baseline/keyboard-arrow-up.svg'; | ||
| import { Host, h } from '@stencil/core'; | ||
| import miBaselineKeyboardArrowUp from '@icon/mi/baseline/keyboard-arrow-up.svg'; | ||
| export class MdsAccordionItem { | ||
| constructor() { | ||
| this.toggle = () => { | ||
| this.opened = !this.opened; | ||
| this.openedEvent.emit({ id: this.element.id, opened: this.opened }); | ||
| this.selected = !this.selected; | ||
| this.selectedEvent.emit({ id: this.element.id, selected: this.selected }); | ||
| }; | ||
| this.typography = 'h5'; | ||
| this.opened = undefined; | ||
| this.selected = undefined; | ||
| this.description = undefined; | ||
| } | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, 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("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -53,3 +53,3 @@ static get is() { return "mds-accordion-item"; } | ||
| }, | ||
| "opened": { | ||
| "selected": { | ||
| "type": "boolean", | ||
@@ -66,5 +66,5 @@ "mutable": true, | ||
| "tags": [], | ||
| "text": "Specifies if the accordion item is opened or not" | ||
| "text": "Specifies if the accordion item is selected or not" | ||
| }, | ||
| "attribute": "opened", | ||
| "attribute": "selected", | ||
| "reflect": true | ||
@@ -84,3 +84,3 @@ }, | ||
| "tags": [], | ||
| "text": "Specifies the title shown when the accordion is closed or opened" | ||
| "text": "Specifies the title shown when the accordion is closed or selected" | ||
| }, | ||
@@ -94,4 +94,4 @@ "attribute": "description", | ||
| return [{ | ||
| "method": "openedEvent", | ||
| "name": "opened", | ||
| "method": "selectedEvent", | ||
| "name": "mdsAccordionItemSelect", | ||
| "bubbles": true, | ||
@@ -102,3 +102,3 @@ "cancelable": true, | ||
| "tags": [], | ||
| "text": "Emits when the accordion is opened" | ||
| "text": "Emits when the accordion is selected" | ||
| }, | ||
@@ -105,0 +105,0 @@ "complexType": { |
@@ -10,3 +10,3 @@ import { h } from '@stencil/core'; | ||
| }, | ||
| opened: { | ||
| selected: { | ||
| type: { name: 'boolean' }, | ||
@@ -28,6 +28,6 @@ description: 'Specifies if the accordion item is opened or not', | ||
| }; | ||
| export const opened = Template.bind({}); | ||
| opened.args = { | ||
| opened: true, | ||
| export const selected = Template.bind({}); | ||
| selected.args = { | ||
| selected: true, | ||
| description: 'Blipbug', | ||
| }; |
@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client'; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-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}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([selected]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[selected]){margin-top:-1.125rem;border-top-color:transparent !important}:host([selected]:first-child){margin-top:0px;border-top-color:transparent !important}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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([selected]) .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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -13,13 +13,13 @@ const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
| this.__attachShadow(); | ||
| this.openedEvent = createEvent(this, "opened", 7); | ||
| this.selectedEvent = createEvent(this, "mdsAccordionItemSelect", 7); | ||
| this.toggle = () => { | ||
| this.opened = !this.opened; | ||
| this.openedEvent.emit({ id: this.element.id, opened: this.opened }); | ||
| this.selected = !this.selected; | ||
| this.selectedEvent.emit({ id: this.element.id, selected: this.selected }); | ||
| }; | ||
| this.typography = 'h5'; | ||
| this.opened = undefined; | ||
| this.selected = undefined; | ||
| this.description = undefined; | ||
| } | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, 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("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -30,3 +30,3 @@ get element() { return this; } | ||
| "typography": [1], | ||
| "opened": [1540], | ||
| "selected": [1540], | ||
| "description": [1] | ||
@@ -33,0 +33,0 @@ }]); |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-54e481e6.js";export{s as setNonce}from"./index-54e481e6.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-54e481e6.js";export{s as setNonce}from"./index-54e481e6.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],selected:[1540],description:[1]}]]]],o)}))};export{defineCustomElements}; |
@@ -1,1 +0,1 @@ | ||
| import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-54e481e6.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; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-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}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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);fill:var(--mds-accordion-item-color);-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,"opened",7);this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})};this.typography="h5";this.opened=undefined;this.description=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.opened?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},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-54e481e6.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; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([selected]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[selected]){margin-top:-1.125rem;border-top-color:transparent !important}:host([selected]:first-child){margin-top:0px;border-top-color:transparent !important}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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([selected]) .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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.toggle=function(){t.selected=!t.selected;t.selectedEvent.emit({id:t.element.id,selected:t.selected})};this.typography="h5";this.selected=undefined;this.description=undefined}o.prototype.render=function(){return h(Host,null,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("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},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}; |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-54e481e6.js";export{s as setNonce}from"./index-54e481e6.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],e)})); | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-54e481e6.js";export{s as setNonce}from"./index-54e481e6.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],description:[1]}]]]],e)})); |
@@ -14,3 +14,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-54e481e6.js'; | ||
| return patchEsm().then(() => { | ||
| return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options); | ||
| return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"description":[1]}]]]], options); | ||
| }); | ||
@@ -17,0 +17,0 @@ }; |
@@ -5,3 +5,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-54e481e6.js'; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-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}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
| const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));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 transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([selected]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[selected]){margin-top:-1.125rem;border-top-color:transparent !important}:host([selected]:first-child){margin-top:0px;border-top-color:transparent !important}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);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([selected]) .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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -11,13 +11,13 @@ const MdsAccordionItem = class { | ||
| registerInstance(this, hostRef); | ||
| this.openedEvent = createEvent(this, "opened", 7); | ||
| this.selectedEvent = createEvent(this, "mdsAccordionItemSelect", 7); | ||
| this.toggle = () => { | ||
| this.opened = !this.opened; | ||
| this.openedEvent.emit({ id: this.element.id, opened: this.opened }); | ||
| this.selected = !this.selected; | ||
| this.selectedEvent.emit({ id: this.element.id, selected: this.selected }); | ||
| }; | ||
| this.typography = 'h5'; | ||
| this.opened = undefined; | ||
| this.selected = undefined; | ||
| this.description = undefined; | ||
| } | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, 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("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -24,0 +24,0 @@ get element() { return getElement(this); } |
@@ -17,3 +17,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-54e481e6.js'; | ||
| patchBrowser().then(options => { | ||
| return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options); | ||
| return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"description":[1]}]]]], options); | ||
| }); |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-40148841",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| import{p as e,b as o}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-1b4ec475",[[1,"mds-accordion-item",{typography:[1],selected:[1540],description:[1]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
| System.register(["./p-3d1be197.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-ccd15aba.system",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],e)}))}}})); | ||
| System.register(["./p-3d1be197.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-b917c096.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],description:[1]}]]]],e)}))}}})); |
| { | ||
| "timestamp": "2023-03-02T09:53:50", | ||
| "timestamp": "2023-03-09T10:42:58", | ||
| "compiler": { | ||
@@ -33,11 +33,11 @@ "name": "node", | ||
| "./dist/collection/interface/input-value.js", | ||
| "./dist/collection/types/autocomplete.js", | ||
| "./dist/collection/types/button.js", | ||
| "./dist/collection/types/floating-ui.js", | ||
| "./dist/collection/types/form-rel.js", | ||
| "./dist/collection/types/input-text-type.js", | ||
| "./dist/collection/types/input-value-type.js", | ||
| "./dist/collection/types/loading.js", | ||
| "./dist/collection/types/typography.js", | ||
| "./dist/collection/types/variant.js" | ||
| "./dist/collection/type/autocomplete.js", | ||
| "./dist/collection/type/button.js", | ||
| "./dist/collection/type/floating-ui.js", | ||
| "./dist/collection/type/form-rel.js", | ||
| "./dist/collection/type/input-text-type.js", | ||
| "./dist/collection/type/input-value-type.js", | ||
| "./dist/collection/type/loading.js", | ||
| "./dist/collection/type/typography.js", | ||
| "./dist/collection/type/variant.js" | ||
| ] | ||
@@ -79,7 +79,7 @@ }, | ||
| "./dist/mds-accordion-item/mds-accordion-item.js", | ||
| "./dist/mds-accordion-item/p-1b4ec475.entry.js", | ||
| "./dist/mds-accordion-item/p-3d1be197.system.js", | ||
| "./dist/mds-accordion-item/p-40148841.entry.js", | ||
| "./dist/mds-accordion-item/p-50ea2036.system.js", | ||
| "./dist/mds-accordion-item/p-b5a1441d.js", | ||
| "./dist/mds-accordion-item/p-ccd15aba.system.entry.js", | ||
| "./dist/mds-accordion-item/p-b917c096.system.entry.js", | ||
| "./dist/mds-accordion-item/p-f8b9f469.system.js", | ||
@@ -89,7 +89,7 @@ "./www/build/index.esm.js", | ||
| "./www/build/mds-accordion-item.js", | ||
| "./www/build/p-1b4ec475.entry.js", | ||
| "./www/build/p-3d1be197.system.js", | ||
| "./www/build/p-40148841.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-b5a1441d.js", | ||
| "./www/build/p-ccd15aba.system.entry.js", | ||
| "./www/build/p-b917c096.system.entry.js", | ||
| "./www/build/p-f8b9f469.system.js" | ||
@@ -128,8 +128,8 @@ ] | ||
| ], | ||
| "bundleId": "p-40148841", | ||
| "fileName": "p-40148841.entry.js", | ||
| "bundleId": "p-1b4ec475", | ||
| "fileName": "p-1b4ec475.entry.js", | ||
| "imports": [ | ||
| "p-b5a1441d.js" | ||
| ], | ||
| "originalByteSize": 6953 | ||
| "originalByteSize": 7030 | ||
| } | ||
@@ -148,3 +148,3 @@ ], | ||
| ], | ||
| "originalByteSize": 6957 | ||
| "originalByteSize": 7034 | ||
| } | ||
@@ -163,3 +163,3 @@ ], | ||
| ], | ||
| "originalByteSize": 6957 | ||
| "originalByteSize": 7034 | ||
| } | ||
@@ -173,8 +173,8 @@ ], | ||
| ], | ||
| "bundleId": "p-ccd15aba.system", | ||
| "fileName": "p-ccd15aba.system.entry.js", | ||
| "bundleId": "p-b917c096.system", | ||
| "fileName": "p-b917c096.system.entry.js", | ||
| "imports": [ | ||
| "p-3d1be197.system.js" | ||
| ], | ||
| "originalByteSize": 7318 | ||
| "originalByteSize": 7395 | ||
| } | ||
@@ -193,3 +193,3 @@ ], | ||
| ], | ||
| "originalByteSize": 7034 | ||
| "originalByteSize": 7111 | ||
| } | ||
@@ -218,4 +218,4 @@ ] | ||
| { | ||
| "name": "opened", | ||
| "method": "openedEvent", | ||
| "name": "mdsAccordionItemSelect", | ||
| "method": "selectedEvent", | ||
| "bubbles": true, | ||
@@ -226,3 +226,3 @@ "cancelable": true, | ||
| "tags": [], | ||
| "text": "Emits when the accordion is opened" | ||
| "text": "Emits when the accordion is selected" | ||
| }, | ||
@@ -277,5 +277,5 @@ "complexType": { | ||
| { | ||
| "name": "opened", | ||
| "name": "selected", | ||
| "type": "boolean", | ||
| "attribute": "opened", | ||
| "attribute": "selected", | ||
| "reflect": true, | ||
@@ -292,3 +292,3 @@ "mutable": true, | ||
| "tags": [], | ||
| "text": "Specifies if the accordion item is opened or not" | ||
| "text": "Specifies if the accordion item is selected or not" | ||
| }, | ||
@@ -312,3 +312,3 @@ "internal": false | ||
| "tags": [], | ||
| "text": "Specifies the title shown when the accordion is closed or opened" | ||
| "text": "Specifies the title shown when the accordion is closed or selected" | ||
| }, | ||
@@ -360,5 +360,5 @@ "internal": false | ||
| { | ||
| "name": "opened", | ||
| "name": "selected", | ||
| "type": "boolean", | ||
| "attribute": "opened", | ||
| "attribute": "selected", | ||
| "reflect": true, | ||
@@ -375,3 +375,3 @@ "mutable": true, | ||
| "tags": [], | ||
| "text": "Specifies if the accordion item is opened or not" | ||
| "text": "Specifies if the accordion item is selected or not" | ||
| }, | ||
@@ -395,3 +395,3 @@ "internal": false | ||
| "tags": [], | ||
| "text": "Specifies the title shown when the accordion is closed or opened" | ||
| "text": "Specifies the title shown when the accordion is closed or selected" | ||
| }, | ||
@@ -407,4 +407,4 @@ "internal": false | ||
| { | ||
| "name": "opened", | ||
| "method": "openedEvent", | ||
| "name": "mdsAccordionItemSelect", | ||
| "method": "selectedEvent", | ||
| "bubbles": true, | ||
@@ -415,3 +415,3 @@ "cancelable": true, | ||
| "tags": [], | ||
| "text": "Emits when the accordion is opened" | ||
| "text": "Emits when the accordion is selected" | ||
| }, | ||
@@ -453,2 +453,7 @@ "complexType": { | ||
| { | ||
| "name": "--mds-accordion-item-border-color", | ||
| "docs": "Sets the border-color of the element", | ||
| "annotation": "prop" | ||
| }, | ||
| { | ||
| "name": "--mds-accordion-item-color", | ||
@@ -575,13 +580,13 @@ "docs": "Sets the text-color of the element", | ||
| "./src/interface/input-value.ts": [], | ||
| "./src/types/autocomplete.ts": [], | ||
| "./src/types/button.ts": [], | ||
| "./src/types/floating-ui.ts": [], | ||
| "./src/types/form-rel.ts": [], | ||
| "./src/types/input-text-type.ts": [], | ||
| "./src/types/input-value-type.ts": [], | ||
| "./src/types/loading.ts": [], | ||
| "./src/types/typography.ts": [], | ||
| "./src/types/variant.ts": [] | ||
| "./src/type/autocomplete.ts": [], | ||
| "./src/type/button.ts": [], | ||
| "./src/type/floating-ui.ts": [], | ||
| "./src/type/form-rel.ts": [], | ||
| "./src/type/input-text-type.ts": [], | ||
| "./src/type/input-value-type.ts": [], | ||
| "./src/type/loading.ts": [], | ||
| "./src/type/typography.ts": [], | ||
| "./src/type/variant.ts": [] | ||
| }, | ||
| "collections": [] | ||
| } |
@@ -13,9 +13,9 @@ /* eslint-disable */ | ||
| /** | ||
| * Specifies the title shown when the accordion is closed or opened | ||
| * Specifies the title shown when the accordion is closed or selected | ||
| */ | ||
| "description": string; | ||
| /** | ||
| * Specifies if the accordion item is opened or not | ||
| * Specifies if the accordion item is selected or not | ||
| */ | ||
| "opened"?: boolean; | ||
| "selected"?: boolean; | ||
| /** | ||
@@ -45,13 +45,13 @@ * Specifies the typography of the element | ||
| /** | ||
| * Specifies the title shown when the accordion is closed or opened | ||
| * Specifies the title shown when the accordion is closed or selected | ||
| */ | ||
| "description": string; | ||
| /** | ||
| * Emits when the accordion is opened | ||
| * Emits when the accordion is selected | ||
| */ | ||
| "onOpened"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| "onMdsAccordionItemSelect"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| /** | ||
| * Specifies if the accordion item is opened or not | ||
| * Specifies if the accordion item is selected or not | ||
| */ | ||
| "opened"?: boolean; | ||
| "selected"?: boolean; | ||
| /** | ||
@@ -58,0 +58,0 @@ * Specifies the typography of the element |
@@ -0,4 +1,4 @@ | ||
| import { AccordionClickedEvent } from '../mds-accordion/meta/interface'; | ||
| import { EventEmitter } from '../../stencil-public-runtime'; | ||
| import { TypographyTitleType } from '@type/typography'; | ||
| import { AccordionClickedEvent } from '../mds-accordion/meta/interface'; | ||
| export declare class MdsAccordionItem { | ||
@@ -11,7 +11,7 @@ private element; | ||
| /** | ||
| * Specifies if the accordion item is opened or not | ||
| * Specifies if the accordion item is selected or not | ||
| */ | ||
| opened?: boolean; | ||
| selected?: boolean; | ||
| /** | ||
| * Specifies the title shown when the accordion is closed or opened | ||
| * Specifies the title shown when the accordion is closed or selected | ||
| */ | ||
@@ -21,6 +21,6 @@ readonly description: string; | ||
| /** | ||
| * Emits when the accordion is opened | ||
| * Emits when the accordion is selected | ||
| */ | ||
| openedEvent: EventEmitter<AccordionClickedEvent>; | ||
| selectedEvent: EventEmitter<AccordionClickedEvent>; | ||
| render(): any; | ||
| } |
@@ -10,3 +10,3 @@ declare const _default: { | ||
| }; | ||
| opened: { | ||
| selected: { | ||
| type: { | ||
@@ -31,2 +31,2 @@ name: string; | ||
| export declare const Default: any; | ||
| export declare const opened: any; | ||
| export declare const selected: any; |
| { | ||
| "name": "@maggioli-design-system/mds-accordion-item", | ||
| "version": "4.0.0", | ||
| "version": "4.0.1", | ||
| "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.", | ||
@@ -26,5 +26,5 @@ "main": "dist/index.cjs.js", | ||
| "dependencies": { | ||
| "@maggioli-design-system/mds-text": "^3.2.1", | ||
| "@maggioli-design-system/mds-text": "^3.2.2", | ||
| "@maggioli-design-system/styles": "^11.2.1", | ||
| "@stencil/core": "^2.22.1" | ||
| "@stencil/core": "^2.22.2" | ||
| }, | ||
@@ -31,0 +31,0 @@ "license": "MIT", |
@@ -10,7 +10,7 @@ # mds-accordion-item | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------------------- | ------------- | ---------------------------------------------------------------- | ---------------------------------------------------------- | ----------- | | ||
| | `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened | `string` | `undefined` | | ||
| | `opened` | `opened` | Specifies if the accordion item is opened or not | `boolean` | `undefined` | | ||
| | `typography` | `typography` | Specifies the typography of the element | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------------------- | ------------- | ------------------------------------------------------------------ | ---------------------------------------------------------- | ----------- | | ||
| | `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or selected | `string` | `undefined` | | ||
| | `selected` | `selected` | Specifies if the accordion item is selected or not | `boolean` | `undefined` | | ||
| | `typography` | `typography` | Specifies the typography of the element | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'` | | ||
@@ -20,5 +20,5 @@ | ||
| | Event | Description | Type | | ||
| | -------- | ---------------------------------- | ------------------------------------ | | ||
| | `opened` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
| | Event | Description | Type | | ||
| | ------------------------ | ------------------------------------ | ------------------------------------ | | ||
| | `mdsAccordionItemSelect` | Emits when the accordion is selected | `CustomEvent<AccordionClickedEvent>` | | ||
@@ -30,2 +30,3 @@ | ||
| | ---------------------------------------- | ------------------------------------------------------ | | ||
| | `--mds-accordion-item-border-color` | Sets the border-color of the element | | ||
| | `--mds-accordion-item-color` | Sets the text-color of the element | | ||
@@ -32,0 +33,0 @@ | `--mds-accordion-item-description-color` | Sets the color of the always visible title description | |
@@ -13,9 +13,9 @@ /* eslint-disable */ | ||
| /** | ||
| * Specifies the title shown when the accordion is closed or opened | ||
| * Specifies the title shown when the accordion is closed or selected | ||
| */ | ||
| "description": string; | ||
| /** | ||
| * Specifies if the accordion item is opened or not | ||
| * Specifies if the accordion item is selected or not | ||
| */ | ||
| "opened"?: boolean; | ||
| "selected"?: boolean; | ||
| /** | ||
@@ -45,13 +45,13 @@ * Specifies the typography of the element | ||
| /** | ||
| * Specifies the title shown when the accordion is closed or opened | ||
| * Specifies the title shown when the accordion is closed or selected | ||
| */ | ||
| "description": string; | ||
| /** | ||
| * Emits when the accordion is opened | ||
| * Emits when the accordion is selected | ||
| */ | ||
| "onOpened"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| "onMdsAccordionItemSelect"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| /** | ||
| * Specifies if the accordion item is opened or not | ||
| * Specifies if the accordion item is selected or not | ||
| */ | ||
| "opened"?: boolean; | ||
| "selected"?: boolean; | ||
| /** | ||
@@ -58,0 +58,0 @@ * Specifies the typography of the element |
@@ -10,7 +10,7 @@ # mds-accordion-item | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------------------- | ------------- | ---------------------------------------------------------------- | ---------------------------------------------------------- | ----------- | | ||
| | `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened | `string` | `undefined` | | ||
| | `opened` | `opened` | Specifies if the accordion item is opened or not | `boolean` | `undefined` | | ||
| | `typography` | `typography` | Specifies the typography of the element | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------------------- | ------------- | ------------------------------------------------------------------ | ---------------------------------------------------------- | ----------- | | ||
| | `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or selected | `string` | `undefined` | | ||
| | `selected` | `selected` | Specifies if the accordion item is selected or not | `boolean` | `undefined` | | ||
| | `typography` | `typography` | Specifies the typography of the element | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'` | | ||
@@ -20,5 +20,5 @@ | ||
| | Event | Description | Type | | ||
| | -------- | ---------------------------------- | ------------------------------------ | | ||
| | `opened` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
| | Event | Description | Type | | ||
| | ------------------------ | ------------------------------------ | ------------------------------------ | | ||
| | `mdsAccordionItemSelect` | Emits when the accordion is selected | `CustomEvent<AccordionClickedEvent>` | | ||
@@ -30,2 +30,3 @@ | ||
| | ---------------------------------------- | ------------------------------------------------------ | | ||
| | `--mds-accordion-item-border-color` | Sets the border-color of the element | | ||
| | `--mds-accordion-item-color` | Sets the text-color of the element | | ||
@@ -32,0 +33,0 @@ | `--mds-accordion-item-description-color` | Sets the color of the always visible title description | |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-40148841",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| import{p as e,b as o}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-1b4ec475",[[1,"mds-accordion-item",{typography:[1],selected:[1540],description:[1]}]]]],e))); |
@@ -1,1 +0,1 @@ | ||
| System.register(["./p-3d1be197.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-ccd15aba.system",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],e)}))}}})); | ||
| System.register(["./p-3d1be197.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-b917c096.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],description:[1]}]]]],e)}))}}})); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.19%
765128
- Lines of code
- increased by0.09%
9532
- Number of lines in readme file
- increased by2.08%
49