@getflip/swirl-components 0.376.0 → 0.378.0

package/dist/components/swirl-toggle-group.js

@@ -63,7 +63,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: 'f822695f41e9028f839e871e567f22f0b163b2c7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '1492fc481cf2eb0d957dc8353f09f75fd341fe79', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '592281557bdff4eb63d73e2d5f7371726be6a160', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '08fb51474cd7e1357891139b35c20a3279d9b5e2', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toolbar.js

@@ -72,7 +72,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: 'b4d26b328470b945d344895908b1c5c50c833d17' }, h("swirl-stack", { key: '2d47b3300ea9398264e18fc197e1f15d759a05a3', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '922353e031756d3d4b2c89f2107c4048437fe89a' }))));
+        return (h(Host, { key: '9369f6a0113fb50ba750b4f16c25c544b1766154' }, h("swirl-stack", { key: 'f2c667c134c39c55ceafb36ba4b6e23b654a34f4', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '138163699ddb35e2032885fc5b0a0bcd4cc26d62' }))));
     }
     get el() { return this; }
     static get style() { return swirlToolbarCss; }

package/dist/components/swirl-tooltip2.js

@@ -113,7 +113,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f', onKeydown: this.onKeydown }, h("span", { key: '9529d1fca5ce68aa7d9981f1c003d4e9654c90c7', class: className }, h("span", { key: '07606dd0778d20d989f695356de71ab4c94550ce', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'd8145e425e2ec5630accb88ee7e660a2e63269cc' })), h("span", { key: 'aa10860e427cba38873101a7222173e4e323d7e0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '2ca3d60bb8b64efb2616d859a793a274cce6f42c', onKeydown: this.onKeydown }, h("span", { key: '1f490a1aa3a4026896fd25cd5c4126ad3786d5d0', class: className }, h("span", { key: 'e58ca5aaa6ade677a6021a2ef3397e4e60d526b1', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'c6938ab1e9c356fe0d965563013d69ed75efe664' })), h("span", { key: '7f834ec818452df9a3310a7ffd89b47dc4661374', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -121,7 +121,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '79b2d4e54133935e433f28f6c00848ea36206179', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '53c0eb8a14932a811900e58534824f231209e672', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7391938a87a02650214bafa226892261ddf4e1e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '6a05638c206240fd899a23e93ac1bb25adc1ea42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'ebb451de62981317c047e6bd9497008672bc305b', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '15746cb89438888ee93bd4166af25ee62fc5240b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'd6fb77d697125eeca188a806b4d3a5a3e759a02b', role: "none" }, h("li", { key: '77734f81922b60a49809a2ad6a0b347caa1c1034', class: {
+        return (h(Host, { key: 'bf2eae39440134d0d6c4d13e12ab676130a77a1c', role: "none" }, h("li", { key: 'dec119860702093ee238ea6186a0b63b1f1439d4', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'a0926e1a489028e53f58d3f7669e2269af0a123a', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '9258266dc382c39f90919095eb4d59da1d196531', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '50a25ce9cae0b3cd2e589cb88be65171f67b7a79', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '82ab0a3fd85a00716d5b4cf654b25a5dc735751e', class: "tree-navigation-item__label" }, h("span", { key: '793584416a380c2d09be90352009f859052aae35', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '519603990f680396254190c05e6ccd8dc27943ab', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '6a99d31d9ce7314867de6037d0a4f227da208bbb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd6c14a15acc3f51bfbcadd054a1f06453fa30b45', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'ad5e4376ab4458d4158b2f36d16793b9b6554615', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b7e9f8883ca0547e5450194041ff3a11c9dc7fbe', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'fa3e17e061f95ced9d9ef9c7cead351c9dc2b5cc', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '31b063ee88fccb182674f77105fbf7d45bedc844', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'd9434ae2ed7f066df243b1550ccebf27a1543a6c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'c2c7ac76458f2c6e114aa64b1fe8dad7fcf477ba', class: "tree-navigation-item__label" }, h("span", { key: '8778648e9d1de6511de9915b955b8fdbe7112c34', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '400b94bf79bb5d89660614e62b9d175fedebe05c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'a169fde08ec0b63c349893e2b3ec93078878e1bb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '8c8d4135278e6e61f12df2149437c0140b6c31e3', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'f136c165c7a0bc2ffe2b0d6b033c3309b284d37d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'e3f29e18891bf3941148a331b2bd8fd1e64f5eae', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: 'e5343b9170600521092110e0566b8942853baeb1' }))))));
+            } }, h("slot", { key: '4df3ef1c2e2b2ba73a945e217d0157603a70cca2' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '6bac13de4ea94acc65ea1c34c9d420aafd95232e' }, h("ul", { key: '0c47a6917c4cbcb1398703b7e3789083c21a4c26', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '4947f3826f665b24eeb90d5f22cfb6beee76823c' }))));
+        return (h(Host, { key: 'd5c52dad607b47023a7367c601b1af4506ead148' }, h("ul", { key: 'f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'e38c92f627da85cb754ec3d3a8a0a3daa0be5529' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -340,17 +340,17 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'f571e0aa5fab77a62b4b6a63e1226011b61202ce', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'a13caedc50c5df33f7674c93696a141c019a0be4', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '943ebb467ca02496363deccd1757eaa4878680ab', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '00c15f06df99116176b9759abb86794a5306aa1d', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'dbdd4b084c23f48caee3245a3a2f414cba1fcce1', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '48b76c4675d392b25ad97d9e73f0911f43fc6918' }, 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: 'd98c931c4f9db219e70fd31365304808c53808da' }, h("span", { key: 'c041476e9a1940dcc3c2c4edccde824e0d6f9c81', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '92c600e90332b236742f47ca8ba190e2be704a00', class: "tree-view-item__label" }, this.label), h("span", { key: '143e4df9520c3be93508e1e63c5cdad62f26dc90', class: "tree-view-item__tags" }, h("slot", { key: 'e8a16506b1c9fa9bdc2a0dab23c042efee9373dc', name: "tags" }))), h("ul", { key: '95d6d7047fa12c5a0fc51848457db871f5ec7abe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, 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: '1cd32216980f812b5990c23b723428dfe50fa265' }, h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '556e0b1487930406f6179a0d50d2ef0c832e2e45' })))));
+            } }, h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
     }
     get el() { return this; }
     static get style() { return swirlTreeViewItemCss; }

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

@@ -332,7 +332,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '7b4136fd912ca7990b5e55f1575421ec3672dc8f' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2196f8f992789a4fda56d48e236d602db85035f7' }, h("span", { key: 'd49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '8835b6dccdf5550788c877c9f8795c440420e540', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'ac46b0399f32189de2372e3fd7c6c108b28a46b1', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: 'edf47faecac9e48faeb68ce9decdb5e5207624c5' }, h("button", { key: '75a450720702a5c2d2ace87324dbdd98e6d59236', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7bf9914494fa7e553403b66971fbeb97e97c5f36', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a3573afe2eb65580d593e2ea5fa23e0fe18a3019', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'ad8a35f788adfe99367b61bf054166dac83c537e' }, this.durationLabel), this.duration)), h("svg", { key: 'fbeccac5ba6b4cc7b1e3bdb93691ac763ebf4ceb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6e3a6435f6060076af8698bad118967c32843ef6', 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: '66c488984003b2c7afe7a7388a4b8465463793eb' }, h("button", { key: '5581bd7774de0032764e149c6e5fa4ad7418cab1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '874ace18ced79d8a121f2fecfaa21e161561c3d5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ad3b4f4a8dce132449195ac1db618514d9c658d5', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '39c0123fe3106b5257a4933430bcff149994823b' }, this.durationLabel), this.duration)), h("svg", { key: 'f3ac843cf35f79b014b26d1d5a54d65674eeebfb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '745ef265c59e183a60d7853f5a992fce029defca', 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 swirlVideoThumbnailCss; }
 }, [1, "swirl-video-thumbnail", {

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

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'ffcded2ad602c1ccaca037904892d07c923c501a' }, h("slot", { key: '23aacb88d35fd5411f1704da57ccad33ce52a264' })));
+        return (h(Host, { key: '3f001fa0d55275db749a4a2125b9b28bb88f434a' }, h("slot", { key: 'e162e2eea285c9fa37b5391dbee7d2ecf1caa421' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -55,7 +55,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: '505083ec6ccf1400a19934b8177062c2f8437a5f' }, h("swirl-app-layout", { key: 'f2101e6c920faabe7f8a2e4de1affbab17b12c41', 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: '0480ed0e39aad951a8d3a23ec4ce85ab482e5aca', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f650570702c7a499d18e11f776b60bef9ae991ba', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7fe7cd9d69f8db623b239bdc310486424358e12d', label: "Sort items" })), h("swirl-stack", { key: '84c19ae34c66c1780bd463e7c2b2d10ce7e2c279', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'ba8a9239110b3cf5af08460cb0376d071382c636' }, h("swirl-heading", { key: 'b6c01f2a051bfd53da66733c66b130c5d2167766', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '5d77867c86ad9003fe320a049ab95e36ef077501', 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: '47d5d5fe0acd228efbffce6b53ca8ec182ae99b4', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'dd295db87d164e598639d5531e183b5e2915be71', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '51af124a80d628f9671a881f6a6d3e2fb99aac17', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '50461c80a73b734c654afc0bf87897e812706121', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '976fe2df7dcc5095c604801c4a3b44e1eef97531', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '40f76488848bc1daec69913df063b77a76e6b951', value: ["ascending"] }, h("swirl-option-list-item", { key: '19c01d4897a1d5b9c4aea8a1b1a23438fe648a37', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd9e437e1caa86aa077d7d335eb0b66ab5df1854b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '12f08df1327fce90035b2316bec148fa01957bb0', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'c6c00746cf51336a5a432f48d5813d02247a501c' }, h("swirl-app-layout", { key: 'a68db9268d1743a3da4bdd1e29a8a90d33d8e099', 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: '7f1c4fc04c94cddc2e57e555a4547c5751d28af2', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'ba6a91da9132c74c9c2e65fe56c5e744481ccc0e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f349e20782912bb443c253c0e310620bd414ccf1', label: "Sort items" })), h("swirl-stack", { key: '419b98200a8ad65999c545bbfb97a4daa9033a8e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '1fc019553ef530398eaf4a882febb948a094a31f' }, h("swirl-heading", { key: '69ac18be7ee4e880f1f18646730a9b243dc78a7f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '670cb38adb67511e50f0796ed0ab7fa81854ddc3', 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: '83e140f0e1a3389e47678131d0086a7b150ba187', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'b7e3523fe29da2fa06c90752380fae47fb4ab8d5', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '757111da2fbe32366b035f76161b0ef0ae421e45', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0a9376db56a385a0a34bccca823b0bb208ee1b7a', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'af0dd15488adf02e6d82df07e4ab59b0073b6549', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1cfbfc9c2635cb5f158940a624f2a1d796d47a5d', value: ["ascending"] }, h("swirl-option-list-item", { key: '4e06badebd7f793c9b0c7dad51871726a68faf44', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '687b37e01845b112917406b3b0aa1d4ad5304fd5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '1d77cb6477009a6ad07c29dea4c9b4a91ed31633', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-CWOhMVtL.js

@@ -438,6 +438,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-format-list-bulleted.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" */
@@ -662,6 +666,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-patient-list.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" */
@@ -670,6 +678,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-people-alt.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-person-check':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-person-check.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-person-off':
                     return import(
                       /* webpackMode: "lazy" */
@@ -698,6 +710,10 @@ 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" */
@@ -1350,6 +1366,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-person.entry.js').then(processMod, consoleError);
+                case 'swirl-skeleton-box':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-skeleton-box.entry.js').then(processMod, consoleError);
                 case 'swirl-tab-bar':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1486,10 +1506,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-arrow-left_4.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-gif_4':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-gif_4.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-cancel_4':
                     return import(
                       /* webpackMode: "lazy" */