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 2.0.0 to 3.0.0
@@ -5,6 +5,6 @@ 'use strict'; | ||
| const index = require('./index-0e674620.js'); | ||
| const index = require('./index-a34223ff.js'); | ||
| /* | ||
| Stencil Client Patch Esm v2.14.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -11,0 +11,0 @@ const patchEsm = () => { |
@@ -5,7 +5,7 @@ 'use strict'; | ||
| const index = require('./index-0e674620.js'); | ||
| const index = require('./index-a34223ff.js'); | ||
| 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>`; | ||
| const mdsAccordionItemCss = "@tailwind components; .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(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-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{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{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-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)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}"; | ||
| const 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)}"; | ||
@@ -26,3 +26,3 @@ const MdsAccordionItem = class { | ||
| render() { | ||
| return (index.h(index.Host, null, index.h("mds-grid", { class: "header", onClick: this.toggle }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { class: "contents" }, index.h("slot", null)))); | ||
| return (index.h(index.Host, null, index.h("div", { class: "header", onClick: this.toggle }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { class: "contents" }, index.h("slot", null)))); | ||
| } | ||
@@ -29,0 +29,0 @@ get element() { return index.getElement(this); } |
| 'use strict'; | ||
| const index = require('./index-0e674620.js'); | ||
| const index = require('./index-a34223ff.js'); | ||
| /* | ||
| Stencil Client Patch Browser v2.14.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -8,0 +8,0 @@ const patchBrowser = () => { |
@@ -7,3 +7,3 @@ { | ||
| "name": "@stencil/core", | ||
| "version": "2.14.2", | ||
| "version": "2.16.1", | ||
| "typescriptVersion": "4.5.4" | ||
@@ -10,0 +10,0 @@ }, |
@@ -16,3 +16,3 @@ import { Component, Host, h, Prop, Element, Event } from '@stencil/core'; | ||
| return (h(Host, null, | ||
| h("mds-grid", { class: "header", onClick: this.toggle }, | ||
| h("div", { class: "header", onClick: this.toggle }, | ||
| h("mds-text", { typography: this.typography }, this.description), | ||
@@ -19,0 +19,0 @@ h("mds-text", { class: "icon-button", typography: this.typography }, |
@@ -1,8 +0,5 @@ | ||
| import React from 'react' | ||
| import MdsAccordionItem from '@component/mds-accordion-item/mds-accordion-item' | ||
| import { typographyPrimaryDictionary } from '@dictionary/typography' | ||
| import { h } from '@stencil/core'; | ||
| import { typographyPrimaryDictionary } from '@dictionary/typography'; | ||
| export default { | ||
| title: 'UI / Accordion / Accordion Item', | ||
| component: MdsAccordionItem, | ||
| argTypes: { | ||
@@ -24,18 +21,13 @@ description: { | ||
| }, | ||
| } | ||
| const Template = args => | ||
| <mds-accordion-item {...args}> | ||
| <mds-text>Blipbug presenta delle fattezze riconducibili agli insetti nello stadio pre-crisalide. Il suo corpo si sviluppa in lunghezza, ed è 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 è 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 è bianco e ospita delle zampe anteriori color crema, ed infine, la parte finale, o la "coda", è color denim e finisce con un'appendice a "V" un po' piú grossa.</mds-text> | ||
| </mds-accordion-item> | ||
| export const Default = Template.bind({}) | ||
| }; | ||
| 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({}); | ||
| Default.args = { | ||
| description: 'Blipbug', | ||
| } | ||
| export const opened = Template.bind({}) | ||
| }; | ||
| export const opened = Template.bind({}); | ||
| opened.args = { | ||
| opened: true, | ||
| description: 'Blipbug', | ||
| } | ||
| }; |
@@ -43,2 +43,7 @@ const typographyDictionary = [ | ||
| ]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, }; | ||
| const typographyTooltipDictionary = [ | ||
| 'caption', | ||
| 'detail', | ||
| 'tip', | ||
| ]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; |
@@ -12,3 +12,3 @@ /* MdsAccordionItem custom elements */ | ||
| * But do note that this configuration depends on how your script is bundled, or lack of | ||
| * bunding, and where your assets can be loaded from. Additionally custom bundling | ||
| * bundling, and where your assets can be loaded from. Additionally custom bundling | ||
| * will have to ensure the static assets are copied to its build directory. | ||
@@ -15,0 +15,0 @@ */ |
@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client'; | ||
| const mdsAccordionItemCss = "@tailwind components; .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(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-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{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{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-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)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}"; | ||
| const 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)}"; | ||
@@ -24,3 +24,3 @@ const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
| render() { | ||
| return (h(Host, null, h("mds-grid", { 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)))); | ||
| } | ||
@@ -27,0 +27,0 @@ get element() { return this; } |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-105107c3.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-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}; |
@@ -1,1 +0,1 @@ | ||
| import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-105107c3.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; .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(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-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{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{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-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)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";var MdsAccordionItem=function(){function t(t){var o=this;registerInstance(this,t);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){o.opened=!o.opened;o.openedEvent.emit(o.element.id)}}t.prototype.render=function(){return h(Host,null,h("mds-grid",{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(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();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-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}; |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-105107c3.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-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)})); |
@@ -1,5 +0,5 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-105107c3.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-dd5f17d5.js'; | ||
| /* | ||
| Stencil Client Patch Esm v2.14.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -6,0 +6,0 @@ const patchEsm = () => { |
@@ -1,6 +0,6 @@ | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-105107c3.js'; | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-dd5f17d5.js'; | ||
| 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>`; | ||
| const mdsAccordionItemCss = "@tailwind components; .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(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-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{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{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-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)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}"; | ||
| const 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)}"; | ||
@@ -21,3 +21,3 @@ const MdsAccordionItem = class { | ||
| render() { | ||
| return (h(Host, null, h("mds-grid", { 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)))); | ||
| } | ||
@@ -24,0 +24,0 @@ get element() { return getElement(this); } |
@@ -1,5 +0,5 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-105107c3.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-dd5f17d5.js'; | ||
| /* | ||
| Stencil Client Patch Browser v2.14.2 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -6,0 +6,0 @@ const patchBrowser = () => { |
@@ -1,1 +0,1 @@ | ||
| var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window); | ||
| var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window); |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b1f8cb07.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-89888639",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| 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))); |
| { | ||
| "timestamp": "2022-03-30T11:18:59", | ||
| "timestamp": "2022-06-22T09:12:46", | ||
| "compiler": { | ||
| "name": "node", | ||
| "version": "16.13.0" | ||
| "version": "18.3.0" | ||
| }, | ||
@@ -12,12 +12,14 @@ "app": { | ||
| "entries": 1, | ||
| "bundles": 60, | ||
| "bundles": 63, | ||
| "outputs": [ | ||
| { | ||
| "name": "dist-collection", | ||
| "files": 19, | ||
| "files": 22, | ||
| "generatedFiles": [ | ||
| "./dist/collection/components/mds-accordion-item/mds-accordion-item.js", | ||
| "./dist/collection/components/mds-accordion-item/test/mds-accordion-item.stories.js", | ||
| "./dist/collection/dictionary/autocomplete.js", | ||
| "./dist/collection/dictionary/button.js", | ||
| "./dist/collection/dictionary/color.js", | ||
| "./dist/collection/dictionary/floating-ui.js", | ||
| "./dist/collection/dictionary/icon.js", | ||
@@ -32,2 +34,3 @@ "./dist/collection/dictionary/input-text-type.js", | ||
| "./dist/collection/types/button.js", | ||
| "./dist/collection/types/floating-ui.js", | ||
| "./dist/collection/types/form-rel.js", | ||
@@ -55,3 +58,3 @@ "./dist/collection/types/input-text-type.js", | ||
| "generatedFiles": [ | ||
| "./dist/cjs/index-0e674620.js", | ||
| "./dist/cjs/index-a34223ff.js", | ||
| "./dist/cjs/index.cjs.js", | ||
@@ -61,3 +64,3 @@ "./dist/cjs/loader.cjs.js", | ||
| "./dist/cjs/mds-accordion-item.cjs.js", | ||
| "./dist/esm-es5/index-105107c3.js", | ||
| "./dist/esm-es5/index-dd5f17d5.js", | ||
| "./dist/esm-es5/index.js", | ||
@@ -67,3 +70,3 @@ "./dist/esm-es5/loader.js", | ||
| "./dist/esm-es5/mds-accordion-item.js", | ||
| "./dist/esm/index-105107c3.js", | ||
| "./dist/esm/index-dd5f17d5.js", | ||
| "./dist/esm/index.js", | ||
@@ -78,17 +81,17 @@ "./dist/esm/loader.js", | ||
| "./dist/mds-accordion-item/mds-accordion-item.js", | ||
| "./dist/mds-accordion-item/p-300fc2d8.js", | ||
| "./dist/mds-accordion-item/p-432338de.system.entry.js", | ||
| "./dist/mds-accordion-item/p-50ea2036.system.js", | ||
| "./dist/mds-accordion-item/p-89888639.entry.js", | ||
| "./dist/mds-accordion-item/p-b1f8cb07.js", | ||
| "./dist/mds-accordion-item/p-cc94ea3e.system.js", | ||
| "./dist/mds-accordion-item/p-e2544042.system.js", | ||
| "./dist/mds-accordion-item/p-f141fe7c.system.entry.js", | ||
| "./dist/mds-accordion-item/p-bf9ec688.entry.js", | ||
| "./dist/mds-accordion-item/p-d82b0aa0.system.js", | ||
| "./dist/mds-accordion-item/p-f48842a0.system.js", | ||
| "./www/build/index.esm.js", | ||
| "./www/build/mds-accordion-item.esm.js", | ||
| "./www/build/mds-accordion-item.js", | ||
| "./www/build/p-300fc2d8.js", | ||
| "./www/build/p-432338de.system.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-89888639.entry.js", | ||
| "./www/build/p-b1f8cb07.js", | ||
| "./www/build/p-cc94ea3e.system.js", | ||
| "./www/build/p-e2544042.system.js", | ||
| "./www/build/p-f141fe7c.system.entry.js" | ||
| "./www/build/p-bf9ec688.entry.js", | ||
| "./www/build/p-d82b0aa0.system.js", | ||
| "./www/build/p-f48842a0.system.js" | ||
| ] | ||
@@ -126,8 +129,8 @@ }, | ||
| ], | ||
| "bundleId": "p-89888639", | ||
| "fileName": "p-89888639.entry.js", | ||
| "bundleId": "p-bf9ec688", | ||
| "fileName": "p-bf9ec688.entry.js", | ||
| "imports": [ | ||
| "p-b1f8cb07.js" | ||
| "p-300fc2d8.js" | ||
| ], | ||
| "originalByteSize": 5950 | ||
| "originalByteSize": 5306 | ||
| } | ||
@@ -144,5 +147,5 @@ ], | ||
| "imports": [ | ||
| "index-105107c3.js" | ||
| "index-dd5f17d5.js" | ||
| ], | ||
| "originalByteSize": 5954 | ||
| "originalByteSize": 5310 | ||
| } | ||
@@ -159,5 +162,5 @@ ], | ||
| "imports": [ | ||
| "index-105107c3.js" | ||
| "index-dd5f17d5.js" | ||
| ], | ||
| "originalByteSize": 5954 | ||
| "originalByteSize": 5310 | ||
| } | ||
@@ -171,8 +174,8 @@ ], | ||
| ], | ||
| "bundleId": "p-f141fe7c.system", | ||
| "fileName": "p-f141fe7c.system.entry.js", | ||
| "bundleId": "p-432338de.system", | ||
| "fileName": "p-432338de.system.entry.js", | ||
| "imports": [ | ||
| "p-e2544042.system.js" | ||
| "p-d82b0aa0.system.js" | ||
| ], | ||
| "originalByteSize": 6321 | ||
| "originalByteSize": 5677 | ||
| } | ||
@@ -189,5 +192,5 @@ ], | ||
| "imports": [ | ||
| "index-0e674620.js" | ||
| "index-a34223ff.js" | ||
| ], | ||
| "originalByteSize": 6031 | ||
| "originalByteSize": 5387 | ||
| } | ||
@@ -239,3 +242,2 @@ ] | ||
| "potentialCmpRefs": [ | ||
| "mds-grid", | ||
| "mds-text" | ||
@@ -420,3 +422,3 @@ ], | ||
| { | ||
| "absolutePath": "/Users/vitto/repo/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.css", | ||
| "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.css", | ||
| "relativePath": "mds-accordion-item.css", | ||
@@ -448,4 +450,4 @@ "originalComponentPath": "mds-accordion-item.css" | ||
| }, | ||
| "jsFilePath": "/Users/vitto/repo/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.js", | ||
| "sourceFilePath": "/Users/vitto/repo/design-system/projects/stencil/.build/mds-accordion-item/src/components/mds-accordion-item/mds-accordion-item.tsx", | ||
| "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", | ||
| "sourceMapPath": null, | ||
@@ -505,6 +507,5 @@ "hasAttributeChangedCallbackFn": false, | ||
| "htmlTagNames": [ | ||
| "mds-grid", | ||
| "div", | ||
| "mds-text", | ||
| "i", | ||
| "div", | ||
| "slot" | ||
@@ -515,3 +516,2 @@ ], | ||
| "potentialCmpRefs": [ | ||
| "mds-grid", | ||
| "mds-text" | ||
@@ -530,3 +530,3 @@ ], | ||
| "sc-mds-accordion-item": [ | ||
| "p-b1f8cb07.js" | ||
| "p-300fc2d8.js" | ||
| ] | ||
@@ -536,5 +536,7 @@ }, | ||
| "./src/components/mds-accordion-item/mds-accordion-item.tsx": [], | ||
| "./src/components/mds-accordion-item/test/mds-accordion-item.stories.tsx": [], | ||
| "./src/dictionary/autocomplete.ts": [], | ||
| "./src/dictionary/button.ts": [], | ||
| "./src/dictionary/color.ts": [], | ||
| "./src/dictionary/floating-ui.ts": [], | ||
| "./src/dictionary/icon.ts": [ | ||
@@ -551,2 +553,3 @@ "./src/fixtures/icons.json" | ||
| "./src/types/button.ts": [], | ||
| "./src/types/floating-ui.ts": [], | ||
| "./src/types/form-rel.ts": [], | ||
@@ -553,0 +556,0 @@ "./src/types/input-text-type.ts": [], |
@@ -25,2 +25,6 @@ /* eslint-disable */ | ||
| } | ||
| export interface MdsAccordionItemCustomEvent<T> extends CustomEvent<T> { | ||
| detail: T; | ||
| target: HTMLMdsAccordionItemElement; | ||
| } | ||
| declare global { | ||
@@ -46,3 +50,3 @@ interface HTMLMdsAccordionItemElement extends Components.MdsAccordionItem, HTMLStencilElement { | ||
| */ | ||
| "onOpenedEvent"?: (event: CustomEvent<string>) => void; | ||
| "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<string>) => void; | ||
| /** | ||
@@ -49,0 +53,0 @@ * Specifies if the accordion item is opened or not |
@@ -6,2 +6,3 @@ declare const typographyDictionary: string[]; | ||
| declare const typographySmallerDictionary: string[]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, }; | ||
| declare const typographyTooltipDictionary: string[]; | ||
| export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; |
@@ -6,1 +6,2 @@ export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip'; | ||
| export declare type TypographyMonoType = 'code' | 'hack'; | ||
| export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip'; |
| { | ||
| "name": "@maggioli-design-system/mds-accordion-item", | ||
| "version": "2.0.0", | ||
| "version": "3.0.0", | ||
| "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.", | ||
@@ -22,6 +22,9 @@ "main": "dist/index.cjs.js", | ||
| "build": "rm src/components.d.ts || true && stencil build --docs-readme", | ||
| "prepublishOnly": "npm run build" | ||
| "prepublishOnly": "npm run build", | ||
| "test": "stencil test --spec --e2e" | ||
| }, | ||
| "dependencies": { | ||
| "@stencil/core": "^2.14.2" | ||
| "@maggioli-design-system/styles": "^7.0.0", | ||
| "@maggioli-design-system/mds-text": "^2.0.0", | ||
| "@stencil/core": "^2.16.1" | ||
| }, | ||
@@ -28,0 +31,0 @@ "license": "MIT", |
@@ -36,3 +36,2 @@ # mds-accordion-item | ||
| - [mds-grid](../mds-grid) | ||
| - [mds-text](../mds-text) | ||
@@ -43,3 +42,2 @@ | ||
| graph TD; | ||
| mds-accordion-item --> mds-grid | ||
| mds-accordion-item --> mds-text | ||
@@ -46,0 +44,0 @@ style mds-accordion-item fill:#f9f,stroke:#333,stroke-width:4px |
@@ -25,2 +25,6 @@ /* eslint-disable */ | ||
| } | ||
| export interface MdsAccordionItemCustomEvent<T> extends CustomEvent<T> { | ||
| detail: T; | ||
| target: HTMLMdsAccordionItemElement; | ||
| } | ||
| declare global { | ||
@@ -46,3 +50,3 @@ interface HTMLMdsAccordionItemElement extends Components.MdsAccordionItem, HTMLStencilElement { | ||
| */ | ||
| "onOpenedEvent"?: (event: CustomEvent<string>) => void; | ||
| "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<string>) => void; | ||
| /** | ||
@@ -49,0 +53,0 @@ * Specifies if the accordion item is opened or not |
@@ -48,2 +48,8 @@ const typographyDictionary = [ | ||
| const typographyTooltipDictionary = [ | ||
| 'caption', | ||
| 'detail', | ||
| 'tip', | ||
| ] | ||
| export { | ||
@@ -55,2 +61,3 @@ typographyDictionary, | ||
| typographySmallerDictionary, | ||
| typographyTooltipDictionary, | ||
| } |
| [ | ||
| "mdi/alien", | ||
| "mdi/barley", | ||
| "mdi/baseball", | ||
| "mdi/crown", | ||
| "mdi/dots-vertical", | ||
| "mdi/email", | ||
| "mdi/harddisk", | ||
| "mdi/home-group", | ||
| "mdi/vector-curve", | ||
| "mi/baseline/account-balance", | ||
| "mi/baseline/account-balance-wallet", | ||
| "mi/baseline/adobe", | ||
@@ -24,2 +29,3 @@ "mi/baseline/agriculture", | ||
| "mi/baseline/done", | ||
| "mi/baseline/eco", | ||
| "mi/baseline/email", | ||
@@ -31,2 +37,3 @@ "mi/baseline/error-outline", | ||
| "mi/baseline/indeterminate-check-box", | ||
| "mi/baseline/info", | ||
| "mi/baseline/insert-drive-file", | ||
@@ -38,2 +45,3 @@ "mi/baseline/keyboard-arrow-down", | ||
| "mi/baseline/login", | ||
| "mi/baseline/logout", | ||
| "mi/baseline/navigate-next", | ||
@@ -45,3 +53,5 @@ "mi/baseline/panorama", | ||
| "mi/baseline/route", | ||
| "mi/baseline/settings", | ||
| "mi/baseline/terminal", | ||
| "mi/baseline/timer", | ||
| "mi/baseline/tv", | ||
@@ -48,0 +58,0 @@ "mi/baseline/videocam", |
@@ -42,1 +42,6 @@ export type TypographyType = | ||
| | 'hack' | ||
| export type TypographyTooltipType = | ||
| | 'caption' | ||
| | 'detail' | ||
| | 'tip' |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b1f8cb07.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-89888639",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| 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))); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
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 too big to display
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
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
- Number of package files
- increased by6.4%
133
- Lines of code
- increased by4.39%
8305
Worsened metrics
- Total package byte prevSize
- decreased by-0.16%
696739
- Dependency count
- increased by200%
3
- Number of lines in readme file
- decreased by-4%
48
- Number of medium supply chain risk alerts
- increased by25%
5
Dependency changes
+ Added@fontsource/karla@4.5.11(transitive)
+ Added@fontsource/merriweather@4.5.14(transitive)
+ Added@fontsource/roboto@4.5.8(transitive)
+ Added@maggioli-design-system/design-tokens@7.0.08.0.0(transitive)
+ Added@maggioli-design-system/mds-text@2.0.2(transitive)
+ Added@maggioli-design-system/styles@7.0.08.2.0(transitive)
+ Addedclsx@1.2.1(transitive)
+ Addednormalize.css@8.0.1(transitive)
+ Addedtypeface-karla@1.1.13(transitive)
+ Addedtypeface-merriweather@1.1.13(transitive)
+ Addedtypeface-roboto@1.1.13(transitive)
Updated@stencil/core@^2.16.1