@getflip/swirl-components 0.483.0 → 0.485.0

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
             "button--pressed": this.isPressed,
         });
         const ariaLabel = this.hideLabel ? this.label : undefined;
-        return (h("button", { key: 'cdc5df0dbba8b99ab51f3f9842f690e4f47dcf83', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '26aea7336dcef9e846fdb785198930e53ed7ef95', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: '012e0184a316852d670b6338d68c6df797cf34c9', class: "button__label" }, this.label)));
+        return (h("button", { key: '4b9af071b3fcdec859b42dd27d735d2743a170e1', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '12c7b91001bfc34e4d7d3155c14d451b22264e46', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'a48cbffb4a8faf475161c1816ba018c6d704c104', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '86db70a77b4c71c52533392d8daab961555c0224', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '4f6742043f6e16c0953c7ec069ff7e4e2c2c1406', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '67690dcc23d24c021eed8d5828fc0833807fb19a', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '535c7e563913262583d0e86c194a45c198da1a4d', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -65,7 +65,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '70bf9f3d2ec87c5f36b9a8ded91abdee119f12e3' }, h("swirl-stack", { key: '53350ab541639aa2cba9cb2e689526af4d196382', 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: '04a96fb9d55bb7af2a58b55c1172e33c73227c18' }))));
+        return (h(Host, { key: '57920cad38607c1a15c663b13874d19e06a16ff9' }, h("swirl-stack", { key: '4c9e08d5400d4229f9e30e6cbf96fbc05f1b06c6', 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: 'dd7644db86035030fd9769bfc1525458618e5939' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: 'c42a1a8b3122e8de403a6a4d0f0bbcb81f4b06cf' }, h("ul", { key: '81878bc78812d155c5570422881c768edb4ee2dc', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '98e19f023943355a61a11020dc84b81b64693921' }))));
+        return (h(Host, { key: 'db2103702144b1f48a6f6a4b6ac74c2141fb8b31' }, h("ul", { key: '28ca3e64b714eb3845e3e3bb71be6bb3be9bd386', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '912be04c9fd64e54223c9a185be515eb32843970' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -84,12 +84,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '3488fa9b78e3898cf556e9f75d04bb24d9edaec1', role: "none" }, h("li", { key: 'a430ade02ecced8d11f5c7da4ab0cb981e47da24', class: {
+        return (h(Host, { key: 'f639736894bed6c789a2bb537d8231c370ade0bb', role: "none" }, h("li", { key: 'c85045099677ca811eea8b84d3e3a7cd1f6220e3', 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: '957c7bc383b1222cdbcccbb399c69bddf89c7b0d', 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: '7e9ef120c645741f66f9f399f432d9165e1a8d96', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '3bbcda50080b8fa2f21e133b7113139302b40abe', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '2f6ee8cf151394338ac03c9b0e81ba654905fa19', class: "tree-navigation-item__label" }, h("span", { key: '8719135c9264d1490f05801d47c520d549407b1a', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '61ab6e64be83f37845471fddc3f22213dc1ed540', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '1cb7a99a551bcaa5957a1461e289f631170c3d97', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'c2a26b703c40281bbedb170faf77197a8d3df4b6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '0b9aef24f43d2ac0cc5b27fcff5167f6131f3162', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '39acee516fcdcf73261de017215fc3d23abeb535', class: "tree-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel, size: "m", variant: "default" })))), this.hasChildren && (h("ul", { key: '17d3cbe92c3cb98e130e12698793a2521c93f17c', 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: 'bb3c7dfc7bc881be8d7fae7aed968254936d483e', 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: 'cf614f5a4c13fcaf641b00d12aba3ba448f27222', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f6632ee98c344777af8f6147c3cc68026408020d', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '8fd6d3396940a795614b209615b33e2a6a3ca28d', class: "tree-navigation-item__label" }, h("span", { key: '0449dac70e03a9cf654f51018e993e52a3d95f82', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c9b8d08fbcd1e12cc23e51f7828d3e1c4ebba3cb', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'bd640fcd081f50e189ada0b0e17c4a90f3a9765c', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'e39b033d6183895d5b6811e02caf61d3e94b9fa7', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '8626cadcbeef84ef70dda06504b0fa11b8c77fe8', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '9cc101ff1456c6e8be06623746cf14e9d47370d9', class: "tree-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel, size: "m", variant: "default" })))), this.hasChildren && (h("ul", { key: '53f0a70081717a316665673807032e680714da74', 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: 'a4eb2026f67c8d96c12c8d505279eec91e42baf3' }))))));
+            } }, h("slot", { key: '54cfc7b15820d80de2474a65180f3bef4884796e' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '1f7a41b6ab67a789534b3638ee11d1de2da1cb87' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a877069ad8ed12f0f6612d484fd6033d58245274' }, h("span", { key: '8db50809d89bcbd2c2201c005133734430e6c443', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '8703927f12e7a2cbc49c789fead8e3242211d473', "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: 'e29ee3b671fa82a637db1ec12f8d294ddf46ecbd', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '30e6e9f186e102f9f0e963ceadbc4023eb27b559' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a357db78cefc2dbb7ef751c88fa8700518e23936' }, h("span", { key: 'de4c7c511dee37fd462abd40ad9637387bf4a6c0', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'efa77a78b995e2e897ade19b111c4a03eed2f7ee', "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: '66201ff8c5dfb3c18f061cc98740f824761371ee', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

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

@@ -329,17 +329,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'fa77eb65e34260d867e3c4cd3ce53278c5671813', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'f6588d46099f38063ecb209dade982499168405b', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'a7b1ebe65874cf61cf15b7d9862e7d6aa789d04c', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: 'fef970c07fc3123503e035112fe7e52115ff057c', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '33bc6518dcca289192ca2607a99f0efa10bba901', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '55d51b7cc91bf9adb51c5e7f36365ec08012a763', "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: '3d663f5336df2c513cd00695bb399b277db4d95a', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'd0f47de87f1a0de9d33c99fca5babf9f8f0c93cd', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '3bad764862675097f1b3b01407b74c6636135860', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'eb0fd50459d78c2585e8629248b3586d6a9ffb47' }, 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: '3111b110d6dc29588486f971417adf37604c4b55' }, h("span", { key: '6c030abac62da1de432846345e9159cf37732928', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '9097ce7ee740b643056874b0a2f74f896bdea108', class: "tree-view-item__label" }, this.label), h("span", { key: '3aac385884aa3a9cb6560f5048a339378d470083', class: "tree-view-item__tags" }, h("slot", { key: '93b476218086c857a82a2dd6156ebd288c36af66', name: "tags" }))), h("ul", { key: 'fc51e13ebe4d7071ae35f7b027584cf22b83495e', "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: '6fe53ca04d992b2cef7d5d2cedb5eb119fdea162', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '001696960c2893a8fc881f5c961b18d75af2a23f', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '1d458f9abae531dc0f48ca8ba57fcd62d0020eb2', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'c891f69fc682d14f1502ddec8dc6688453449711' }, 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: 'cde788efaed79b489c1765e14bc08a6e73344efa' }, h("span", { key: '3f8f49d065901483b521f5646df4ef3dba8a1143', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'e4f9af62617994508af401bc6867cb98151c3b75', class: "tree-view-item__label" }, this.label), h("span", { key: '86c3694ec3bfd6a78df23c91abed72900d15f135', class: "tree-view-item__tags" }, h("slot", { key: '25a3c909290b92c30f3694bd46670ab3cea7ab4c', name: "tags" }))), h("ul", { key: 'ec63119eebc2c54568e0557bb93ecd1337f7b565', "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: 'ebef792c7ff381cd3614993d80ca04d347473c56' })))));
+            } }, h("slot", { key: '07d406b0fb59133df2d64b2e8228309a974c3072' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '44d3cf2290ae4d2b992e27aaa43af6cdf65eb15a' }, h("button", { key: 'a326cef7e4e9ea7bca8727bb5c2afc52e8497386', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f5e57641acd33b25ee1e980611128c80af0218fb', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '3f0824b314fdb77ffc7fa78c0b14b6aa8dab1dda', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '7d2370ece099f7e82d04c8d97762035fdd83a8ac' }, this.durationLabel), this.duration)), h("svg", { key: 'c30507dca4dc86d3c4bd9216d0887e3fb6e5984d', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bf5be85516606e11165d0a6dd214035616931143', 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: '1d111254c6cf7a48608534f0198c497d282cad53' }, h("button", { key: '6b1cfd9e6fda1b95d3b82b620e2fd471ca8a9aac', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '8a9e545a63d6c459a733ede938d8d4ddc6c44b6f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '43e92f3f70e57f931ae864f440254d541d67059a', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'ea8c61532cf72856d0bd20fdca0565e33da15e52' }, this.durationLabel), this.duration)), h("svg", { key: '52bc68ac62553c9cf085f3373873b83320e9db3b', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ef0acb75dfbd715b5186fdd6a740049d32e5ad65', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: 'd92c8af38ad515473da75d630bf18ca904f9d7b8' }, h("slot", { key: '6cc3685036214482539265a0fb12990e8983094f' })));
+        return (h(Host, { key: '10b5f1132acca349dfade5fdf769c18c78cdf383' }, h("slot", { key: '52a489d29e2c7e0cdca6127ca0dd9ace69e1ff81' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/utils/body-scroll-lock.js

@@ -0,0 +1,178 @@
+/**
+ * Body scroll lock utility.
+ *
+ * - Non-iOS: sets `overflow: hidden` on body
+ * - iOS: uses `position: fixed` + scroll position preservation
+ *   (iOS Safari ignores `overflow: hidden` on body)
+ *
+ * Uses reference counting so multiple simultaneous locks are safe.
+ */
+const locks = new Set();
+let savedBodyStyles;
+let documentListenerAdded = false;
+let initialClientY = -1;
+let iosDetected;
+export function disableBodyScroll(targetElement) {
+    if (!targetElement) {
+        return;
+    }
+    if (findLockRef(targetElement)) {
+        return;
+    }
+    locks.add(new WeakRef(targetElement));
+    if (isIos()) {
+        lockBodyPosition();
+        targetElement.ontouchstart = (event) => {
+            if (event.targetTouches.length === 1) {
+                initialClientY = event.targetTouches[0].clientY;
+            }
+        };
+        targetElement.ontouchmove = (event) => {
+            if (event.targetTouches.length === 1) {
+                handleScroll(event, targetElement);
+            }
+        };
+        if (!documentListenerAdded) {
+            document.addEventListener("touchmove", preventDefault, {
+                passive: false,
+            });
+            documentListenerAdded = true;
+        }
+    }
+    else {
+        setOverflowHidden();
+    }
+}
+export function enableBodyScroll(targetElement) {
+    if (!targetElement) {
+        return;
+    }
+    const ref = findLockRef(targetElement);
+    if (ref) {
+        locks.delete(ref);
+    }
+    if (isIos()) {
+        targetElement.ontouchstart = null;
+        targetElement.ontouchmove = null;
+        if (locks.size === 0) {
+            if (documentListenerAdded) {
+                document.removeEventListener("touchmove", preventDefault);
+                documentListenerAdded = false;
+            }
+            restoreBodyPosition();
+        }
+    }
+    else {
+        if (locks.size === 0) {
+            restoreOverflow();
+        }
+    }
+}
+function findLockRef(el) {
+    for (const ref of locks) {
+        if (ref.deref() === el) {
+            return ref;
+        }
+    }
+    return undefined;
+}
+function isIos() {
+    if (iosDetected !== undefined) {
+        return iosDetected;
+    }
+    if (typeof window === "undefined") {
+        iosDetected = false;
+        return false;
+    }
+    // iPhone / iPod touch
+    // iPad OS 13+ reports as macOS — detect via multi-touch capability
+    iosDetected =
+        /iP(hone|od)/.test(navigator.userAgent) ||
+            (navigator.maxTouchPoints > 1 && /Macintosh/.test(navigator.userAgent));
+    return iosDetected;
+}
+function preventDefault(event) {
+    // Allow multi-touch gestures (e.g. pinch-to-zoom)
+    if (event.touches.length > 1) {
+        return;
+    }
+    event.preventDefault();
+}
+function handleScroll(event, targetElement) {
+    const clientY = event.targetTouches[0].clientY - initialClientY;
+    if (targetElement.scrollTop === 0 && clientY > 0) {
+        // At top of scroll, swiping down — prevent pull-to-refresh / body scroll
+        preventDefault(event);
+        return;
+    }
+    const isAtBottom = targetElement.scrollHeight - targetElement.scrollTop <=
+        targetElement.clientHeight;
+    if (isAtBottom && clientY < 0) {
+        // At bottom of scroll, swiping up — prevent body scroll
+        preventDefault(event);
+        return;
+    }
+    // Allow normal scroll within target element
+    event.stopPropagation();
+}
+function lockBodyPosition() {
+    if (savedBodyStyles !== undefined) {
+        return;
+    }
+    const { scrollY, scrollX, innerHeight } = window;
+    savedBodyStyles = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left,
+        width: document.body.style.width,
+        overflow: document.body.style.overflow,
+    };
+    document.body.style.position = "fixed";
+    document.body.style.top = `${-scrollY}px`;
+    document.body.style.left = `${-scrollX}px`;
+    document.body.style.width = "100%";
+    document.body.style.overflow = "hidden";
+    // On iOS Safari, applying position:fixed can cause the bottom toolbar to
+    // appear/disappear, changing window.innerHeight. If the user has scrolled
+    // past the first viewport, compensate so content doesn't shift.
+    setTimeout(() => requestAnimationFrame(() => {
+        const bottomBarHeight = innerHeight - window.innerHeight;
+        if (bottomBarHeight && scrollY >= innerHeight) {
+            document.body.style.top = `${-(scrollY + bottomBarHeight)}px`;
+        }
+    }), 300);
+}
+function restoreBodyPosition() {
+    if (savedBodyStyles === undefined) {
+        return;
+    }
+    const scrollY = -parseInt(document.body.style.top, 10);
+    const scrollX = -parseInt(document.body.style.left, 10);
+    document.body.style.position = savedBodyStyles.position;
+    document.body.style.top = savedBodyStyles.top;
+    document.body.style.left = savedBodyStyles.left;
+    document.body.style.width = savedBodyStyles.width;
+    document.body.style.overflow = savedBodyStyles.overflow;
+    savedBodyStyles = undefined;
+    window.scrollTo(scrollX, scrollY);
+}
+function setOverflowHidden() {
+    if (savedBodyStyles !== undefined) {
+        return;
+    }
+    savedBodyStyles = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left,
+        width: document.body.style.width,
+        overflow: document.body.style.overflow,
+    };
+    document.body.style.overflow = "hidden";
+}
+function restoreOverflow() {
+    if (savedBodyStyles === undefined) {
+        return;
+    }
+    document.body.style.overflow = savedBodyStyles.overflow;
+    savedBodyStyles = undefined;
+}

package/dist/components/body-scroll-lock.js

@@ -0,0 +1 @@
+const o=new Set;let n,t,e=!1,d=-1;function u(t){t&&(i(t)||(o.add(new WeakRef(t)),m()?(function(){if(void 0!==n)return;const{scrollY:o,scrollX:t,innerHeight:e}=window;n={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,width:document.body.style.width,overflow:document.body.style.overflow},document.body.style.position="fixed",document.body.style.top=-o+"px",document.body.style.left=-t+"px",document.body.style.width="100%",document.body.style.overflow="hidden",setTimeout((()=>requestAnimationFrame((()=>{const n=e-window.innerHeight;n&&o>=e&&(document.body.style.top=-(o+n)+"px")}))),300)}(),t.ontouchstart=o=>{1===o.targetTouches.length&&(d=o.targetTouches[0].clientY)},t.ontouchmove=o=>{1===o.targetTouches.length&&function(o,n){const t=o.targetTouches[0].clientY-d;if(0===n.scrollTop&&t>0)return void r(o);n.scrollHeight-n.scrollTop<=n.clientHeight&&t<0?r(o):o.stopPropagation()}(o,t)},e||(document.addEventListener("touchmove",r,{passive:!1}),e=!0)):void 0===n&&(n={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,width:document.body.style.width,overflow:document.body.style.overflow},document.body.style.overflow="hidden")))}function c(t){if(!t)return;const d=i(t);d&&o.delete(d),m()?(t.ontouchstart=null,t.ontouchmove=null,0===o.size&&(e&&(document.removeEventListener("touchmove",r),e=!1),function(){if(void 0===n)return;const o=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=n.position,document.body.style.top=n.top,document.body.style.left=n.left,document.body.style.width=n.width,document.body.style.overflow=n.overflow,n=void 0,window.scrollTo(t,o)}())):0===o.size&&void 0!==n&&(document.body.style.overflow=n.overflow,n=void 0)}function i(n){for(const t of o)if(t.deref()===n)return t}function m(){return void 0!==t?t:"undefined"==typeof window?(t=!1,!1):(t=/iP(hone|od)/.test(navigator.userAgent)||navigator.maxTouchPoints>1&&/Macintosh/.test(navigator.userAgent),t)}function r(o){o.touches.length>1||o.preventDefault()}export{u as d,c as e}

package/dist/components/swirl-accordion-item.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as c}from"./swirl-text2.js";import{v as r}from"./v4.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i="h"+this.headingLevel,e=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"c7dbf8610a8061663e807d6448d816b6c5c04c2c"},t("div",{key:"0c181fb5a7d324d41fdf509d3995cf659004797a",class:e},t(i,{key:"eb4690b426695b295c34df728f9263cbd6426e74",class:"accordion-item__heading"},t("button",{key:"c6c513a6f769c5c9883601e08b87256e5ed8f643","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"f2b6ef8fd42c27bacee97bc1ce9ef2e50b8133cd",name:"media"}),t("span",{key:"3e80e812a5aba76b6f43b7a65193efc6ecc07044",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"df59a0989f9578d3f1f29240c2031d8d6e9add96",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"3cddf0c277e4a658845adfa56c5e24fdf954987e",name:"trailing"}),t("span",{key:"e7f05f9c01318bd187724d3a055dd518a5b2869a",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"4935c3703e306b07636550ceacb74a466a203edc",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"e5152cbcb2f891a277c15ad80c05b590b87fa401",glyph:"expand-more",size:20})))),t("div",{key:"ac8d64944ec2623630eabe08dade9f482e9e342b","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"139c8943a079c8aa25df74541c37d70d35694cd8"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))||customElements.define(d(i),l);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||c()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as c}from"./swirl-text2.js";import{v as r}from"./v4.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const e="h"+this.headingLevel,i=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"f15a0677326d12d4b9d4eb23c9d5efe65611f7d6"},t("div",{key:"ccc8c752e65b5325bdab89e1c27e285b6241d38f",class:i},t(e,{key:"15bed907cc15f0b3589263c7837c1f5602e9cb7c",class:"accordion-item__heading"},t("button",{key:"83152164de9659cf826ac4898742fff772e01860","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"e6f97e10880180b1461b15fef1fdfbd6ab00487d",name:"media"}),t("span",{key:"303a2952d526306fe52f4aa1e4e62df8c3b71e4f",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"0f174ee5694050ccc2a05d4a946a954875c31b12",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"b1816e439f7b680b3347cd9f214a271eab449b93",name:"trailing"}),t("span",{key:"72b1f1fb9088fb74c8dd0fcd3e2745a6bde25b6c",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"478218253cc30ad3c706fb8bd160e4fc62a0d841",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"18d538ce575e8e50167ab4dd85ca370e5c7d0d91",glyph:"expand-more",size:20})))),t("div",{key:"1389d81ed3bce89f1967bc8d588cc9c89596d66c","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"24e8e2ada9bbade7ad6a8eee6a56d34ee7803a60"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),m=l,h=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((e=>{switch(e){case"swirl-accordion-item":customElements.get(d(e))||customElements.define(d(e),l);break;case"swirl-icon":customElements.get(d(e))||n();break;case"swirl-text":customElements.get(d(e))||c()}}))};export{m as SwirlAccordionItem,h as defineCustomElement}

package/dist/components/swirl-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as c}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.collapse()}async expandItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.expand()}collapseInactiveItems(t){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e=>{e!==t&&e.collapse()}))}render(){return i(n,{key:"c8f85db59dcda24375ace62c3e8434fdf5f7df09"},i("slot",{key:"1485d2b4c9a84ca1ef72fedba07eccbee956af2c"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),a=o,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))};export{a as SwirlAccordion,r as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as c,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.collapse()}async expandItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.expand()}collapseInactiveItems(t){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e=>{e!==t&&e.collapse()}))}render(){return i(c,{key:"53058b590f5964f77f27c1a2d5dc3e4f6303bca4"},i("slot",{key:"40aadacc04d62c2ad7dcb2184e3c96cede6b1c9e"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),a=o,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{a as SwirlAccordion,r as defineCustomElement}

package/dist/components/swirl-action-list-section.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(a,{key:"acb3259a63a1da2df94107a9298027d022af7d5f"},this.hasSeparator&&t("swirl-separator",{key:"51bc058c31ad16d4ef91d7e88de412de5b952900",spacing:this.separatorSpacing}),t("div",{key:"0d339786efb8e590182329e11542d31cd6e8fd9c","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"e07a0763d66622d2554259e30a3e66c256e0df09",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"cbc713d8365ec0fa7e8261ec513ed684eb896707",spacing:this.spacing,align:"stretch"},t("slot",{key:"48cbcfa966e92ced923fbc0d43bd9f0ee4c2e56f"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((e=>{switch(e){case"swirl-action-list-section":customElements.get(i(e))||customElements.define(i(e),l);break;case"swirl-separator":customElements.get(i(e))||c();break;case"swirl-stack":customElements.get(i(e))||r()}}))};export{o as SwirlActionListSection,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(a,{key:"b1f48748eb872060713c7cd9e2d85b903a8bc877"},this.hasSeparator&&t("swirl-separator",{key:"0b81779a74fe4b20a790c9098616b8a0393129e7",spacing:this.separatorSpacing}),t("div",{key:"a91fa502721bdeaf491e216467c7545fd5522cd5","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"6321d99508e7bccd2590fb966532acdb751058f9",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"bf4859d757a18080947baa4967ccafe904e534d2",spacing:this.spacing,align:"stretch"},t("slot",{key:"6c681834ca30b1843e883dbca0434c7fcf652e30"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-action-list-section":customElements.get(i(s))||customElements.define(i(s),l);break;case"swirl-separator":customElements.get(i(s))||c();break;case"swirl-stack":customElements.get(i(s))||r()}}))};export{o as SwirlActionListSection,n as defineCustomElement}

package/dist/components/swirl-action-list2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"cf013eaeed19ab9ddd4891d5a8bece6e70730abb"},i("div",{key:"42bee5d06a772b9c0a8374f32236a5b8cd83fe16","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"b17819fbe30858706ffc29a3c42b444c33fea0a9",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"c6ce9b1fce62151da12fe07c07d338122ceaafa8"},i("div",{key:"c040c40c62c3037208cd5790dbc83adf3170f18a","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"35e4e5306fa2f333554893b292302a18dccd0736",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}

package/dist/components/swirl-app-icon.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),t=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":t||!i&&!t});return s(e,{key:"5b0fa71fbf6761ec97c3418a09ecfbc9ba977bc2"},s("span",{key:"3203bbe5126117c48bab273d044f42dfb331d081",class:o},i&&s("img",{key:"9ea7f0f9082697d61685cf808eef9bd03090102e",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&s("span",{key:"2f814f5d380125db47105f10da342783ddd6038a",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),c=r,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),r))}))};export{c as SwirlAppIcon,a as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const r=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),e=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":e||!i&&!e});return t(s,{key:"c58475dbf646a9d006890916e87d83cd9906ee83"},t("span",{key:"b0d64cfd31d6e716eb2eae9f08140f476b4ad8be",class:o},i&&t("img",{key:"0c2ae8bd6f3462a4549c55cd7e3b0ebe70d1e1bc",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&t("span",{key:"f352ef23a3396184e88e41894357e6ddb15301d0",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),c=r,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),r))}))};export{c as SwirlAppIcon,a as defineCustomElement}