@getflip/swirl-components 0.483.0 → 0.485.0

package/dist/esm/swirl-data-cell-stack.entry.js

@@ -28,7 +28,7 @@ const SwirlDataCellStack = class {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: 'c5a7f1db47518a1159922596dca273835ad8e273' }, h("div", { key: '5a9155ba4874b1a2aefa9ac66376843ed330c17e', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: 'f96be02e2672c703fc0f036cea4b8a46ca600ae5', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '69d283e694e896bd4a8d06941400668873cdfdfc', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '45aeece6c12e55eb617d9e3d0ca5b704e0aeae4e', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '768d7a8fd7b8b47dc3ce97b23e8488c7c6c663bc', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: 'fe3829a57d9e5357c58f6fca5d4236a611c0b553', class: "data-cell-stack__cta" }, h("slot", { key: '7a7ff7b1e33321685e3bb552154cfcebbd094463', name: "cta" }))))), h("div", { key: '8ba716b5991d67d0edfbd6139f821a3eace709d7', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'f3c3f72c0c551a3bc730e4d83b13cccb0d632bfd', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '9816cd9a28f4771294e607d37f7eafa7bbeec397' }, h("div", { key: 'a4f70e0edf996c0502f17bdc7cad8de297431e76', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '66ea79f97995eb38d609ac76681b60c8d2986aee', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '170fa4424c37ede46d21c98fe9a0a3e30e7dc6ad', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '8b533a3efc877d00f2b883b4bd97f5ce3ff0d82e', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '09b7ab8c1916e3eee5dc319a82b2cdf2261f0507', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '2d543e439b20b707cac55899382b4da1db83e867', class: "data-cell-stack__cta" }, h("slot", { key: 'f425a418b60908285450b4714f941272e541ad9a', name: "cta" }))))), h("div", { key: '14ba4e4c794c2d6bd27ff4dffaf7241139a1d694', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'aa91bc50a03d16f0ca0ff7026f41074200480053', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-date-input.entry.js

@@ -220,7 +220,7 @@ const SwirlDateInput = class {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '2ec594d964122a487dfe11366be4fcc7b569d8e2' }, h("div", { key: '68865174eaed718b1b9a01cc30da844092419404', class: className }, h("input", { key: '5d19ca6467fe106aa847d7c2190ee8383f8fdd03', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '934f9a34104e23208fc82f5517129199610bcd6a', swirlPopover: `popover-${this.id}` }, h("button", { key: 'b0f758fec8fa2305ebf5e0266a03fa60dfca9c1f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '01348f120dd398170b2c5e28c81397a621175cb8', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '86c33819d1169ed69eb2f07db7e4e644ec6cbd5c', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '75e98326b305696e9a35f218f25dd96eab152f67', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'f166999a20fff05802989608ed1329a585564547' }, h("div", { key: '11f437da98a042c658724fe906e0f921a99e97af', class: className }, h("input", { key: '3763a00b384f7be10e36101411bf28e8298dfb2e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '8d588fae83751487fdacceb53d09f6030fdab74b', swirlPopover: `popover-${this.id}` }, h("button", { key: '0b5a831ca17bb7a24616625ea59c5a4ce330df8f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'd961c2eb0baf5d7b643b5d50619c36ae4a864443', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '3fd0b3eaa50b893873d48bb3f0976b862ff4e839', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '539b2e3b63d02c53acb4449d65ae9c502d2d9f22', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-date-picker_2.entry.js

@@ -41,7 +41,7 @@ const SwirlDatePicker = class {
         const className = classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: 'a52360627cab5b1c4aecc6cb2700b00adef28853', onClick: this.onClick }, h("wc-datepicker", { key: '64496eb6d4ec9e7c4f37b6a9b83f67e8318a81b4', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '13262346d09cdbffecabceaa83e0439f413b5c5c', onClick: this.onClick }, h("wc-datepicker", { key: '74021ff9f381cbe525f5dc52f05dfa9287e9b2d9', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return getElement(this); }
 };
@@ -61,7 +61,7 @@ const SwirlIconToday = class {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '46ff09f216a5b86a5d0aa6f7e5ad4bc950c2d993', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'b36590767144971d04104ae79d16f372cee04779' }, this.label), this.size === 16 && (h(Fragment, { key: 'f525867548a884b895bfe337855c1c80b439ec9b' }, h("path", { key: '00b2395026f15ba59a10e7a03e5699a557790662', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2125b9da342baf9454c57ad58b9c5f0f29094100' }, h("path", { key: 'e7716794a949e38fdacc60e9e1a9aa42e4b3a53c', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f4672f44ca407561395ae3ce46064c5dfe343b6d' }, h("path", { key: '1a3626d2388743d0133fd42164c8eecd005ad718', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'de92497ec941010c77421cd96a5c46d16e989690', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '6e74e53c05a9b4a2df281a311c4d7d3ed93d486b' }, this.label), this.size === 16 && (h(Fragment, { key: 'e63d713fae3238a75db76e4c9a2583f2edb9d182' }, h("path", { key: 'a9992bae56f64089920eb89b35b8757a8b1fea89', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a4cdcf9d11aa82e6c529f1f94e72ab31c11471a3' }, h("path", { key: '7818726b3ed055175ff1dab31ee8f282d09f0a65', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2bc3c3a600556989e525aa2eb8510df32753a3e4' }, h("path", { key: '0edfa7bc02117718d240c0d2752d1bb8575022b8', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
     }
 };
 SwirlIconToday.style = swirlIconCss();

package/dist/esm/swirl-description-list-item.entry.js

@@ -16,7 +16,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'b3873f4225fd477a2df3ffc053ddd6157023b22f', role: "listitem" }, h("div", { key: '01f5c14d69019560eeff0729d628fced6d02da95', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'ab5b61780ac4ed77a0066116ac598536c82cbc71', class: "description-list-item__inner" }, h("div", { key: '259c2dc39b82c047a1d85f5945022971a9e8bf40', class: "description-list-item__text-container" }, h("div", { key: '19b8ee979c0ababb784d7b46b0dd3dfbb6af34d1', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'c873937c354c114cd7bae59f62b11bd0cf2c02b1', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7a4c4e82dba491a081518b2d0d3c3bd86ba94fe7', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b527b72143953bc9e8235143723806201b894b1f', size: 16, tabIndex: 0 }))))), h("div", { key: 'ccfa430f0049c1c9f23b1932ced3f392d3ddab94', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '84598b3d362a781dca8210a3434a24ceb8d2c2d9' }))), h("div", { key: 'e5f4320e3175708d87b48ad4264914e478111760', class: "description-list-item__tools" }, h("slot", { key: '8a5d1ec085197294957807a4342d71b3f5801223', name: "tools" }))), h("div", { key: '4ac5c0d60d079b8d3df8ad4b409ac1f6dc1447a5', class: "description-list-item__additional-content" }, h("slot", { key: '97bb62a58a09c7cec0975aec3ae9f10e026fa4b7', name: "additional-content" })))));
+        return (h(Host, { key: 'c2d6fc6460b890b60e96a42a81f0f4178e5fa452', role: "listitem" }, h("div", { key: '9af840c914cfbaa846bae662a2320892cd6f0a45', class: className, part: "description-list-item", role: "group" }, h("div", { key: '9746994b3083160fd75f393cfc596e81e3f4415e', class: "description-list-item__inner" }, h("div", { key: '1af4b2d0b74d49309ce803a01bc5e4dfea6d0696', class: "description-list-item__text-container" }, h("div", { key: '94c46c59e768cb8a54da983b6e57b218fa87f1a3', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '58b9b9c472938c8f0a2de69dd4728dcb9cc942ea', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'aaaeba3570e880a5fbf9377546bdbb72e1674c96', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '30f862c7272fe9e23487c27bcbc6948a0acf6cbc', size: 16, tabIndex: 0 }))))), h("div", { key: 'b216007cd1bbccad5eac8ad3f977e97c89539904', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b179b73e7bcada25cf48bb6fcfb0cb092224838c' }))), h("div", { key: '70e40cb7bafe26c8af4b0370371715849c7cbf8b', class: "description-list-item__tools" }, h("slot", { key: 'cff71a961b4e71b0266e864cdb92da155bbef6f4', name: "tools" }))), h("div", { key: '390451fc8a8d2ca78150eb5cf9b3c8edb4ee8181', class: "description-list-item__additional-content" }, h("slot", { key: 'c12a5a0cfd7511f4270ab1a54bee2fabff916590', name: "additional-content" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-description-list.entry.js

@@ -7,7 +7,7 @@ const SwirlDescriptionList = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ee83e61c66167a1a36394a255d7bc57b12ae34ee' }, h("div", { key: 'fe0ae0ac451ae422ea90e489a324cf20fd2910ea', class: "description-list", role: "list" }, h("slot", { key: 'a8eb0d705a49f49823fe688a1f5f70ca93aa5eac' }))));
+        return (h(Host, { key: '45ce3260bd1d0e428661b0552e6733cd6c19294c' }, h("div", { key: '05f2a433270da1e71c48030234203f186fd9c52b', class: "description-list", role: "list" }, h("slot", { key: 'f706ce03655209c8eab5d8183ea277e93bd33459' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss();

package/dist/esm/swirl-emoji-clap.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '097c592e5a22e1b4a7938d01cba5dd3969594ec3' }, this.size === 12 && (h("img", { key: 'b6e128470f3f403cc89b631713e87b8381cee392', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '4bdcb99ed3e533edee4256f1b51c40b97441bf43', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '635772d3bfb2b220b609292af48cfb81c51a8f39', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a26d7ea16f85840015b6be41bcb556308ea09d80', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '4a943f1936a63b9be95cbc6eda262a3dd8374e8f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = swirlEmojiCss();

package/dist/esm/swirl-emoji-happy.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'b3faea14b83cfc5596377b96bfab68d75af109c4' }, this.size === 12 && (h("img", { key: 'e9ab0ce3eeaf224017e328154463913bd6869fae', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'b9b4dc3989fe7918ae9036557418d488803497bc', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '5ddc3e2780250a8e7a89f7feaea66e99b7c5a75e', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '923c1529156b0504139ab69baba9b9901cf3642c', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ec24d29c9454d572fb9a75c79e1352346b60e57a', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'ec7697abed60d3d46cd745033bc9e49ffec76928' }, this.size === 12 && (h("img", { key: 'd924de30951b66e7a632ce46646d483564467ee1', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '81ba2238bc8db1b2cc2f735370d27025d74b4dce', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '64a38868485da28835e5defe9ef6d4cc47153e72', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '2429fa343c0dbf7781e9da23ea257f94612c2b32', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '586f6b35188b225f265c45a03cee1a933f29a506', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = swirlEmojiCss();

package/dist/esm/swirl-emoji-idea.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '75d9e1efe7a39179eb41077b1766408b47bcc56e' }, this.size === 12 && (h("img", { key: 'aa2c998f0d8c2860bb6dc7129585edc420cb5fe5', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: 'b7552aa60f5eddf89039006c234ba11bc823b677', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '2da9c4e70f3cd522b01dd6b0ca56d52771a24008', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '1ae5581d739792757875f8ea7fdbc29948ae5161', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'cb358ff37b2bdff72d00c3ee2d999fb0dd67b003', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = swirlEmojiCss();

package/dist/esm/swirl-emoji-love.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '5e3ea1e851e552eb95608d3a0092dc6284041014' }, this.size === 12 && (h("img", { key: '311525cf007194efb83c078584b406ce7f72227e', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '1e2a4b8b5be7e0b7401442b9e2486a613b9b5480', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '9788ccd3b3c90bc46ff079904b416f35c58939ef', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '18b7f3a26bfeca9ea1227bf51751a06e21eb8ac3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '2e4f9ca5ad36bd1be98c2faebb28ddc35723cf59', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '6ef69f5611b75ce5d972fc5eb1a3a2a373cd73b8' }, this.size === 12 && (h("img", { key: '38a4d6b1e319d88d5765bad880e51777df4edb37', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '955040b99741a7bee5e13d62f863501a68396ef8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '81df6deccb285ae0ffe080ba8cb4715904ff9ad4', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '2ee8c1ef6ef0eabae8ef648775e14d36e11f1f26', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '89fd476fcd42e3e5996a5b3fbbdf6ca199a527b3', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = swirlEmojiCss();

package/dist/esm/swirl-emoji-sad.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '4b4411b911505b079c3f2d968c287e61b3c13c7a' }, this.size === 12 && (h("img", { key: 'e0078af01f17b177af734eb54575d46552f1d1ce', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '30c1508cbb8ee99123a10da54e8758343be7e992', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ca4ff71685c86f57a97e5e9a0a3f973bdfef6e04', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b6e1d5c9b8794d78f3e051c2775624e5c782b132', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '100f6cff55c2c5d1da05ee7fa106326d676cb69b', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'ca1150443dc9121e2569924a732c3eddab4726b1' }, this.size === 12 && (h("img", { key: '6f0d526d1dba6e40295cf4780bc28dc21b083a66', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '0eac5e3c0289224ac55cd5f134ce3e3b8cfddd29', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '0790da98eec76f42bb92b976ac4f4647028b87fe', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '81aa107e3178756cb67d986c90dd06a294037503', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '680880b635f8b30098cd040f5a602c573e63144a', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = swirlEmojiCss();

package/dist/esm/swirl-emoji-thumbs-up.entry.js

@@ -11,7 +11,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '576bd88f22e20d3e8c7a66aae11b9e8ddc464b35' }, this.size === 12 && (h("img", { key: '19c6cf5578311f97d59a53f4d55621508a97823d', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: '570b4d902cf273871551eaa6030e5be6e95e501f', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b7f30fad3657304efc645b4f0e457eac89153a57', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '646ffb9745c42b74bf1d74dc96cd4d9dd919d210', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'eb038ac87c478f118e462146cfe2db849d020495', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e93d201248189e4e0ae90055238732e14946fa19' }, this.size === 12 && (h("img", { key: 'ce5898d22d03398d082b5b93f1aaccb5ab8c4a62', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: 'adb34ca1e78fed40ccb09c5835153b54cc22778e', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '3d9fe55d5d4e811b000856655845ab090dcc41dc', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '5effd482733a2042e048a4f6518cc390e196051e', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ac07e04f252a0615d553b71f459ac5ef5294c941', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss();

package/dist/esm/swirl-emoji.entry.js

@@ -10,7 +10,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'b2e1c9317fa2db9749ef85d9b1a86c7dfa4535b3' }, h(Tag, { key: '86200df9d507adddb33d07d8396fd7fc97624c99', label: this.label, size: this.size })));
+        return (h(Host, { key: '626e4ee595c80ba3fa26b0ed77bea219926cacb1' }, h(Tag, { key: 'dfac405bcbc4c2c61beb42ee262e53b51feeb919', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss();

package/dist/esm/swirl-empty-state.entry.js

@@ -15,7 +15,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '84a514226e65320a9aac38997ef58a1ce8ac4578' }, h("div", { key: '0a07efdf1347d39ef764e8eb0494376109d5b163', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '1160bc0ee95238c50730bd89aa3a1a86f65afccb', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '582aaf0c7b836cc052b8e327e881bc35a5748b63', class: "empty-state__slotted-illustration" }, h("slot", { key: '982e1180871e557fc360feae88fdc9e1566ae10d', name: "illustration" })), h("div", { key: '490481a38252dfcf7b63ca5c2fd593cbd51f422b', class: "empty-state__body" }, h("swirl-stack", { key: '2b6289185108f6a247c4e67f517565cd3928861d', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ea3f56f5bd950506de2189518025c4e6e2e0834a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'd425d641027947092445b41dac35e6a8a095d4fa', class: "empty-state__content" }, h("swirl-text", { key: '8a37e69ba83c836d79337887abcffba42f867344', align: "center", color: "subdued" }, h("slot", { key: '81859707c5ef23172ed2364209976269fe61ba0a' })))), h("div", { key: 'e37c890ccc368d70e05c3b88eed07e7f8eef4c00', class: "empty-state__controls" }, h("slot", { key: '20dc9f76b8252d3d675029f0e3d7ed9d45ba92b6', name: "controls" }))))));
+        return (h(Host, { key: 'b973b4cf699ba4877b16a8ba3f2dcec8c286c447' }, h("div", { key: '1139962097340ed99f67c4f26122584235766e29', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '4dcbb2dd78273396bfcea5f0d7ff848a7e590c00', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '380c3905e6f14e789f5c29962f43595ac2ea4925', class: "empty-state__slotted-illustration" }, h("slot", { key: '4b1d2bc172445f46e2128fab59b667eff1838afd', name: "illustration" })), h("div", { key: 'e6cb062dad9d21fa574dd993c5d7939ba9b964da', class: "empty-state__body" }, h("swirl-stack", { key: '9677bf328269e4c566357e862dd7d512b01f7924', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '491fc1b0b3f77dfbb46ce0a8e2db9adf991d07cf', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'ad5aec3111a8939b9400338291e51b0619c73169', class: "empty-state__content" }, h("swirl-text", { key: '8786c7c5129db51dad58bb1bc4041377cf53d322', align: "center", color: "subdued" }, h("slot", { key: 'b7a12ffebb1c0d6feaa0586496a0e676863884b6' })))), h("div", { key: 'dfa6f82451206763837c553d62e1eb4d34172745', class: "empty-state__controls" }, h("slot", { key: 'fd231fc225b6f8b9e92f3f7ca65d2e53e118bd5b', name: "controls" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-file-chip.entry.js

@@ -111,7 +111,7 @@ const SwirlFileChip = class {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (h(Host, { key: '313de20490e5dcbc11edf8def10ba35334b48d25' }, h("span", { key: 'c32e419be3a302cf4057a15f236022fe2088dd63', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: '4518d1f0d2b910ab924fba87e823c9742cc94884', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'bdacb6734b239e5356b21c5d45c37a6b85addc20', class: "file-chip__info" }, h("span", { key: '0c6c2e4bad9e93516c4dcae74b5a6ba27c2eb16e', class: "file-chip__name", title: this.name }, this.name), h("span", { key: '339e0cd14817e5e2837ccba858155b42545387a9', class: "file-chip__suffix" }, (this.description || this.loading) && (h("span", { key: '9ef8c2c3b97fea7fbec346325f8ffa215ec7fbe5', class: "file-chip__description" }, this.loading ? this.loadingLabel : this.description)), hasAction && !this.loading && (h("span", { key: '92598d232a32b10dd52750044f7992a3db4b5831', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '93b88e5ea5cb94e1648fcad1ead4208e2552720b', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '3ceb2f52e305dcf51a869bb93573297fe748e3f4', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '14b11323cfa106626dc63df82d213b3844f81d39', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+        return (h(Host, { key: '6a3351ad90e6ebbab0e46b1b10e3f3d69fb9a775' }, h("span", { key: '774678fbb4e000fc6ced058198473b01fd4cea72', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: '5ae123dd154322c28eeecce1f1d021c7fe38a327', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'df3471cbfa87de7662702a8ac9134e28461be4f9', class: "file-chip__info" }, h("span", { key: '23ca5a33bf127923fa625c91a82bc946466c4b6f', class: "file-chip__name", title: this.name }, this.name), h("span", { key: '05815291c345976fb6e598a4e5a15334b6b07b10', class: "file-chip__suffix" }, (this.description || this.loading) && (h("span", { key: 'b3271eabf403d1b956c97f90b17d778351ee0783', class: "file-chip__description" }, this.loading ? this.loadingLabel : this.description)), hasAction && !this.loading && (h("span", { key: '91e6d3b86c67a35336c369e88c3a5c795c7a2f41', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'ef8f3d5ed69b6a108f133d2d634599682c5c2a21', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: 'efd22a35ef0e7988bc178494a26f2573e87fd350', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '1637ae6ccf7d657d45fe2635ee16c874d163310b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get watchers() { return {
         "type": [{

package/dist/esm/swirl-file-uploader.entry.js

@@ -37,10 +37,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'b81758e118d61ce0caa78d276852fe110400f4d9' }, h("div", { key: '14b79693efc06797b9c51a232029262985f48308', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: 'd2a722e3ed8534340bf8de5edda0025d7de75c3b', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '88974c3227c371694e8c0f605636d05e9b029463', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '220684eb8f4561c64ec2ef78f398d7c0e889d96d' }, h("div", { key: 'a888c0ea93de5ebc8409d248b047416416a2fb45', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: 'ea546650ac72ed60bd3af02d3912a57f426a0141', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '3fe9f7e3d7102539b558b82a359ced0c81d6f410', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '828967e1c55db3b839ba638585bba59656f1185c', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '4f3fb01d5bca1683f8b6606659f56127dabda8ad', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
 };
 SwirlFileUploader.style = swirlFileUploaderCss();

package/dist/esm/swirl-file-viewer-audio_7.entry.js

@@ -13,7 +13,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '083686c9ffa51e302d2a69ca1cc3e911f00add26', class: "file-viewer-audio" }, h("audio", { key: 'c90724c4b5be569e0802a107fc3ea7d8050bc733', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: 'd707e318ef7c6d4d9474566bc0d35a653da4da2e', class: "file-viewer-audio" }, h("audio", { key: 'd568b9d0aedb33227c045b36b2c6394f5f1a3ddb', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return getElement(this); }
 };
@@ -80,7 +80,7 @@ const SwirlFileViewerCsv = class {
         }
     }
     render() {
-        return (h(Host, { key: '095365dc13663ab46360fffe88a427c92f42d20d', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '53e683e30ec994be9078c127dedd42156d762c5f', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '16149501b3e3581856bb18a15f40f92df8c4ee1c', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '8f38e9ec966a482312ecc49eee74896e873b22d0', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '2759fca71e681785d8c87ec1dd154512169be5f3' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '5df1b2ac7106e5e4c01e9f2b4d444ea7e0c0de77', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'ffe74126586eff2b5e2fbfdf2c60e7953d27f632' })))));
+        return (h(Host, { key: '937e49b3ec7b9c50f76630363b9e3c21815e0213', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'a8be822a60ce4d81d5a72b44db43cacf09334a98', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'f18aba2d473dc6365eed7a9e6d332bb8dc7571b8', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '441bd84350237c1e241a0981dcb2dea150721a58', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'd84329f5fb931a521cb32100e9ddb53e3a88cc3d' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: 'adc00f9f6805b39d58343bc1fbeeadbc0b25861a', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '340d0dc1e7c29083925f4c9046ac7a987650fd81' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -108,7 +108,7 @@ const SwirlFileViewerFallback = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '6b8965e54565989c03df58c7ba162bf14511ea7b', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'cb331b2c2bbb4efeb11ef72f43663b1ac76915d4', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '1cae467640d45738242d60a4c7637f5d3e047f0e', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '4e6150fb3d6c2609e02136abe67c958b1f04a877', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '6057be830e84a6b75ca4ea0bb082844a16161a1b', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (h(Host, { key: 'd0bc3a482ded74c1dafea8384999c61c68652b22', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'c8ae4c236ea48ca2341d29baed6fdc7c99e5fc94', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '4da9640b7353446d4c6f3d1b11053df4390ac9f0', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '66967f7e95cf8dec1607602eeac0addcfeba966f', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '81df529b24190ad8d090f9a4bff877b6f10dd342', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return getElement(this); }
 };
@@ -317,7 +317,7 @@ const SwirlFileViewerImage = class {
         const className = classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (h(Host, { key: '5ee98f88109a016dbafc445db1b3a552f687f5b4', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: 'cbe58f3f172d1a5d4d4ce0701936ceeb8a68fb3d', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '363fa458396e950ab87ca4b88573df543d4ae9bf', class: className }, h("span", { key: '310710ea6616f6a22ff18ae0e77ad1a473c44c8d', class: "file-viewer-image__container" }, h("img", { key: '2088b8dc56f4cf9b94463aef3b5f642e1adaa851', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: '6efc09d6ee1e03c3081eed4c58c319a0a9217546', class: "file-viewer-image__watermark" }, h("slot", { key: '00fd12984bc5eca9103925e89d1c8b32a9f33ee1', name: "watermark" }))), this.loading && (h("div", { key: 'd24cd1ec80459185193928efe89abeeae9b48424', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'b741024e9abc303703aee440fb9070264a06636b' }))))));
+        return (h(Host, { key: '39fa0331d29b8945f311b92e913f8e1f1f8e1a2e', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '91faea71714c35b01d0cfb08ef0c77ea4845a4e3', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '8d6dc013420c19d65e2f08b89119f3b648a1a7cc', class: className }, h("span", { key: '8645c9358407da30a267edc206e600d36a17bad3', class: "file-viewer-image__container" }, h("img", { key: '0242fda9311dd916fcdc59e8267c0e9ae17db8d4', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: 'a93a3477c400d3f5550824d4716584325b78a560', class: "file-viewer-image__watermark" }, h("slot", { key: '6abfd9eaf903d000b94d9b6179c9e42b8e2e2ba8', name: "watermark" }))), this.loading && (h("div", { key: '1305ef9c9423a6fd13eba64e585c77f7dd2932e1', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '8a92263067ce1bec8ccd6e07fdd8fdd6c4ae7591' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28664,7 +28664,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (h(Host, { key: '3b138c1bc786857e32430a2e9b7c8e252a20217d', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '15c18030a9539df48e34f11f5ab1483a60fd8dee', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '24154f8044906ab2a1b13b4e0a1d70f5831eaeca', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '7e98e4b3ec1353f847b67b444e3ccd8443b042b5', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'acf46789b848ac02e48a6058e7b090a5aa8d9183' })))));
+        return (h(Host, { key: '271b9ce89ecd4830392018eabc674fa5a04f6874', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '6656a95a97f2aeba3aa2bf0bc269e8dc1e602b63', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '5b0457f15f4480f8703fbe3f1338d996e0c45346', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '5ebe077e240240e76a0647883c785ea3b5b0c773', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '13507eb283ef2cde56d4b8b909d9b1b614c2c017' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28697,7 +28697,7 @@ const SwirlFileViewerVideo = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd92620312be59c0da17d0fdb77d657fe2d5da203', class: "file-viewer-video" }, h("video", { key: 'd4ad7be7fe0cd2ebeb7f62e95853afe81bd7ea6c', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: 'ce356e9fedf3d56148b16a06f32418bacde4740f', class: "file-viewer-video" }, h("video", { key: '5a56bfacb1205fcbba9f89e1367cd862347d8236', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {