@maggioli-design-system/magma 1.11.4 → 1.11.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/cjs/mds-details.cjs.entry.js +9 -3
  2. package/dist/cjs/mds-tab_2.cjs.entry.js +1 -1
  3. package/dist/collection/components/mds-details/mds-details.js +9 -3
  4. package/dist/collection/components/mds-tab/mds-tab.css +1 -0
  5. package/dist/components/mds-details.js +9 -3
  6. package/dist/components/mds-tab2.js +1 -1
  7. package/dist/documentation.json +1 -1
  8. package/dist/esm/mds-details.entry.js +9 -3
  9. package/dist/esm/mds-tab_2.entry.js +1 -1
  10. package/dist/esm-es5/mds-details.entry.js +1 -1
  11. package/dist/esm-es5/mds-tab_2.entry.js +1 -1
  12. package/dist/hydrate/index.js +10 -4
  13. package/dist/hydrate/index.mjs +10 -4
  14. package/dist/magma-components/magma-components.esm.js +1 -1
  15. package/dist/magma-components/p-26cd6ec8.system.js +1 -1
  16. package/dist/magma-components/{p-580a3815.system.entry.js → p-3c2df04e.system.entry.js} +1 -1
  17. package/dist/magma-components/p-3e50c4ab.entry.js +1 -0
  18. package/dist/magma-components/p-9a7bd573.system.entry.js +1 -0
  19. package/dist/magma-components/p-fa71927b.entry.js +1 -0
  20. package/dist/stats.json +28 -27
  21. package/dist/types/components/mds-details/mds-details.d.ts +2 -0
  22. package/package.json +1 -1
  23. package/dist/magma-components/p-27b7f933.system.entry.js +0 -1
  24. package/dist/magma-components/p-28da1fee.entry.js +0 -1
  25. package/dist/magma-components/p-3843cacc.entry.js +0 -1
package/dist/cjs/mds-details.cjs.entry.js CHANGED
@@ -14,7 +14,7 @@ const MdsDetails = class {
14
14
  constructor(hostRef) {
15
15
  index.registerInstance(this, hostRef);
16
16
  this.changedEvent = index.createEvent(this, "mdsDetailsChange", 7);
17
- this.hasIcon = false;
17
+ this.hasIcon = true;
18
18
  this.km = new keyboardManager.KeyboardManager();
19
19
  /**
20
20
  * Specifies if the component is opened
@@ -24,17 +24,23 @@ const MdsDetails = class {
24
24
  this.isOpened = !this.isOpened;
25
25
  this.changedEvent.emit(this.isOpened);
26
26
  };
27
+ this.checkIcon = () => {
28
+ this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
29
+ };
30
+ this.onSlotChangeHandler = () => {
31
+ this.checkIcon();
32
+ };
27
33
  }
28
34
  validateOpened(newValue) {
29
35
  this.isOpened = newValue;
30
36
  }
31
37
  componentWillLoad() {
32
38
  this.isOpened = this.opened;
39
+ this.checkIcon();
33
40
  }
34
41
  componentDidLoad() {
35
42
  var _a;
36
43
  const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
37
- this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
38
44
  this.km.addElement(header);
39
45
  this.km.attachClickBehavior();
40
46
  }
@@ -42,7 +48,7 @@ const MdsDetails = class {
42
48
  this.km.detachClickBehavior();
43
49
  }
44
50
  render() {
45
- return (index.h(index.Host, { key: '39e3c00b6c20a1aa0e6389e646073cc9653f0065' }, index.h("div", { key: 'b5aa0f71e6a3adc8bd44417882a07ce8f611130e', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: 'ed9983bcc61d8e9c2defd94129efe23e1c719cdc', name: "icon" })), index.h("div", { key: '7c700688777429d87dabdb6496ef44a4b7237600', class: "content" }, index.h("header", { key: 'c0bc586f56af29f2b21e4c9d301a183497a3e8f3', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: '8e08067bedccc8d2cc973279e33adfde19d64bbd', class: "title" }, index.h("slot", { key: 'b68217b4ae7388ddbcb2b1082452438d5539376e', name: "title" })), index.h("i", { key: 'bb5518fffaf455880f0f5f17b59e40e8b2af0bb3', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowDown.miBaselineKeyboardArrowDown })), index.h("div", { key: '0059f54cdb6637bdebcb64639ef8cc58459a1092', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: 'fa4a368bb016d5d87f48db1d1e0d858068f83964', class: "content-expander", part: "content" }, index.h("slot", { key: 'bcd3c777a1b38294358e9e258bcc23de1ab5c405' }), index.h("div", { key: 'a41baa9ba3b89e8969aefc6c6e5da8d89e24e75b', class: "actions" }, index.h("slot", { key: '6f5836254b9b4c8f439d1b4cca76ff655095acc8', name: "action" })))))));
51
+ return (index.h(index.Host, { key: '9614e2cbbeecbf320831181da5165a2cd46866fe' }, index.h("div", { key: '1afe17a23472c2a621e31d497a53b335306dae40', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: '665ad16cf878150afc55749daa52bb083223bb6c', name: "icon", onSlotchange: this.onSlotChangeHandler })), index.h("div", { key: 'b7431aa2dc87e4d953e08abecb80d72397558e4c', class: "content" }, index.h("header", { key: '142622df46b291a20963c3d1c97d0d6fbf20f92f', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: 'd32359db6216bf25774b842444021c233487a443', class: "title" }, index.h("slot", { key: '3d2df7c901a215dd9d272ffb6fdc25a9b72f7261', name: "title" })), index.h("i", { key: '5f310f2ceb2fe7f97ca0951ba99c1b975e15af82', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowDown.miBaselineKeyboardArrowDown })), index.h("div", { key: '4f78adbdd09b9dfb16fa5fb5375a28b14da9600b', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: 'f1772f0b58c1f7c285c69ba01f2a039eebdb936d', class: "content-expander", part: "content" }, index.h("slot", { key: '6e6036c45a73e6d102c79ab50954444b49118449' }), index.h("div", { key: '4b3c2145ff7e65f4716ed5745014aacd579f2347', class: "actions" }, index.h("slot", { key: '55c50cd1c76823af992ea5a22704bf42a417b574', name: "action" })))))));
46
52
  }
47
53
  get host() { return index.getElement(this); }
48
54
  static get watchers() { return {
package/dist/cjs/mds-tab_2.cjs.entry.js CHANGED
@@ -7,7 +7,7 @@ const aria = require('./aria-0b8ae8a3.js');
7
7
  const clsx = require('./clsx-fc789adc.js');
8
8
  const unit = require('./unit-224817ee.js');
9
9
 
10
- const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
10
+ const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
11
11
  const MdsTabStyle0 = mdsTabCss;
12
12
 
13
13
  const MdsTab = class {
package/dist/collection/components/mds-details/mds-details.js CHANGED
@@ -12,7 +12,7 @@ import { KeyboardManager } from "../../common/keyboard-manager";
12
12
  */
13
13
  export class MdsDetails {
14
14
  constructor() {
15
- this.hasIcon = false;
15
+ this.hasIcon = true;
16
16
  this.km = new KeyboardManager();
17
17
  /**
18
18
  * Specifies if the component is opened
@@ -22,17 +22,23 @@ export class MdsDetails {
22
22
  this.isOpened = !this.isOpened;
23
23
  this.changedEvent.emit(this.isOpened);
24
24
  };
25
+ this.checkIcon = () => {
26
+ this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
27
+ };
28
+ this.onSlotChangeHandler = () => {
29
+ this.checkIcon();
30
+ };
25
31
  }
26
32
  validateOpened(newValue) {
27
33
  this.isOpened = newValue;
28
34
  }
29
35
  componentWillLoad() {
30
36
  this.isOpened = this.opened;
37
+ this.checkIcon();
31
38
  }
32
39
  componentDidLoad() {
33
40
  var _a;
34
41
  const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
35
- this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
36
42
  this.km.addElement(header);
37
43
  this.km.attachClickBehavior();
38
44
  }
@@ -40,7 +46,7 @@ export class MdsDetails {
40
46
  this.km.detachClickBehavior();
41
47
  }
42
48
  render() {
43
- return (h(Host, { key: '39e3c00b6c20a1aa0e6389e646073cc9653f0065' }, h("div", { key: 'b5aa0f71e6a3adc8bd44417882a07ce8f611130e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'ed9983bcc61d8e9c2defd94129efe23e1c719cdc', name: "icon" })), h("div", { key: '7c700688777429d87dabdb6496ef44a4b7237600', class: "content" }, h("header", { key: 'c0bc586f56af29f2b21e4c9d301a183497a3e8f3', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '8e08067bedccc8d2cc973279e33adfde19d64bbd', class: "title" }, h("slot", { key: 'b68217b4ae7388ddbcb2b1082452438d5539376e', name: "title" })), h("i", { key: 'bb5518fffaf455880f0f5f17b59e40e8b2af0bb3', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '0059f54cdb6637bdebcb64639ef8cc58459a1092', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'fa4a368bb016d5d87f48db1d1e0d858068f83964', class: "content-expander", part: "content" }, h("slot", { key: 'bcd3c777a1b38294358e9e258bcc23de1ab5c405' }), h("div", { key: 'a41baa9ba3b89e8969aefc6c6e5da8d89e24e75b', class: "actions" }, h("slot", { key: '6f5836254b9b4c8f439d1b4cca76ff655095acc8', name: "action" })))))));
49
+ return (h(Host, { key: '9614e2cbbeecbf320831181da5165a2cd46866fe' }, h("div", { key: '1afe17a23472c2a621e31d497a53b335306dae40', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: '665ad16cf878150afc55749daa52bb083223bb6c', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'b7431aa2dc87e4d953e08abecb80d72397558e4c', class: "content" }, h("header", { key: '142622df46b291a20963c3d1c97d0d6fbf20f92f', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: 'd32359db6216bf25774b842444021c233487a443', class: "title" }, h("slot", { key: '3d2df7c901a215dd9d272ffb6fdc25a9b72f7261', name: "title" })), h("i", { key: '5f310f2ceb2fe7f97ca0951ba99c1b975e15af82', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '4f78adbdd09b9dfb16fa5fb5375a28b14da9600b', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'f1772f0b58c1f7c285c69ba01f2a039eebdb936d', class: "content-expander", part: "content" }, h("slot", { key: '6e6036c45a73e6d102c79ab50954444b49118449' }), h("div", { key: '4b3c2145ff7e65f4716ed5745014aacd579f2347', class: "actions" }, h("slot", { key: '55c50cd1c76823af992ea5a22704bf42a417b574', name: "action" })))))));
44
50
  }
45
51
  static get is() { return "mds-details"; }
46
52
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/mds-tab/mds-tab.css CHANGED
@@ -64,6 +64,7 @@
64
64
  display: grid;
65
65
  gap: 0 1.5rem;
66
66
  grid-template-rows: min-content auto;
67
+ position: relative;
67
68
  }
68
69
 
69
70
  :host([animation="slide"]) ::slotted(mds-tab-item) {
package/dist/components/mds-details.js CHANGED
@@ -12,7 +12,7 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
12
12
  this.__registerHost();
13
13
  this.__attachShadow();
14
14
  this.changedEvent = createEvent(this, "mdsDetailsChange", 7);
15
- this.hasIcon = false;
15
+ this.hasIcon = true;
16
16
  this.km = new KeyboardManager();
17
17
  /**
18
18
  * Specifies if the component is opened
@@ -22,17 +22,23 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
22
22
  this.isOpened = !this.isOpened;
23
23
  this.changedEvent.emit(this.isOpened);
24
24
  };
25
+ this.checkIcon = () => {
26
+ this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
27
+ };
28
+ this.onSlotChangeHandler = () => {
29
+ this.checkIcon();
30
+ };
25
31
  }
26
32
  validateOpened(newValue) {
27
33
  this.isOpened = newValue;
28
34
  }
29
35
  componentWillLoad() {
30
36
  this.isOpened = this.opened;
37
+ this.checkIcon();
31
38
  }
32
39
  componentDidLoad() {
33
40
  var _a;
34
41
  const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
35
- this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
36
42
  this.km.addElement(header);
37
43
  this.km.attachClickBehavior();
38
44
  }
@@ -40,7 +46,7 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
40
46
  this.km.detachClickBehavior();
41
47
  }
42
48
  render() {
43
- return (h(Host, { key: '39e3c00b6c20a1aa0e6389e646073cc9653f0065' }, h("div", { key: 'b5aa0f71e6a3adc8bd44417882a07ce8f611130e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'ed9983bcc61d8e9c2defd94129efe23e1c719cdc', name: "icon" })), h("div", { key: '7c700688777429d87dabdb6496ef44a4b7237600', class: "content" }, h("header", { key: 'c0bc586f56af29f2b21e4c9d301a183497a3e8f3', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '8e08067bedccc8d2cc973279e33adfde19d64bbd', class: "title" }, h("slot", { key: 'b68217b4ae7388ddbcb2b1082452438d5539376e', name: "title" })), h("i", { key: 'bb5518fffaf455880f0f5f17b59e40e8b2af0bb3', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '0059f54cdb6637bdebcb64639ef8cc58459a1092', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'fa4a368bb016d5d87f48db1d1e0d858068f83964', class: "content-expander", part: "content" }, h("slot", { key: 'bcd3c777a1b38294358e9e258bcc23de1ab5c405' }), h("div", { key: 'a41baa9ba3b89e8969aefc6c6e5da8d89e24e75b', class: "actions" }, h("slot", { key: '6f5836254b9b4c8f439d1b4cca76ff655095acc8', name: "action" })))))));
49
+ return (h(Host, { key: '9614e2cbbeecbf320831181da5165a2cd46866fe' }, h("div", { key: '1afe17a23472c2a621e31d497a53b335306dae40', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: '665ad16cf878150afc55749daa52bb083223bb6c', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'b7431aa2dc87e4d953e08abecb80d72397558e4c', class: "content" }, h("header", { key: '142622df46b291a20963c3d1c97d0d6fbf20f92f', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: 'd32359db6216bf25774b842444021c233487a443', class: "title" }, h("slot", { key: '3d2df7c901a215dd9d272ffb6fdc25a9b72f7261', name: "title" })), h("i", { key: '5f310f2ceb2fe7f97ca0951ba99c1b975e15af82', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '4f78adbdd09b9dfb16fa5fb5375a28b14da9600b', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'f1772f0b58c1f7c285c69ba01f2a039eebdb936d', class: "content-expander", part: "content" }, h("slot", { key: '6e6036c45a73e6d102c79ab50954444b49118449' }), h("div", { key: '4b3c2145ff7e65f4716ed5745014aacd579f2347', class: "actions" }, h("slot", { key: '55c50cd1c76823af992ea5a22704bf42a417b574', name: "action" })))))));
44
50
  }
45
51
  get host() { return this; }
46
52
  static get watchers() { return {
package/dist/components/mds-tab2.js CHANGED
@@ -3,7 +3,7 @@ import { s as setAttributeIfEmpty, h as hashRandomValue } from './aria.js';
3
3
  import { c as clsx } from './clsx.js';
4
4
  import { c as cssDurationToMilliseconds } from './unit.js';
5
5
 
6
- const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
6
+ const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
7
7
  const MdsTabStyle0 = mdsTabCss;
8
8
 
9
9
  const MdsTab = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLElement {
package/dist/documentation.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-03-31T13:54:23",
2
+ "timestamp": "2026-04-14T12:08:26",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
package/dist/esm/mds-details.entry.js CHANGED
@@ -10,7 +10,7 @@ const MdsDetails = class {
10
10
  constructor(hostRef) {
11
11
  registerInstance(this, hostRef);
12
12
  this.changedEvent = createEvent(this, "mdsDetailsChange", 7);
13
- this.hasIcon = false;
13
+ this.hasIcon = true;
14
14
  this.km = new KeyboardManager();
15
15
  /**
16
16
  * Specifies if the component is opened
@@ -20,17 +20,23 @@ const MdsDetails = class {
20
20
  this.isOpened = !this.isOpened;
21
21
  this.changedEvent.emit(this.isOpened);
22
22
  };
23
+ this.checkIcon = () => {
24
+ this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
25
+ };
26
+ this.onSlotChangeHandler = () => {
27
+ this.checkIcon();
28
+ };
23
29
  }
24
30
  validateOpened(newValue) {
25
31
  this.isOpened = newValue;
26
32
  }
27
33
  componentWillLoad() {
28
34
  this.isOpened = this.opened;
35
+ this.checkIcon();
29
36
  }
30
37
  componentDidLoad() {
31
38
  var _a;
32
39
  const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
33
- this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
34
40
  this.km.addElement(header);
35
41
  this.km.attachClickBehavior();
36
42
  }
@@ -38,7 +44,7 @@ const MdsDetails = class {
38
44
  this.km.detachClickBehavior();
39
45
  }
40
46
  render() {
41
- return (h(Host, { key: '39e3c00b6c20a1aa0e6389e646073cc9653f0065' }, h("div", { key: 'b5aa0f71e6a3adc8bd44417882a07ce8f611130e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'ed9983bcc61d8e9c2defd94129efe23e1c719cdc', name: "icon" })), h("div", { key: '7c700688777429d87dabdb6496ef44a4b7237600', class: "content" }, h("header", { key: 'c0bc586f56af29f2b21e4c9d301a183497a3e8f3', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '8e08067bedccc8d2cc973279e33adfde19d64bbd', class: "title" }, h("slot", { key: 'b68217b4ae7388ddbcb2b1082452438d5539376e', name: "title" })), h("i", { key: 'bb5518fffaf455880f0f5f17b59e40e8b2af0bb3', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '0059f54cdb6637bdebcb64639ef8cc58459a1092', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'fa4a368bb016d5d87f48db1d1e0d858068f83964', class: "content-expander", part: "content" }, h("slot", { key: 'bcd3c777a1b38294358e9e258bcc23de1ab5c405' }), h("div", { key: 'a41baa9ba3b89e8969aefc6c6e5da8d89e24e75b', class: "actions" }, h("slot", { key: '6f5836254b9b4c8f439d1b4cca76ff655095acc8', name: "action" })))))));
47
+ return (h(Host, { key: '9614e2cbbeecbf320831181da5165a2cd46866fe' }, h("div", { key: '1afe17a23472c2a621e31d497a53b335306dae40', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: '665ad16cf878150afc55749daa52bb083223bb6c', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'b7431aa2dc87e4d953e08abecb80d72397558e4c', class: "content" }, h("header", { key: '142622df46b291a20963c3d1c97d0d6fbf20f92f', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: 'd32359db6216bf25774b842444021c233487a443', class: "title" }, h("slot", { key: '3d2df7c901a215dd9d272ffb6fdc25a9b72f7261', name: "title" })), h("i", { key: '5f310f2ceb2fe7f97ca0951ba99c1b975e15af82', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '4f78adbdd09b9dfb16fa5fb5375a28b14da9600b', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'f1772f0b58c1f7c285c69ba01f2a039eebdb936d', class: "content-expander", part: "content" }, h("slot", { key: '6e6036c45a73e6d102c79ab50954444b49118449' }), h("div", { key: '4b3c2145ff7e65f4716ed5745014aacd579f2347', class: "actions" }, h("slot", { key: '55c50cd1c76823af992ea5a22704bf42a417b574', name: "action" })))))));
42
48
  }
43
49
  get host() { return getElement(this); }
44
50
  static get watchers() { return {
package/dist/esm/mds-tab_2.entry.js CHANGED
@@ -3,7 +3,7 @@ import { s as setAttributeIfEmpty, h as hashRandomValue } from './aria-ed9d415d.
3
3
  import { c as clsx } from './clsx-297c1ffe.js';
4
4
  import { d as cssDurationToMilliseconds } from './unit-3af59d3d.js';
5
5
 
6
- const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
6
+ const mdsTabCss = "@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}:host([animation=\"slide\"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;-ms-flex-negative:0;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot=\"content\"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot=\"content\"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=\"vertical\"]){grid-template-columns:var(--mds-tab-direction-vertical-columns);grid-template-rows:1fr}:host([direction=\"vertical\"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction=\"vertical\"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction=\"vertical\"][fill]) .tabs-wrapper,:host([direction=\"vertical\"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction=\"vertical\"])::slotted(mds-tab-item){width:100%}@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:\"\";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
7
7
  const MdsTabStyle0 = mdsTabCss;
8
8
 
9
9
  const MdsTab = class {
package/dist/esm-es5/mds-details.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-b79b8faf.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";var mdsDetailsCss="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-details-duration:300ms;--mds-details-icon-color:rgb(var(--variant-primary-04));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03));gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.content{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-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;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.content{display:grid}.details{gap:1rem;padding-top:0rem;opacity:0;display:grid;grid-template-rows:0fr;overflow:hidden;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration);transition-duration:var(--mds-details-duration);-webkit-transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding, -ms-grid-rows}.content-expander{gap:1rem;display:grid;min-height:0}.details.opened{padding-top:1rem;grid-template-rows:1fr;opacity:1;overflow:visible;pointer-events:auto}.header{gap:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon{cursor:pointer;fill:var(--mds-details-icon-color)}.icon--hidden{display:none}.title{cursor:pointer}.helper-icon{display:-ms-flexbox;display:flex}.helper-icon svg{aspect-ratio:1/1;height:100%;width:100%}.helper-icon{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);cursor:pointer;fill:var(--mds-details-helper-icon-color);-ms-flex-negative:0;flex-shrink:0;rotate:0deg;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.helper-icon.opened{rotate:180deg}.actions{gap:1rem;display:-ms-flexbox;display:flex}:host-context(.pref-animation-reduce){--mds-details-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-details-duration:0s}}:host-context(.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsDetailsStyle0=mdsDetailsCss;var MdsDetails=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsDetailsChange",7);this.hasIcon=false;this.km=new KeyboardManager;this.opened=false;this.toggle=function(){e.isOpened=!e.isOpened;e.changedEvent.emit(e.isOpened)}}t.prototype.validateOpened=function(t){this.isOpened=t};t.prototype.componentWillLoad=function(){this.isOpened=this.opened};t.prototype.componentDidLoad=function(){var t;var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".header");this.hasIcon=this.host.querySelector(':scope > [slot="icon"]')!==null;this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"39e3c00b6c20a1aa0e6389e646073cc9653f0065"},h("div",{key:"b5aa0f71e6a3adc8bd44417882a07ce8f611130e",class:clsx("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},h("slot",{key:"ed9983bcc61d8e9c2defd94129efe23e1c719cdc",name:"icon"})),h("div",{key:"7c700688777429d87dabdb6496ef44a4b7237600",class:"content"},h("header",{key:"c0bc586f56af29f2b21e4c9d301a183497a3e8f3",class:"header",part:"header",tabindex:"0",onClick:this.toggle},h("div",{key:"8e08067bedccc8d2cc973279e33adfde19d64bbd",class:"title"},h("slot",{key:"b68217b4ae7388ddbcb2b1082452438d5539376e",name:"title"})),h("i",{key:"bb5518fffaf455880f0f5f17b59e40e8b2af0bb3",class:clsx("helper-icon",this.isOpened&&"opened"),innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"0059f54cdb6637bdebcb64639ef8cc58459a1092",class:clsx("details",this.isOpened&&"opened")},h("div",{key:"fa4a368bb016d5d87f48db1d1e0d858068f83964",class:"content-expander",part:"content"},h("slot",{key:"bcd3c777a1b38294358e9e258bcc23de1ab5c405"}),h("div",{key:"a41baa9ba3b89e8969aefc6c6e5da8d89e24e75b",class:"actions"},h("slot",{key:"6f5836254b9b4c8f439d1b4cca76ff655095acc8",name:"action"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return t}();MdsDetails.style=MdsDetailsStyle0;export{MdsDetails as mds_details};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-b79b8faf.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";var mdsDetailsCss="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-details-duration:300ms;--mds-details-icon-color:rgb(var(--variant-primary-04));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03));gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.content{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-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;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.content{display:grid}.details{gap:1rem;padding-top:0rem;opacity:0;display:grid;grid-template-rows:0fr;overflow:hidden;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration);transition-duration:var(--mds-details-duration);-webkit-transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding, -ms-grid-rows}.content-expander{gap:1rem;display:grid;min-height:0}.details.opened{padding-top:1rem;grid-template-rows:1fr;opacity:1;overflow:visible;pointer-events:auto}.header{gap:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon{cursor:pointer;fill:var(--mds-details-icon-color)}.icon--hidden{display:none}.title{cursor:pointer}.helper-icon{display:-ms-flexbox;display:flex}.helper-icon svg{aspect-ratio:1/1;height:100%;width:100%}.helper-icon{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);cursor:pointer;fill:var(--mds-details-helper-icon-color);-ms-flex-negative:0;flex-shrink:0;rotate:0deg;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.helper-icon.opened{rotate:180deg}.actions{gap:1rem;display:-ms-flexbox;display:flex}:host-context(.pref-animation-reduce){--mds-details-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-details-duration:0s}}:host-context(.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsDetailsStyle0=mdsDetailsCss;var MdsDetails=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsDetailsChange",7);this.hasIcon=true;this.km=new KeyboardManager;this.opened=false;this.toggle=function(){e.isOpened=!e.isOpened;e.changedEvent.emit(e.isOpened)};this.checkIcon=function(){e.hasIcon=e.host.querySelector(':scope > [slot="icon"]')!==null};this.onSlotChangeHandler=function(){e.checkIcon()}}t.prototype.validateOpened=function(t){this.isOpened=t};t.prototype.componentWillLoad=function(){this.isOpened=this.opened;this.checkIcon()};t.prototype.componentDidLoad=function(){var t;var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".header");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"9614e2cbbeecbf320831181da5165a2cd46866fe"},h("div",{key:"1afe17a23472c2a621e31d497a53b335306dae40",class:clsx("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},h("slot",{key:"665ad16cf878150afc55749daa52bb083223bb6c",name:"icon",onSlotchange:this.onSlotChangeHandler})),h("div",{key:"b7431aa2dc87e4d953e08abecb80d72397558e4c",class:"content"},h("header",{key:"142622df46b291a20963c3d1c97d0d6fbf20f92f",class:"header",part:"header",tabindex:"0",onClick:this.toggle},h("div",{key:"d32359db6216bf25774b842444021c233487a443",class:"title"},h("slot",{key:"3d2df7c901a215dd9d272ffb6fdc25a9b72f7261",name:"title"})),h("i",{key:"5f310f2ceb2fe7f97ca0951ba99c1b975e15af82",class:clsx("helper-icon",this.isOpened&&"opened"),innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"4f78adbdd09b9dfb16fa5fb5375a28b14da9600b",class:clsx("details",this.isOpened&&"opened")},h("div",{key:"f1772f0b58c1f7c285c69ba01f2a039eebdb936d",class:"content-expander",part:"content"},h("slot",{key:"6e6036c45a73e6d102c79ab50954444b49118449"}),h("div",{key:"4b3c2145ff7e65f4716ed5745014aacd579f2347",class:"actions"},h("slot",{key:"55c50cd1c76823af992ea5a22704bf42a417b574",name:"action"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return t}();MdsDetails.style=MdsDetailsStyle0;export{MdsDetails as mds_details};