@maggioli-design-system/magma 1.11.4 → 1.11.6

package/dist/cjs/mds-details.cjs.entry.js

@@ -14,7 +14,7 @@ const MdsDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.changedEvent = index.createEvent(this, "mdsDetailsChange", 7);
-        this.hasIcon = false;
+        this.hasIcon = true;
         this.km = new keyboardManager.KeyboardManager();
         /**
          * Specifies if the component is opened
@@ -24,17 +24,23 @@ const MdsDetails = class {
             this.isOpened = !this.isOpened;
             this.changedEvent.emit(this.isOpened);
         };
+        this.checkIcon = () => {
+            this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
+        };
+        this.onSlotChangeHandler = () => {
+            this.checkIcon();
+        };
     }
     validateOpened(newValue) {
         this.isOpened = newValue;
     }
     componentWillLoad() {
         this.isOpened = this.opened;
+        this.checkIcon();
     }
     componentDidLoad() {
         var _a;
         const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
-        this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
         this.km.addElement(header);
         this.km.attachClickBehavior();
     }
@@ -42,7 +48,7 @@ const MdsDetails = class {
         this.km.detachClickBehavior();
     }
     render() {
-        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" })))))));
+        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" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-input-upload.cjs.entry.js

@@ -433,12 +433,13 @@ const MdsInputUpload = class {
         this.t.lang(this.host);
         this.actionTitle = this.t.get('clickOrDrag', { maxFiles: this.maxFiles });
         this.userSort = (_a = localStorage.getItem(LOCALSTORAGE_KEY_USER_SORT)) !== null && _a !== void 0 ? _a : 'date';
+        this.updateInitialValue(this.initialValue);
     }
     componentDidLoad() {
         this.updateCSSCustomProps();
     }
-    updateInitialValue(newValue, oldValue) {
-        if ((!oldValue || oldValue.length === 0) && newValue) {
+    updateInitialValue(newValue) {
+        if (newValue) {
             this.onAdd(newValue);
         }
     }
@@ -615,12 +616,12 @@ const MdsInputUpload = class {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (index.h(index.Host, { key: '64fd13514b3166b6944f979193e32b282865590b' }, index.h("div", { key: '6da244c559b2f3db324a811efeba5eec09427d9b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, index.h("div", { key: '121ac8c11bcece89876c35caa0d8b7fe0db705ee', class: "main-action" }, index.h("div", { key: '1d17dbe2cdfe125dee111f621662fb032e4bdd3e', class: "main-action-icon" }, index.h("i", { key: '0b8e3628bda0a797fdcc45839241e7c2f02753e1', class: "icon", innerHTML: miBaselineAddCircle })), index.h("mds-text", { key: '367df10b5c8cf6cfb39f50efc64f730d0ffe54fb', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), index.h("div", { key: '8d33fd4a06db1ec030e68edf3fb0c4cd0121eda2', class: "main-actions" }, index.h("mds-button", { key: '19a16d19d74056b91489d12fd5fe597dda4d040f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && index.h("mds-button", { key: '2dc5c882dd0dd4a50a436bfd48de5cf5245947c2', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), index.h("div", { key: '003925161b2dc8db7a9f3bb64cb1f144200f0aee', class: "main-infos" }, index.h("mds-progress", { key: '4f02401ecbc1f13103f6c3dcfea63d574f851190', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (index.h(index.Host, { key: '6140022f85d4a662c1b61a40c38ed30f9fb14a49' }, index.h("div", { key: '1e89f777a3697def6e343904b19c24d6bc80cde2', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, index.h("div", { key: '18e6c6a5c18f44e0c6804b32b01aef0b2228988c', class: "main-action" }, index.h("div", { key: 'a3ca7b1ede7acb8902afae3745117a4bb4443a8e', class: "main-action-icon" }, index.h("i", { key: '5311081174389e679a3c1acdad40deae10440bf2', class: "icon", innerHTML: miBaselineAddCircle })), index.h("mds-text", { key: '46c8b6e1ac1f2c1147d96c946c2cf486524a8c3d', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), index.h("div", { key: '0ad8ee3fac7185ccd650056fed8911706043fe12', class: "main-actions" }, index.h("mds-button", { key: 'b76958fcadff4e698aa31240895aed738f9b7e6f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && index.h("mds-button", { key: 'd4c1c6fd33bc786b4129f1d8d32627a6bb13b98d', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), index.h("div", { key: 'f14afe5c5a4b56558b2fb2f447c7debf1ba82119', class: "main-infos" }, index.h("mds-progress", { key: '72843fa6e98aa1f36d555a138723096627c2ed25', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? index.h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : index.h("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), index.h("input", { key: '361c4d80369e0c42724d749271e855d302b84b79', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), index.h("div", { key: '901be8f68888bf2edf57fe362dfb4971561ff38c', class: "additional-infos" }, index.h("div", { key: 'ebaf9679a643913df6ac7a0425f1da040d982c44', class: clsx.clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, index.h("mds-text", { key: 'c0b7b70c2b6da485d28ea27d8a4278784207ba98', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), index.h("mds-text", { key: '13f3cb1f431bbb058dd2944a7ffb57e7f3b71635', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            index.h("mds-tab", { key: '8aa2fc09ef9eaf277c7646e8abd424b322b0f9d1', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, index.h("mds-tab-item", { key: 'f1e4197a97118ce768225347a4ca4d29cb2ea1b1', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), index.h("mds-tab-item", { key: 'ee763fadf59a50f22ce15158403478f52f38b877', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), index.h("div", { key: '2930aa1cf12f053c68c43465664fbbb4abcf09ce', class: clsx.clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), index.h("input", { key: 'baf6f4b9de84b6fea0dd604853fcfce7bb2037fd', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), index.h("div", { key: 'bb032ae20ec8cf2c2c1701acfab78fe07edda2c3', class: "additional-infos" }, index.h("div", { key: '2d5d3b9531f8befd068942996569a6bdc5b22213', class: clsx.clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, index.h("mds-text", { key: '218901b57785bb033f320669e410c8532c796ddc', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), index.h("mds-text", { key: '6fd21a036580aa038919d41347d16651c25244f7', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            index.h("mds-tab", { key: 'd03c65e4b97e53301736d323a5e80742aa66cc05', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, index.h("mds-tab-item", { key: '1f4363815dd1f4bd7335dc4f71e0ee1ea6b42c86', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), index.h("mds-tab-item", { key: '3afbd2bee7cfbcd66b7f41fec1f1a1122fa15aff', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), index.h("div", { key: 'a43595768967936157583fc7dd54764702a78820', class: clsx.clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (index.h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));

package/dist/cjs/mds-tab_2.cjs.entry.js

@@ -7,7 +7,7 @@ const aria = require('./aria-0b8ae8a3.js');
 const clsx = require('./clsx-fc789adc.js');
 const unit = require('./unit-224817ee.js');
 
-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}";
+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}";
 const MdsTabStyle0 = mdsTabCss;
 
 const MdsTab = class {

package/dist/collection/components/mds-details/mds-details.js

@@ -12,7 +12,7 @@ import { KeyboardManager } from "../../common/keyboard-manager";
  */
 export class MdsDetails {
     constructor() {
-        this.hasIcon = false;
+        this.hasIcon = true;
         this.km = new KeyboardManager();
         /**
          * Specifies if the component is opened
@@ -22,17 +22,23 @@ export class MdsDetails {
             this.isOpened = !this.isOpened;
             this.changedEvent.emit(this.isOpened);
         };
+        this.checkIcon = () => {
+            this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
+        };
+        this.onSlotChangeHandler = () => {
+            this.checkIcon();
+        };
     }
     validateOpened(newValue) {
         this.isOpened = newValue;
     }
     componentWillLoad() {
         this.isOpened = this.opened;
+        this.checkIcon();
     }
     componentDidLoad() {
         var _a;
         const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
-        this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
         this.km.addElement(header);
         this.km.attachClickBehavior();
     }
@@ -40,7 +46,7 @@ export class MdsDetails {
         this.km.detachClickBehavior();
     }
     render() {
-        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" })))))));
+        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" })))))));
     }
     static get is() { return "mds-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-upload/mds-input-upload.js

@@ -123,12 +123,13 @@ export class MdsInputUpload {
         this.t.lang(this.host);
         this.actionTitle = this.t.get('clickOrDrag', { maxFiles: this.maxFiles });
         this.userSort = (_a = localStorage.getItem(LOCALSTORAGE_KEY_USER_SORT)) !== null && _a !== void 0 ? _a : 'date';
+        this.updateInitialValue(this.initialValue);
     }
     componentDidLoad() {
         this.updateCSSCustomProps();
     }
-    updateInitialValue(newValue, oldValue) {
-        if ((!oldValue || oldValue.length === 0) && newValue) {
+    updateInitialValue(newValue) {
+        if (newValue) {
             this.onAdd(newValue);
         }
     }
@@ -305,12 +306,12 @@ export class MdsInputUpload {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (h(Host, { key: '64fd13514b3166b6944f979193e32b282865590b' }, h("div", { key: '6da244c559b2f3db324a811efeba5eec09427d9b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '121ac8c11bcece89876c35caa0d8b7fe0db705ee', class: "main-action" }, h("div", { key: '1d17dbe2cdfe125dee111f621662fb032e4bdd3e', class: "main-action-icon" }, h("i", { key: '0b8e3628bda0a797fdcc45839241e7c2f02753e1', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '367df10b5c8cf6cfb39f50efc64f730d0ffe54fb', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '8d33fd4a06db1ec030e68edf3fb0c4cd0121eda2', class: "main-actions" }, h("mds-button", { key: '19a16d19d74056b91489d12fd5fe597dda4d040f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: '2dc5c882dd0dd4a50a436bfd48de5cf5245947c2', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: '003925161b2dc8db7a9f3bb64cb1f144200f0aee', class: "main-infos" }, h("mds-progress", { key: '4f02401ecbc1f13103f6c3dcfea63d574f851190', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (h(Host, { key: '6140022f85d4a662c1b61a40c38ed30f9fb14a49' }, h("div", { key: '1e89f777a3697def6e343904b19c24d6bc80cde2', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '18e6c6a5c18f44e0c6804b32b01aef0b2228988c', class: "main-action" }, h("div", { key: 'a3ca7b1ede7acb8902afae3745117a4bb4443a8e', class: "main-action-icon" }, h("i", { key: '5311081174389e679a3c1acdad40deae10440bf2', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '46c8b6e1ac1f2c1147d96c946c2cf486524a8c3d', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '0ad8ee3fac7185ccd650056fed8911706043fe12', class: "main-actions" }, h("mds-button", { key: 'b76958fcadff4e698aa31240895aed738f9b7e6f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: 'd4c1c6fd33bc786b4129f1d8d32627a6bb13b98d', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: 'f14afe5c5a4b56558b2fb2f447c7debf1ba82119', class: "main-infos" }, h("mds-progress", { key: '72843fa6e98aa1f36d555a138723096627c2ed25', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : h("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: '361c4d80369e0c42724d749271e855d302b84b79', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: '901be8f68888bf2edf57fe362dfb4971561ff38c', class: "additional-infos" }, h("div", { key: 'ebaf9679a643913df6ac7a0425f1da040d982c44', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: 'c0b7b70c2b6da485d28ea27d8a4278784207ba98', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '13f3cb1f431bbb058dd2944a7ffb57e7f3b71635', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            h("mds-tab", { key: '8aa2fc09ef9eaf277c7646e8abd424b322b0f9d1', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: 'f1e4197a97118ce768225347a4ca4d29cb2ea1b1', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: 'ee763fadf59a50f22ce15158403478f52f38b877', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: '2930aa1cf12f053c68c43465664fbbb4abcf09ce', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: 'baf6f4b9de84b6fea0dd604853fcfce7bb2037fd', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: 'bb032ae20ec8cf2c2c1701acfab78fe07edda2c3', class: "additional-infos" }, h("div", { key: '2d5d3b9531f8befd068942996569a6bdc5b22213', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: '218901b57785bb033f320669e410c8532c796ddc', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '6fd21a036580aa038919d41347d16651c25244f7', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            h("mds-tab", { key: 'd03c65e4b97e53301736d323a5e80742aa66cc05', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: '1f4363815dd1f4bd7335dc4f71e0ee1ea6b42c86', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: '3afbd2bee7cfbcd66b7f41fec1f1a1122fa15aff', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: 'a43595768967936157583fc7dd54764702a78820', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));

package/dist/collection/components/mds-tab/mds-tab.css

@@ -64,6 +64,7 @@
   display: grid;
   gap: 0 1.5rem;
   grid-template-rows: min-content auto;
+  position: relative;
 }
 
 :host([animation="slide"]) ::slotted(mds-tab-item) {

package/dist/components/mds-details.js

@@ -12,7 +12,7 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
         this.__registerHost();
         this.__attachShadow();
         this.changedEvent = createEvent(this, "mdsDetailsChange", 7);
-        this.hasIcon = false;
+        this.hasIcon = true;
         this.km = new KeyboardManager();
         /**
          * Specifies if the component is opened
@@ -22,17 +22,23 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
             this.isOpened = !this.isOpened;
             this.changedEvent.emit(this.isOpened);
         };
+        this.checkIcon = () => {
+            this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
+        };
+        this.onSlotChangeHandler = () => {
+            this.checkIcon();
+        };
     }
     validateOpened(newValue) {
         this.isOpened = newValue;
     }
     componentWillLoad() {
         this.isOpened = this.opened;
+        this.checkIcon();
     }
     componentDidLoad() {
         var _a;
         const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
-        this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
         this.km.addElement(header);
         this.km.attachClickBehavior();
     }
@@ -40,7 +46,7 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
         this.km.detachClickBehavior();
     }
     render() {
-        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" })))))));
+        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" })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-input-upload.js

@@ -435,12 +435,13 @@ const MdsInputUpload$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputUpload e
         this.t.lang(this.host);
         this.actionTitle = this.t.get('clickOrDrag', { maxFiles: this.maxFiles });
         this.userSort = (_a = localStorage.getItem(LOCALSTORAGE_KEY_USER_SORT)) !== null && _a !== void 0 ? _a : 'date';
+        this.updateInitialValue(this.initialValue);
     }
     componentDidLoad() {
         this.updateCSSCustomProps();
     }
-    updateInitialValue(newValue, oldValue) {
-        if ((!oldValue || oldValue.length === 0) && newValue) {
+    updateInitialValue(newValue) {
+        if (newValue) {
             this.onAdd(newValue);
         }
     }
@@ -617,12 +618,12 @@ const MdsInputUpload$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputUpload e
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (h(Host, { key: '64fd13514b3166b6944f979193e32b282865590b' }, h("div", { key: '6da244c559b2f3db324a811efeba5eec09427d9b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '121ac8c11bcece89876c35caa0d8b7fe0db705ee', class: "main-action" }, h("div", { key: '1d17dbe2cdfe125dee111f621662fb032e4bdd3e', class: "main-action-icon" }, h("i", { key: '0b8e3628bda0a797fdcc45839241e7c2f02753e1', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '367df10b5c8cf6cfb39f50efc64f730d0ffe54fb', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '8d33fd4a06db1ec030e68edf3fb0c4cd0121eda2', class: "main-actions" }, h("mds-button", { key: '19a16d19d74056b91489d12fd5fe597dda4d040f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: '2dc5c882dd0dd4a50a436bfd48de5cf5245947c2', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: '003925161b2dc8db7a9f3bb64cb1f144200f0aee', class: "main-infos" }, h("mds-progress", { key: '4f02401ecbc1f13103f6c3dcfea63d574f851190', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (h(Host, { key: '6140022f85d4a662c1b61a40c38ed30f9fb14a49' }, h("div", { key: '1e89f777a3697def6e343904b19c24d6bc80cde2', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '18e6c6a5c18f44e0c6804b32b01aef0b2228988c', class: "main-action" }, h("div", { key: 'a3ca7b1ede7acb8902afae3745117a4bb4443a8e', class: "main-action-icon" }, h("i", { key: '5311081174389e679a3c1acdad40deae10440bf2', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '46c8b6e1ac1f2c1147d96c946c2cf486524a8c3d', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '0ad8ee3fac7185ccd650056fed8911706043fe12', class: "main-actions" }, h("mds-button", { key: 'b76958fcadff4e698aa31240895aed738f9b7e6f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: 'd4c1c6fd33bc786b4129f1d8d32627a6bb13b98d', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: 'f14afe5c5a4b56558b2fb2f447c7debf1ba82119', class: "main-infos" }, h("mds-progress", { key: '72843fa6e98aa1f36d555a138723096627c2ed25', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : h("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: '361c4d80369e0c42724d749271e855d302b84b79', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: '901be8f68888bf2edf57fe362dfb4971561ff38c', class: "additional-infos" }, h("div", { key: 'ebaf9679a643913df6ac7a0425f1da040d982c44', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: 'c0b7b70c2b6da485d28ea27d8a4278784207ba98', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '13f3cb1f431bbb058dd2944a7ffb57e7f3b71635', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            h("mds-tab", { key: '8aa2fc09ef9eaf277c7646e8abd424b322b0f9d1', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: 'f1e4197a97118ce768225347a4ca4d29cb2ea1b1', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: 'ee763fadf59a50f22ce15158403478f52f38b877', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: '2930aa1cf12f053c68c43465664fbbb4abcf09ce', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: 'baf6f4b9de84b6fea0dd604853fcfce7bb2037fd', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: 'bb032ae20ec8cf2c2c1701acfab78fe07edda2c3', class: "additional-infos" }, h("div", { key: '2d5d3b9531f8befd068942996569a6bdc5b22213', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: '218901b57785bb033f320669e410c8532c796ddc', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '6fd21a036580aa038919d41347d16651c25244f7', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            h("mds-tab", { key: 'd03c65e4b97e53301736d323a5e80742aa66cc05', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: '1f4363815dd1f4bd7335dc4f71e0ee1ea6b42c86', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: '3afbd2bee7cfbcd66b7f41fec1f1a1122fa15aff', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: 'a43595768967936157583fc7dd54764702a78820', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));

package/dist/components/mds-tab2.js

@@ -3,7 +3,7 @@ import { s as setAttributeIfEmpty, h as hashRandomValue } from './aria.js';
 import { c as clsx } from './clsx.js';
 import { c as cssDurationToMilliseconds } from './unit.js';
 
-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}";
+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}";
 const MdsTabStyle0 = mdsTabCss;
 
 const MdsTab = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLElement {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-31T13:54:23",
+  "timestamp": "2026-04-20T11:16:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/esm/mds-details.entry.js

@@ -10,7 +10,7 @@ const MdsDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.changedEvent = createEvent(this, "mdsDetailsChange", 7);
-        this.hasIcon = false;
+        this.hasIcon = true;
         this.km = new KeyboardManager();
         /**
          * Specifies if the component is opened
@@ -20,17 +20,23 @@ const MdsDetails = class {
             this.isOpened = !this.isOpened;
             this.changedEvent.emit(this.isOpened);
         };
+        this.checkIcon = () => {
+            this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
+        };
+        this.onSlotChangeHandler = () => {
+            this.checkIcon();
+        };
     }
     validateOpened(newValue) {
         this.isOpened = newValue;
     }
     componentWillLoad() {
         this.isOpened = this.opened;
+        this.checkIcon();
     }
     componentDidLoad() {
         var _a;
         const header = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.header');
-        this.hasIcon = this.host.querySelector(':scope > [slot="icon"]') !== null;
         this.km.addElement(header);
         this.km.attachClickBehavior();
     }
@@ -38,7 +44,7 @@ const MdsDetails = class {
         this.km.detachClickBehavior();
     }
     render() {
-        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" })))))));
+        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" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-input-upload.entry.js

@@ -429,12 +429,13 @@ const MdsInputUpload = class {
         this.t.lang(this.host);
         this.actionTitle = this.t.get('clickOrDrag', { maxFiles: this.maxFiles });
         this.userSort = (_a = localStorage.getItem(LOCALSTORAGE_KEY_USER_SORT)) !== null && _a !== void 0 ? _a : 'date';
+        this.updateInitialValue(this.initialValue);
     }
     componentDidLoad() {
         this.updateCSSCustomProps();
     }
-    updateInitialValue(newValue, oldValue) {
-        if ((!oldValue || oldValue.length === 0) && newValue) {
+    updateInitialValue(newValue) {
+        if (newValue) {
             this.onAdd(newValue);
         }
     }
@@ -611,12 +612,12 @@ const MdsInputUpload = class {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (h(Host, { key: '64fd13514b3166b6944f979193e32b282865590b' }, h("div", { key: '6da244c559b2f3db324a811efeba5eec09427d9b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '121ac8c11bcece89876c35caa0d8b7fe0db705ee', class: "main-action" }, h("div", { key: '1d17dbe2cdfe125dee111f621662fb032e4bdd3e', class: "main-action-icon" }, h("i", { key: '0b8e3628bda0a797fdcc45839241e7c2f02753e1', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '367df10b5c8cf6cfb39f50efc64f730d0ffe54fb', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '8d33fd4a06db1ec030e68edf3fb0c4cd0121eda2', class: "main-actions" }, h("mds-button", { key: '19a16d19d74056b91489d12fd5fe597dda4d040f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: '2dc5c882dd0dd4a50a436bfd48de5cf5245947c2', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: '003925161b2dc8db7a9f3bb64cb1f144200f0aee', class: "main-infos" }, h("mds-progress", { key: '4f02401ecbc1f13103f6c3dcfea63d574f851190', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (h(Host, { key: '6140022f85d4a662c1b61a40c38ed30f9fb14a49' }, h("div", { key: '1e89f777a3697def6e343904b19c24d6bc80cde2', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '18e6c6a5c18f44e0c6804b32b01aef0b2228988c', class: "main-action" }, h("div", { key: 'a3ca7b1ede7acb8902afae3745117a4bb4443a8e', class: "main-action-icon" }, h("i", { key: '5311081174389e679a3c1acdad40deae10440bf2', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '46c8b6e1ac1f2c1147d96c946c2cf486524a8c3d', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '0ad8ee3fac7185ccd650056fed8911706043fe12', class: "main-actions" }, h("mds-button", { key: 'b76958fcadff4e698aa31240895aed738f9b7e6f', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && h("mds-button", { key: 'd4c1c6fd33bc786b4129f1d8d32627a6bb13b98d', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: 'f14afe5c5a4b56558b2fb2f447c7debf1ba82119', class: "main-infos" }, h("mds-progress", { key: '72843fa6e98aa1f36d555a138723096627c2ed25', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : h("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: '361c4d80369e0c42724d749271e855d302b84b79', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: '901be8f68888bf2edf57fe362dfb4971561ff38c', class: "additional-infos" }, h("div", { key: 'ebaf9679a643913df6ac7a0425f1da040d982c44', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: 'c0b7b70c2b6da485d28ea27d8a4278784207ba98', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '13f3cb1f431bbb058dd2944a7ffb57e7f3b71635', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            h("mds-tab", { key: '8aa2fc09ef9eaf277c7646e8abd424b322b0f9d1', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: 'f1e4197a97118ce768225347a4ca4d29cb2ea1b1', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: 'ee763fadf59a50f22ce15158403478f52f38b877', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: '2930aa1cf12f053c68c43465664fbbb4abcf09ce', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), h("input", { key: 'baf6f4b9de84b6fea0dd604853fcfce7bb2037fd', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: 'bb032ae20ec8cf2c2c1701acfab78fe07edda2c3', class: "additional-infos" }, h("div", { key: '2d5d3b9531f8befd068942996569a6bdc5b22213', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: '218901b57785bb033f320669e410c8532c796ddc', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '6fd21a036580aa038919d41347d16651c25244f7', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            h("mds-tab", { key: 'd03c65e4b97e53301736d323a5e80742aa66cc05', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: '1f4363815dd1f4bd7335dc4f71e0ee1ea6b42c86', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: '3afbd2bee7cfbcd66b7f41fec1f1a1122fa15aff', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("div", { key: 'a43595768967936157583fc7dd54764702a78820', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));