@getflip/swirl-components 0.239.0 → 0.240.0

package/dist/components/swirl-thumbnail2.js

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '7eb095e09cda2185992b864a9d92ba6e2053be9b' }, h("span", { key: '31b5965b191d8bd093682c63c04df4aea71f57d5', class: className, role: "group" }, h(ImageWrapper, { key: 'fbab19137aecdcb53cb94d2cca0a48fdaf1c3c1e', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'c99247db45eff3252c7763d8132e2dd8f8cb6b61', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e909b536b918f74cb0aa26db80dcf0012bf0af95', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '9abe2a0a544530493cb950ee0a7c1864383006a6', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '2ff51d0c7a1b9c3ff7b9ead5929b8c859e1b1404', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '2f20e1299059672ce8772e49725e7019340ebf83' }, h("swirl-button", { key: 'c65bd96789956830e31f66f3b68d1e35573ebe92', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'db26688a63d18b24b714eca691060f64eba0df40' }, h("swirl-button", { key: 'b36b30f0430757e3c9fe757a29436f1feca98144', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '4cb7bef844b91116db686a8b80acc87c03f090b1', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '169089be9d73d32f09fa79e606cd494177bfcabd' }, h("span", { key: 'a0dcd5123d7f07e27136ed2981548b06649d3006', class: className, role: "group" }, h(ImageWrapper, { key: '9894399dcb768705493a6dafe1c330322a3ac2c3', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '3563d7dfddcb976fe2d083d4ecd8028dbdb51117', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'ebec7fe23f3e1ba1c6700c99b40dfd987c329580', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '932ad95268b33e64b138f031d02502fdebb6fcd3', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'd54308f88c6eeb7dfd39f30023a02f1f431b65a1', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '202da8f6425efc913eebd9d91ea666f4a565787d' }, h("swirl-button", { key: 'ecb2ed1dc845c6752927c582a12b4a0bbf5234c9', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '9605e51158e368ad03be62df50fa19d054545204' }, h("swirl-button", { key: '86d387395955643362558b5625609196cb6c1389', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '142a675e2ca0599d0494241fc0ab8e1c75796736', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

package/dist/components/swirl-time-input.js

@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '4f26eec34d3f2f06958534923b8657ff752c298a' }, h("div", { key: '698336730efd3a450a2c7697c76cba53e6470fb8', class: className }, h("input", { key: '426320a3fed584efbc6b45778dbea37062e6d79c', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '5b96c167d4a1a7601f892363b6d78e60b5e73892', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'dfd072dfa030c1562ccecbc2aa5c235a71aa3a73', size: this.iconSize })))));
+        return (h(Host, { key: '35a284345f274c642291fbc43b3ff0ca17856563' }, h("div", { key: '7622671c6e5bf21d98b91b26d7de25c748995baa', class: className }, h("input", { key: '46784998ff8f45c4c2a847b1db1348ec9db3f9da', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '6a5aa3cfa4f8f655f224952200bef9fc69c821b9', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '500b38a516301c72dce21a353957ec6329b6a9fe', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toast-provider.js

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'ee4d95bc3275ec4a6e6ecc8e4260c90107fb83b7', role: "status" }, h("swirl-stack", { key: 'cbb93d66b319ecf7a3e8321057e77abbf80b3b20', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'b4e75e8b86b496b1bff8baec4df1e1762a25fb3d', role: "status" }, h("swirl-stack", { key: '0b85451df7c697ae44a54a6d7a66c9ac8a5bafe4', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/components/swirl-toast2.js

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '89db4fc7720fe44b645f359be77900375fde3cc8' }, h("div", { key: '8d2ba34be1b54d7fc357ea5216a34ef53f3037b0', class: className }, this.icon && (h("span", { key: '78ac24dcfa6e2e502e19cffbf01c57329805ef0a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '3f2715abd2f4de3a0c5e7ae35f6d7eb1c5237fcb', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '159d25ad66ea8e16612857d979e750d4bb870c26' })), h("button", { key: 'a9598f252d9f528cbe6cf8430e39fab4c2dabef1', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '70ceaa68ca1abe4e798cad3779771cf2782ab619', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '3f18540b25b145f15f1eaca37dd5be78c42103db' }, h("div", { key: '666739cb13cfc70881aedef22844cbe8ad2783d4', class: className }, this.icon && (h("span", { key: '8964a20477ae0d365fe600ce34529354177597ea', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'f8e210ce416ce272af9062c59cbe1d813d781b29', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '119b58256339906ef3f94db1a8e99dac23cd3154' })), h("button", { key: '352b2d3024d115c5d8e415891f621f4d8c49c03e', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '4427cfd0ed52328b282ed327ec086b0cb4b3860b', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/components/swirl-toolbar.js

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '55895b2afcc426d0144d40840c9a905742596592' }, h("swirl-stack", { key: '700f54dc98f22d5c629a7c59c583ae8a1d3674f8', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: 'f9a37b4c970ec914f3d2feec13d361a9bf6fc15c' }))));
+        return (h(Host, { key: 'b99b48ca99a102b317587c27deabd8fcd2ef4862' }, h("swirl-stack", { key: '384ddc14cb2ed8adb4914fe02c44898bacab2386', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '8be3a8baba733641d3aac1f1b0854f0191e1e702' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js

@@ -105,7 +105,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '331f839a0c973734744886acfcba6ee83759de66', onKeydown: this.onKeydown }, h("span", { key: '9ec49b9ea51928a0fe9e1479f2c176c5b47656f8', class: className }, h("span", { key: 'bf4ac895485e20e03e11b9e0987384029f16cddd', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'e2e21bbea17feb70e3e1ccddb0f9b1eeedaeafc4' })), h("span", { key: '18c1f88c182cc22c9eca4032229e375797a9df61', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '8f56d251588bf2ba5357f02030530b8529edb714', onKeydown: this.onKeydown }, h("span", { key: '61a2da29f6754906d2aa33eda9fd35332d34605c', class: className }, h("span", { key: '634ccb7169aeddc870cee955fb91116a7523430e', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '6128cdddd6ccde561c09e9a262515b7d2ef8d197' })), h("span", { key: '4f1b5ad00978ffbd9569d78a73ee7360fe73b0c1', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -113,7 +113,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '778239a5b84456e0d7177da162ad94f3563ab2d3', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '28d9c569f1468a791103dd932bfa61c99ef9ec49', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '47dd457861fd343d0866852dc0345be01b76c91f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '4e008a825910accf5025b376cd31a4f318341a60', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '31a7fcb6aeafc3a16d573ca93657d3179d0fc043', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '67143598c3ce86017ef52f38fdf655aed68805e8', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/components/swirl-tree-navigation-item.js

@@ -22,7 +22,7 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '96396322f97eb33a6bb4e93405462a850dc6ea7a' }, h(Tag, { key: '27ddc8ac3607b1342f6cb9ae21e60526b4968328', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '0c41cca8bc76d626c212d76d6ddc66fcb9d57c23', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: 'b6159a2f757cdad1af8dc90cf97a561d9f2993ea', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: '685ad5463f4cd2529d77b96cdfb448bc72050e0c' }, h(Tag, { key: 'fc55249c9c4bf22260dfa164900eb781cbac5974', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '406abc2df2a00869c7b559a44a4858a08b07a8a2', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '5b0edc2516ff14f94a30736e2b23574af6c5dcd9', class: "tree-navigation-item__label" }, this.label))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeNavigationItemStyle0; }

package/dist/components/swirl-tree-view-item.js

@@ -82,11 +82,11 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--active": this.active,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '5536540c4e527d3f53a00e19a70e2881914be32d', id: this.itemId, role: "none" }, h("li", { key: '3127b39b81e4d4d9cedada63871690c8b71991ce', class: className, role: "none" }, h("a", { key: 'a743d67a7abe465accbdc58c5804bb7636734063', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+        return (h(Host, { key: 'e2d494173e35da47a1233acdf2d7338ebc995b61', id: this.itemId, role: "none" }, h("li", { key: 'e99bbab64c4b442f81708aace5ea2f13ecaf6247', class: className, role: "none" }, h("a", { key: '6094afda7a656d6a03cebb21d00f4fd63284bf50', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '9573a8dabe9c2a5b164e8249c81398483021451b', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: '5ddc21115b3f7144a66f8feed80d83741b6d6b8b' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '98f1fb14404139b0ccd1e025fbe01a3616aaae45' }, h("span", { key: '6926489444f53f20b96d36ac26ffa4fba0f5787f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'db059c174c1157cd32405858ade8a67415173e9d', class: "tree-view-item__label" }, this.label), h("span", { key: '0c285086acd923094095549468559604f3c1ac8a', class: "tree-view-item__tags" }, h("slot", { key: '7f3e19903fcb99718ff6b4916f5b664e9134f399', name: "tags" }))), h("ul", { key: 'dc2d208b5da14c8c993841ec02a370581022062e', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: 'a3af25922f659a8908d55f43b1b9a737a0233c01', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: '4f066aa80ad37f2dae9b30f0a3401244d1e09b71' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'f064c126ab2d8224d4b66b9576970f4ccf3d9b07' }, h("span", { key: '4095d3d71de26ff6951557e48f65460b068d9bed', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '6306d52d4829e87ebd17c3f991f763fcad54bd5c', class: "tree-view-item__label" }, this.label), h("span", { key: 'd08e144e7b8d22a9bf1a140a4417498ef4b87d06', class: "tree-view-item__tags" }, h("slot", { key: 'fa7f4d316844400e4a3366a76058a309be59c460', name: "tags" }))), h("ul", { key: 'eb2fdefba066f4d0c27e9f9308a06075307ed1ed', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !this.hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '404f0edcf53630dbff01bd7221107a75234d9f81' })))));
+            } }, h("slot", { key: 'd48665a47eeb27ba310f9750627d30e129ba7c58' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

package/dist/components/swirl-tree-view.js

@@ -197,7 +197,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: 'f57162e727960728b75ee6b870b74704bed4872b' }, h("ul", { key: 'faaeca465213edbe90b724522c007db817d74008', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'e1241a5c3aa4337a32bf6fd296e89377a93cc543', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'a5dca9db44170d2156cf786e83c418e7abbe245f' }, h("ul", { key: 'a342d4f621049a1d386663282e691050072f442c', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'bdec75a3b590f9b30e177b071cc221a45af4173a', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewStyle0; }

package/dist/components/swirl-video-thumbnail.js

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '08d119e26e9285e959e8044cdf56b0c480c9e9c9' }, h("button", { key: 'ffb72aeb317da05cbf8e78aade45f20d08170525', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '6698b8b402be6f4b358d4302bb132e594ccfb13f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '6e3006308c3498748728c1b9eb5ced207ce1d012', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'f2f8e17ed944825645dc47656957c3d1e0301fc0' }, this.durationLabel), this.duration)), h("svg", { key: 'df42efe50865d588cd94d9f3df342f91b8073369', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6d7f7450ca54c92794dded4715612c31d2cc21dd', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '87ee3d6f3333be7488a3336a8db36f063a0cf573' }, h("button", { key: 'a33470339e976461db616646d5513381a9768592', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9848231bc14d3eb04b6bf78bf205418e97d85aee', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '1f7ab5421873511db04b0f290d76d5377346266b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '87343cbf4b908c854db17b5f1fa99a789deab7c8' }, this.durationLabel), this.duration)), h("svg", { key: '9344ef1c278faf7343a727c160e91b0b74288e1f', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2473ad0d51fd53eb6b48067c5f9d764bce414599', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'c1d0b4994e82291b031e129cd392b01d3f09c5b4' }, h("slot", { key: 'dd12d07084e459971b38521a31c2de23566c7939' })));
+        return (h(Host, { key: '3551734df55c27104189b924a0fff220f6f33ad5' }, h("slot", { key: '2079ff50ce7ac505a6ba9e6ae27260130071eaf7' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '35ad1d6e1c58037ba69973b53145769528066cd2' }, h("swirl-app-layout", { key: '548345fe971b14cea9a6f4900fd7a127b5062595', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '93f18166b1e52c73281ef1bdc823ca2fb827588a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'ea29b69eaf169962ddb80b7c1918941f0774a41a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '2817a127f382893b6ff62128f10dc7f618059666', label: "Sort items" })), h("swirl-stack", { key: '5480d12860ab466615dbd39cd75864f3e457e8a5', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '90a105fb157fe71028a872814908a47e2ae7de9b' }, h("swirl-heading", { key: '17f8d0fee5f2e6d02e974f1563ca422480e4fcdc', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '2133582c692c2b0ff300dc29f6be311cb48354f8', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '70896a5764bed1540ba45f4a8f3891250d3853e1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3d77972a823fe3dc1c6959fdf5e65e38e4b7c7fb', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'd497da58a92d4f6cb70c2701bb1bb2651e6e2985', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'cf36f7cd624f2cdfbbd20057fb211af401e207e9', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'dcce9669956bc8f5a3c12e6eff1b22b624ea73ca', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '625dfa8bad62a9a18b3ed8bbb82110eb04599067', value: ["ascending"] }, h("swirl-option-list-item", { key: '718daf24a4226d19e736297cac4f08fa6e772957', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '400eba6c6397b2f0a97171da82d5eb62ab03e44e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '7630636824560bb6bd32cf792e73e214179d61dd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'ce77d34c23e03318a39eef402e50155b8a770aa2' }, h("swirl-app-layout", { key: 'a3add763a08f6695001ab0be2bb50396a7906fc2', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'f3d8f6ee26210f6edf0d479fc56f90cce1bfc034', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '780e39c49d4b8773350d6817ece57e50b6609858', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '9ce300815d019220c6a17aed54ede4ac095d1455', label: "Sort items" })), h("swirl-stack", { key: 'aad461761edba54b2e51a91c612c43c7a4f8382e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '759e913289cc1f61fddec15f2a40f1c603c22f93' }, h("swirl-heading", { key: '662f48f197b13c2e9b487ea1151319c64ffeb344', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '48530a45c0c4ab6e5154c13adfcef5e13e010c2e', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'c604a696f3f43b2db5202d009dd58ae430e482a5', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'd18e3ca16c82988234e32f60db32c759fe8e0bf5', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c4d89f71c8f23d66198e880853f7b4c80ba52ddf', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'dbd61162448e3d6c9a1b6163899424c61deeec24', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a834d0228e1ef643e43861eb4e72c720f95cea12', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '95a5383f44232b4a2dbdb4cb5673919407b57d23', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd9f50b966ee6343ff108992b3bdbeac9783de43d', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2540257f88e790bceb60f9b32d863b55dcdda0e3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '5b2af0f803d8b9eb7cdb4739cd3a6a65d73cb177', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-1878a8d8.js

@@ -1833,10 +1833,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-format-h-one.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-gif':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-gif.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-group-add':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2017,10 +2013,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-open-in-new.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-pause':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-pause.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-pause-circle':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2053,10 +2045,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-place.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-play-arrow':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-play-arrow.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-poll':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2689,6 +2677,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-cloud-upload.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-gif_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-gif_3.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-help':
                     return import(
                       /* webpackMode: "lazy" */