npm - @getflip/swirl-components - Versions diffs - 0.531.2 → 0.532.0 - Mend

@getflip/swirl-components 0.531.2 → 0.532.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3096) hide show

package/dist/cjs/swirl-console-layout.cjs.entry.js CHANGED Viewed

@@ -156,11 +156,11 @@ const SwirlConsoleLayout = class {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (index.h(index.Host, { key: '6848922cde9dfa1716ebd41f4c0c2f6817969400' }, index.h("div", { key: '8cf53833d2f9485df8ed411c214d6f39e3cdf30a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'adcad06c750716bf5de25bba5f1c96c0c21ab249', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '08ca8a1bf9454bd1bb662ef6486cadb7e74398f0', class: "console-layout__header" }, index.h("div", { key: '5469465999f90650d2f00cd01b054dbd1128ab50', class: "console-layout__logo" }, index.h("svg", { key: 'a0811d0db3cf3e639c46cf1e872a16d27215e8c8', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '68c82bd30f9babcef401605ac4c18811ebc7bf81', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), index.h("swirl-text", { key: '0937f837fe82f9f478d1ca44397c0cde95f61f56', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '7192cc5db38a09053874f5d206effec7a16a32ed', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: 'dbe7e080ca1eca0eaff31a9c48c733f1076ca64c', name: "navigation" })), index.h("div", { key: 'b55b594c3f362e55b52a476ce7a1f1522bba82dd', class: "console-layout__user" }, index.h("slot", { key: 'f2cc0163b8ac8bd3f089ebfe27cc841e1b122f7f', name: "user" }))), index.h("main", { key: '3009a9715257a5d5ba0836f3540859b4d971a4e9', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: '0cf03538a1416e8ddf20ad925a5fe6c6f7734e4c', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: 'c318f66a2eed9a6754283e94eeb397e10d1919b6', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: 'd27e604792ef0fd8e44799f3fb900cbecdd75bd1', class: "console-layout__app-bar" }, index.h("span", { key: 'aa506b3c58900d90ac5f5dba3dcbea1e1ed7d1c5', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '53fb047dca7a84f98944d8bc94948096b0acfccc', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: 'f92e62cd7a3aa3679a62cedc47003f9dc6afa138' }, index.h("div", { key: 'e64ead610749dbefebd1a48332e3e4ce9749a4ea', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'dee14aa96c8e3840343621d2cd2dc437285107f2', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e', class: "console-layout__header" }, index.h("div", { key: '958cf209f0c70ba4654b9d216b15dd62aeb58fd1', class: "console-layout__logo" }, index.h("svg", { key: 'c9d36c86ad44e96365b6710426c4550d0c81d7a5', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), index.h("swirl-text", { key: '97d5f351e6de465c059fc357fc012dae757b5678', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '3bb30959d7c34a28bce82aeffc1e1c0ab0799833', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '497faf890249299fd21075d766f344cdbd49f47d', name: "navigation" })), index.h("div", { key: '76e25959719dabb8e5c3b779d3eed5e7e286681b', class: "console-layout__user" }, index.h("slot", { key: 'eaabb2af9392992f184f547365fc2a74063d449f', name: "user" }))), index.h("main", { key: '5e242a75ab5e24ed535e45117238ceb56b7ba69d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: '019e8471fcc2b4b83b3eca434851c833d506a9fe', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: '3ad1bdad10025933e5476ad172961cea33cf8bf2', class: "console-layout__app-bar" }, index.h("span", { key: '5d3769ea1ab077f8b536ea1382db4a98c4ad300c', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '08140f76ae70e54f7bf8bbbb3a30c3e4192a7661', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '87bdcd2afb6d2442edfccc63629429adb60827b1', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'ab205b556bba25d0303f4c019e3a03466fa25697', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '4f2b818e0fec8103e80cd6230927e33e2ecffba1', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: '54bba94d993f8ce83c768b821743991ae27ba4d5', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '8600ee685d00c024e159261ac66c6ca3c5cfaf31', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '07ef9b90d5f793c2b6763286879625f8fd845df2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: 'e18c6b9ebc66dba1ba63bdde333ece8ed01e9b45', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (index.h("div", { key: '41b00ee62169b50e37b5754c5464aa9a8b63631a', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '71067ed971781005e89ec9bfc64e0d24dacec900', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'dcd6ae2eb3885bc3784a340302a04562878d653a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '10c547a587f02eba66ffcd81755c14df52e8578c', class: "console-layout__heading-container" }, index.h("slot", { key: '3bb324e228c50a653407b5c50abfc1c45d9455f6', name: "heading" }))), index.h("div", { key: '779c27a365c3d5ef0578e0893b50b62493c6d84f', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'b578bd3d99e54fcac63c8c3e2c80736b019b9c9f', name: "content-header-tools" })))), index.h("div", { key: '1bb161cd962444af20ffa4caf9de1b9aae721274', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: '31e3c9cdd82a1d40ee5209ed6ba9f5014b0a1841', name: "content" })))), index.h("footer", { key: 'ed85f473640f281860989f468fd43597e929651a', class: "console-layout__footer" }, index.h("slot", { key: '468b1d1c5d644bb8e5fd858c22badbcf982619d9', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '3f8c83797badcc807085d0ae600db4b793a8da1c', class: "console-layout__overlays" }, index.h("slot", { key: '87cadb26a9ff31d86dba3f8ecef5fd0d9fbe7680', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: 'dd72e2beb8ee2bfc87896eb53a0ece44abb6e411', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'ee75f146bdf639b93e02561853eb391dc58d8142', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'fa54f51cc8e703663a11fcd7027df84dc9ea57d8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '4505b706577728b794d5c370c0d627f14db72742', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '9d7d64cf621cf713bd8c10abb3545791226deec2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: 'f170dd5a4d0292842a42df782f84491fbfa16446', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (index.h("div", { key: '9ce1c29868fc24915b1d7060fdc30ad4e2726802', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '33d2473e87cdb94998783ba1337ea92ee34ac5b0', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'e3071a03d28e05550385fa6b5101d2c98e11a405', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '62a31138ed664b4900030150e1d1959e470c1a17', class: "console-layout__heading-container" }, index.h("slot", { key: '6f1de516692eeb2922a2e18784bc8c74e5416b1d', name: "heading" }))), index.h("div", { key: '02fdc97524fee6a75524ef9eb095a59cff238cc7', class: "console-layout__content-header-tools" }, index.h("slot", { key: '159bbfad00487ee173dc708e5047e603986318f9', name: "content-header-tools" })))), index.h("div", { key: '2fce6c367d3815e7482e63836900ae4793dca055', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: '6d962aff82cf2b1276650e3eb5b9fba06994f1dc', name: "content" })))), index.h("footer", { key: 'da76594d20b410746a70960c1abc83eff0a38f59', class: "console-layout__footer" }, index.h("slot", { key: 'c07940b404f20db835967d6fa2355d9ae9c035f1', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '39e32ef1a08100b9f15bede9180accaa884de3ee', class: "console-layout__overlays" }, index.h("slot", { key: '78d8abf993064df290ce2890ea200e246c599b0e', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-data-cell-stack.cjs.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ const SwirlDataCellStack = class {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (index.h(index.Host, { key: '670fbb59c699865583b950a58c620b1f239aa992' }, index.h("div", { key: 'af07d2b1f44d104f4353344efc1c3751336e19fd', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '9a70c3a2b2ab84015e20b9ba1d403366d506b196', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '2fd51c9fea60b899550e8c81a7713ab670f0bc85', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: 'ca34247fb200698b307ed63bf3320ce614407489', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '008bdbd5dcf03a10bf5dbedf049aed4040533213', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '4a717454049bc64bd55b5f3d9164b97b29e91709', class: "data-cell-stack__cta" }, index.h("slot", { key: 'a32f796e685712382d3c5038d8da1f60824aef51', name: "cta" }))))), index.h("div", { key: '32c2167942e103ff24c0b32b3043763fa738e055', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: 'ab839d643c79152fe79921d6ac0fd79ccfc693cb', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: '042c83c6f2fcbb76810f082487dba327f3cc8309' }, index.h("div", { key: '07eb0ed861d3051dcffcbaa830ec07e46b1fd624', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: 'e664e0c1db6346a7b7680f4b5fa1354ec27af519', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '6e4e5b99e5cfb6a98375bd6b19cdf8c60ccbe223', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '092b8ac7525b5edf5d0938bd8c8ddb8fe9ef9e1b', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: 'abc7d688fadb1248b4c0fabb57f83b004fe0091d', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '5868eff8aa04cd733d7c7d6d029585075739607a', class: "data-cell-stack__cta" }, index.h("slot", { key: '4b872cac524edaa3ef7fc102554190006fe31a5c', name: "cta" }))))), index.h("div", { key: '88bba53868d016ee19a79e75dbd3dab4fd6e87c1', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '8a7b45a1bb3b648d8fd1848ade56c0c56b5485de', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-data-cell.cjs.entry.js CHANGED Viewed

@@ -55,14 +55,14 @@ const SwirlDataCell = class {
         const contentRole = hasCheckbox || hasRadio ? "button" : undefined;
         const wrapperRole = isInDataCellStack && !contentRole ? "group" : contentRole;
         const Tag = Boolean(this.href) ? "a" : this.interactive ? "button" : "div";
-        const labelContent = (index.h("swirl-stack", { key: '02d9b33111b38a7e01c215ab22316e4702273d2f', orientation: "horizontal", align: "center", spacing: "4" }, index.h("span", { key: '7c214d31b78bc9ed73bef749144fb090845be335', class: "data-cell__label", id: labelId, role: isInteractive ? undefined : "term" }, this.label), this.tooltip && (index.h("swirl-tooltip", { key: '5507dcf689141cf6492a0e0ebbac7f6d30bb9571', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'ffd009f55337721081dd67811178625da5296395', size: 16, tabIndex: 0 })))));
-        return (index.h(index.Host, { key: '3938b80ef59b8499ca122057cb2a601215fe63ca', role: hostRole }, index.h(Tag, { key: 'd5e938b1e20cbd8ae35b3010e69655f04f31c4b3', class: className, href: this.href, onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, part: "data-cell", rel: Boolean(this.href) && this.linkTarget === "_blank"
+        const labelContent = (index.h("swirl-stack", { key: '7ad34827a5205354e48fb8d44d7e663af0b3e0ee', orientation: "horizontal", align: "center", spacing: "4" }, index.h("span", { key: '0696ff836e826503297a2fbed0b49743974d9b70', class: "data-cell__label", id: labelId, role: isInteractive ? undefined : "term" }, this.label), this.tooltip && (index.h("swirl-tooltip", { key: '1c087f7fff440350a732b4a83db4852d835cc5a5', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '4e49fc8cc8963e6137065226943e1aab5f96a967', size: 16, tabIndex: 0 })))));
+        return (index.h(index.Host, { key: 'd8741151fcb58555a5c6b9d6354894aa2f600141', role: hostRole }, index.h(Tag, { key: '1c2177d376e5793c320b095d69597922d0b1e525', class: className, href: this.href, onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, part: "data-cell", rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
                 : undefined, role: isInteractive ? undefined : wrapperRole, tabIndex: isInteractive ? undefined : hasCheckbox || hasRadio ? 0 : undefined, target: this.linkTarget, type: Boolean(this.href)
                 ? undefined
                 : this.interactive
                     ? "button"
-                    : undefined }, hasMedia && (index.h("div", { key: '11698c07d07a15d3e1402d5e7f06549ce12fec19', class: "data-cell__media", "aria-hidden": "true" }, index.h("slot", { key: '6c98bbb53fae7915300beafb9dbecc35aff6287c', name: "media" }))), index.h("div", { key: '9370d31ac4d2d23dc0f40bb3ece90a608e182b83', class: "data-cell__content" }, hasLabel && (index.h("div", { key: 'a5ce98e4af9f182a159e15ca5b967a506f5771e3', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (index.h("div", { key: '2360d1c1af966919370d00c44217314b7d91eece', class: "data-cell__value-wrapper", role: isInteractive ? undefined : "definition", "aria-labelledby": hasLabel && !isInteractive ? labelId : undefined, id: valueId }, hasContent ? (index.h("div", { class: "data-cell__input" }, index.h("slot", { name: "content" }))) : (this.value && index.h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (index.h("div", { key: '85482b447cb0d16b3c738a78f943ae8fd26281d8', class: "data-cell__suffix" }, index.h("slot", { key: '0568683b289f22aed8aa6e0fc621c36d50b4d177', name: "suffix" }))))));
+                    : undefined }, hasMedia && (index.h("div", { key: 'f932281ccdd6ffb3ad45ea30ad83022363076348', class: "data-cell__media", "aria-hidden": "true" }, index.h("slot", { key: '10b1c89bb462221340420a62a9b63d83473e662d', name: "media" }))), index.h("div", { key: '420ba1b98a7e34313dfea6f776ce3e063b3d05f3', class: "data-cell__content" }, hasLabel && (index.h("div", { key: '3851e943afe689d83cd4b2bd7df09f53396f96cd', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (index.h("div", { key: '9c388cc161f3a4699925c740fd3f5e5f4c25b34d', class: "data-cell__value-wrapper", role: isInteractive ? undefined : "definition", "aria-labelledby": hasLabel && !isInteractive ? labelId : undefined, id: valueId }, hasContent ? (index.h("div", { class: "data-cell__input" }, index.h("slot", { name: "content" }))) : (this.value && index.h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (index.h("div", { key: 'bca5294b382bd87d2ce41520fea8bc9f16f08d95', class: "data-cell__suffix" }, index.h("slot", { key: '28f983b93caaea5da5c8b26cf1c7ac8e88a87bc1', name: "suffix" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-date-input.cjs.entry.js CHANGED Viewed

@@ -225,7 +225,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'da068b51e091af3568aae56c4edc062a02250a0c' }, index.h("div", { key: '2b3e85d7c41297c5c16fcd7da3911918709bb88b', class: className }, index.h("input", { key: '7988a33053e6126b4e2c2db07ecd35154b5dc118', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (index.h("swirl-popover-trigger", { key: '598635c0a78132ff023c7269ef1a1d0fb3a5598e', swirlPopover: `popover-${this.id}` }, index.h("button", { key: 'c48e10b5e9a3f38129eab24773e95b54488b9567', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '3e4fdb17f2c2a8d601773ceddc38fd83ec22032a', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: 'ed5f0026cf1efc75b48994a83736e23b93c75527', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: 'd49902ee534677e0ce8f7bf3925d574a702c81e9', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (index.h(index.Host, { key: '3d227b767aebb1422ce118c3518e7d9b981d4cdf' }, index.h("div", { key: '519ba3868d61325645f56c573cc8b0b414bc97e2', class: className }, index.h("input", { key: '2e3f60ee0e301d92b917427d637c2d621e2a1941', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (index.h("swirl-popover-trigger", { key: '512ddd1e2f76b31e2a169e4eaef0c14e52720814', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '50d6ee4160a5665ed7ce056a106eef6cc1238dec', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '21663e5a562c6b70407422f9860cc707d6da81f8', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: '5c321be0f59ac88fc13cbd504123268f1d0c6282', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: 'af484f88ccba283e5c3f2934b947686b984434bc', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-date-picker_2.cjs.entry.js CHANGED Viewed

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

package/dist/cjs/swirl-description-list-item.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (index.h(index.Host, { key: 'e2dae4c05e0d737b33bb690f9571b01bc5724c40', role: "listitem" }, index.h("div", { key: 'f4bc749476eefba93aebb6873040cb2035c7f9c6', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '557d6ce9b7b0d87dad52dbf40ffbd21056ba89c0', class: "description-list-item__inner" }, index.h("div", { key: '11b529cd14f9f936ab769ce8e8406dacfd442a1d', class: "description-list-item__text-container" }, index.h("div", { key: '4b15cc2f7f392d7b5c8deea5e402f666bca7ba3f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'edf2abe8f8bb3665c757526cb92d26dc7c24adc8', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: 'fa412c817afbc14dd360712900af8b1397459e2a', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'e2dd532cdc0f782a604a0dfb470bdcde8579b845', size: 16, tabIndex: 0 }))))), index.h("div", { key: '1c2bbf097b840f96a1c44b298f8070179c990d96', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '9728aa72db29eda46aaa41b692ce03f6d4ea2712' }))), index.h("div", { key: '6fb83ccee5fc2691322342ed7db68f87ee5f0590', class: "description-list-item__tools" }, index.h("slot", { key: '8f4b079d7015dacd65688af622c62fb9fecadb93', name: "tools" }))), index.h("div", { key: 'bf8c2e6b9968d219ebba159e541dd00587e951ea', class: "description-list-item__additional-content" }, index.h("slot", { key: '4a1abd184c498cb1e49f2012c94e9422793f4065', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '4970a43d2827011defa2b0ed17beb4dc41336a36', role: "listitem" }, index.h("div", { key: '69515ab209d3dbc60f9a52941d72461e9649b9ae', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '2428ae9fbc5304c3a271978b2e298206da66d34e', class: "description-list-item__inner" }, index.h("div", { key: '16b05061df5a03c5b79bee249261b67804e98510', class: "description-list-item__text-container" }, index.h("div", { key: '71f2b6deffd96329854b435ea65296bb70865b73', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'c3d0d10992c81e7f0ce86e4b7450aa4f1ce0c146', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '5811c5cae4ac3fd526b3251fc7552181fd810406', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'e191dd42aecc953df63147506e758d8fbadc1504', size: 16, tabIndex: 0 }))))), index.h("div", { key: '3bb5afa6d9fa5c09ac8f2334116bd2876badf3c0', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: 'b2be6dba464bae5ce68ce1e9825bf78663fdb088' }))), index.h("div", { key: 'b43577ab09d34cd6141882e50de9121527d44692', class: "description-list-item__tools" }, index.h("slot", { key: 'e7cb271bdc981848fb5971464223434ac31b6c77', name: "tools" }))), index.h("div", { key: '1020ad2c7c9193f0f4027fde73db8f91efc5b197', class: "description-list-item__additional-content" }, index.h("slot", { key: 'f90ae53857c804bef1a326ada27a01423c696e77', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f73f7d135974ca70c52cbc6ec623aa61bb67a96a' }, index.h("div", { key: '3f55113d6ae5506ed9e3122cb80107ed6771fe0d', class: "description-list", role: "list" }, index.h("slot", { key: '80b4b4b012683b30b83658956ffadc2a3b5ed823' }))));
+        return (index.h(index.Host, { key: '27f96e367e26b9c1c7c49bdf5aff9fed5364a437' }, index.h("div", { key: 'cec090b1ff65545a24796932791803aa91d18d8c', class: "description-list", role: "list" }, index.h("slot", { key: 'f7da0815863fdcdc75a152f7e5f14ccf0337ab46' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss();

package/dist/cjs/swirl-dialog.cjs.entry.js CHANGED Viewed

@@ -128,9 +128,9 @@ const SwirlDialog = class {
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
         const hasSecondaryAction = Boolean(this.secondaryActionLabel);
         const hasPrimaryAction = Boolean(this.primaryActionLabel);
-        return (index.h(index.Host, { key: '46ecd7ba8a63b90954e3d30219141ffe72cda366' }, index.h("dialog", { key: '75ba8a4d55cf342b1979cb2a35db3dd4ecae8c05', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, index.h("div", { key: 'da662c46fc3b6909d1b45dec40f6c6b02d3a5432', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'be81d70f3a7ad70ec86e63d50f54bec7df48b020', class: "dialog__body", part: "dialog__body", role: "document" }, index.h("div", { key: 'ccb6ccc7d9c90d2d34b7802524017e89b96ab3c9', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (index.h("h2", { key: '331fe79b0998e6d1986417438eab8356977796de', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: '468905afe6decce42e8992b7cac3613917962af5', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: '8ec984a1fb6a5d332713ae7a9760a924db849f59' })), index.h("div", { key: '0f79b849d165cfd0f13e14fc7051f8c33fecadb6', class: "dialog__controls" }, hasLeftControls && (index.h("div", { key: 'c219cbbcc7b063189690dc3f06553bab7d8a8287', class: "dialog__left_controls" }, index.h("slot", { key: 'c08a9d3bbc93aea9d4b4bb1918da82fbdba5c223', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (index.h("swirl-button-group", { key: '46992e1b75a711ea841650d7751e1fe696860002', class: index$1.classnames("dialog__actions", {
+        return (index.h(index.Host, { key: '49f4268c86f6a0e64e53bda83b8eabd1be67b318' }, index.h("dialog", { key: '0c625a92b63faa7666c9fba8022c54fbd8619764', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, index.h("div", { key: 'd89168bfc476499e217906103ad858fb3ad72b9a', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '6d5210c0b28bce61696e5a5d62e2e0ee412aae60', class: "dialog__body", part: "dialog__body", role: "document" }, index.h("div", { key: '4a808d5e65edb0462e6f535e37c090b67466990a', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (index.h("h2", { key: 'dc980ff50e033821ca640f530a4f5f41d099aebb', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: '2f01bc9d9c990cfe7d699c29259e18c35e6a0732', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: 'b412300b63a1fa8239b6634af5dfdf56f0419dba' })), index.h("div", { key: '7ffe888c29ce89966887a37f0d38d461f992ed4b', class: "dialog__controls" }, hasLeftControls && (index.h("div", { key: '10468e1cf691882673a9a8235bc2553061c3a553', class: "dialog__left_controls" }, index.h("slot", { key: 'eaaf7f01088ea3736fb156609f8732d84482ac10', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (index.h("swirl-button-group", { key: '559070cb9aeae71ad1807500d70b2ae7e52b81a6', class: index$1.classnames("dialog__actions", {
                 "dialog__actions--vertical": this.actionsOrientation === "vertical",
-            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (index.h("swirl-button", { key: 'e49c5a3414d01d9ab7c07b309e69121c17c8d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (index.h("swirl-button", { key: '00132e15409fdaf3e2b45a613d250ae3751b2348', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (index.h("swirl-button", { key: 'c8fe8d0430a3e20bb373ab35c7b4aa4ea7edd1d0', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (index.h("swirl-button", { key: 'd693d3acf36f4526bc61ce86802c6877112aa8fc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-emoji-clap.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 12 && (index.h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2b7f4e39e59b8adeeb29a388e4225f7e06ad6e55', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '82b2eef62f607b251bfde697b77ca65e2593c045' }, this.size === 12 && (index.h("img", { key: '8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'd24d8776e4342938d5ecd259e6e8dd98e832fcac', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '33260a367f4873fa3dd193b25a74ca67f72007a7', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '80a803469c527ee2a9f478dfe0e79ee762a98fdd', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-happy.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c' }, this.size === 12 && (index.h("img", { key: '2e63217f2ff389e3f0c1a519dbcd3606a841a7fa', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '3b9ed0726917c1f4dccb906f14955216eb3500bf', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'd6bd535cde6778d0c7d415e370e89e3c9bb8cfef', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '54fcec7c811a72587acb068274a54e8bf78cc2f6', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '50ea07d44d864bb7db1eec8f7d67505abd4eb62e', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'b6ce3613d823b8ef086309e65ef47c433ad2a506' }, this.size === 12 && (index.h("img", { key: '1f27d4920d4485c2d32444fc9e9198c44d5ed098', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'bb08f6ecc5ed936b967aad87960acd990f22a57c', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4db438f7534285a6a9b36f457b6860f5ee5c9bf8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '9f9d399ae59c083ee0e0f4fde2876305470e0fc8', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '86b6591f2514ad3ccd2cf14a779aae9b69002e47', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-idea.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '8ff3a1a940859658d88c26916d41064e2e92c8fd' }, this.size === 12 && (index.h("img", { key: 'ed4c692587f47600ce7a9b83abe60ff1fdbb6f54', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '7e23064fca619033830213f81af609ef30e59a3f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '5a5e45004643bd5349755a54659da075a9f6c769', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '0b81a085a62b0ee6c2828d1fe7d68c6d96b8a513', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'bcbd9d4a551608bca5537177e152b0d499e38b08', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 12 && (index.h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'dc9eeca1d9e10329c15243c475b2e236eb69cd9d', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-love.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'bb363142a59a1532d697a2abc209fc2b981da47f' }, this.size === 12 && (index.h("img", { key: 'fa59c3735934acd1e62d6033b5e889b44136b1d1', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '8346db5c4614907761b265fe09b5c1f8d29c5b66', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'abac33c577707bba50157eb99e1b291620d9cdaf', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '62334497c1b5b479e034fe98d88314ac7da4f2f6', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '8b37572d2531e0c0c0c0ce96d6a4c2df341c406f', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '8edd66ddf76238c4bd6283c90d6b3e03c6b94c64' }, this.size === 12 && (index.h("img", { key: '4fba64b4e73a8166d17f52dadf1d3fd21cdd33c0', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '0520a9179dcdb5f686c29cf14c4b58b62506c0b8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'ad7503e5958921da0485e9a35200e7947381cbd8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'eb999f262ef797f99c3e3e8d1f0e80873aedb6aa', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'd74be088a7d466c41d3e2903545a96146577ea05', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-sad.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '3afe89930779fb551a168823880097d3268e28ea' }, this.size === 12 && (index.h("img", { key: 'c0fb1c26a5553bc6e17fde73c469e044b55ea6d7', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '26e3f29cb2297bca811ed4ddba1d4ed9a9d2d90f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '1da090f51b3a372f3d8e679bc49f244eafd5449c', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'cb5823e337455b34ec5055978db7f6729d0a6156', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '6d7f2e99464ab11dc8774293539d2b01264c4d20', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'bab9726fc523da78b7777ebec6ca423b70770bfc' }, this.size === 12 && (index.h("img", { key: 'c8364e31c0bf76022f2a1eb370b4d97910fd9c61', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'f86d89a9aa58646476a45637225418307ea41218', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'de71a2c558060ad260b8e3d9f224c5f074900895', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '3f503c3807069104a173faae5639a9604058ca01', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'bed0d308c5e108cec2f1f4c3dba5c2ae236c83f8', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-thumbs-up.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '59782e84609d6086be2f15fea013eec3dc4181cf' }, this.size === 12 && (index.h("img", { key: '2370c81723e3d5102f6a42d3f72a64479079f4a7', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'ddd104bb304187b73593c7a02a06e9bb10bb6699', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'a7946a304a99defdea167349ee204f203b56d56d', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '0080c4384aad196e7c67ce17b6d9a4c56f5cd970', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '9e107ae57e3d3d3a759bc76d4f2adcce9aeae9fe', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '2dd62d87b8743d3df94cd8682bdff5113486d84e' }, this.size === 12 && (index.h("img", { key: 'b05b50df43c505010c1f2c7728033419f3425c10', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '4f0e5b24a89acfe6ff66fb8cda8969c94f306630', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '723101b53f097876b4981cc27a4dc64e0b35dc99', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '0461d69961d56b2a5465276653594c3a6c9a64ad', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'adea9ad53835445f0e6c95de324c1379573b3ae2', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '209852dfda7f393517bc8578cbaaca8af6001b8e' }, index.h(Tag, { key: 'e32b5d1a648e72f51bd21fbad53070f79b27717a', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: 'e080ea7151f1be83880dee47ec668dca692de9ea' }, index.h(Tag, { key: '15a4ee6e7087af5fdeed4cfc8c230ea78f8fe0e5', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss();

package/dist/cjs/swirl-empty-state.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '91bb65a3f2704609bbeb547a0062ace6bb4e93d5' }, index.h("div", { key: '0955305639082ebeeefa7694400d732879982f00', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '5b636e3a3f756e14e206c246c3e2f4d308ceee4b', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'e3557187dcd9b76845412114c0ff69ddc2776c12', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '1cf19c7ef7660b95a5efd0edb4ee61ae70121ea3', name: "illustration" })), index.h("div", { key: 'a6f3db841afcbe072d2269fa840256c659cf25a0', class: "empty-state__body" }, index.h("swirl-stack", { key: '72ccf0f10bce9edbb2b38e7f23907157289ef4d4', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'f697293c00cb00e9df1288d248ce9f30cea1851a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '98af1c7e3180a8ef83afff5535865de3d21b2c0d', class: "empty-state__content" }, index.h("swirl-text", { key: 'af3de7fdf17bfd437059628baee5deac94a56ce5', align: "center", color: "subdued" }, index.h("slot", { key: 'fb52595bcb0417621a2c2731136a1b4ca410d846' })))), index.h("div", { key: '7bce4953399852ce84a26cbc0dd1ef867a9ee6b3', class: "empty-state__controls" }, index.h("slot", { key: 'd1a0f959bda007ee720fcedcf7771eaa9086d5af', name: "controls" }))))));
+        return (index.h(index.Host, { key: '025de7bdee7bfffcb78cdf5272f18cb8c5068a28' }, index.h("div", { key: 'd875f03f0264b7bb3f6977d0d3053f39b39bbc36', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '1e9e7ddb7be43b83eb70147fd5859de844dcafc0', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '92facff6d3ab0d296b92b6fe8f40433936258ffa', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '96adfa585d97cf67259070667c72ea97e7f797dc', name: "illustration" })), index.h("div", { key: '00b0af1389703350d76e66fac4f4ad8d8c777b69', class: "empty-state__body" }, index.h("swirl-stack", { key: '58b5caabfb26884311e3f93a9b662842ebe9f624', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'a78c510956c15b6850bc16910b4ef241c6a192ab', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '5df0dd933dd658900fb3955a376c4775d3e9cea7', class: "empty-state__content" }, index.h("swirl-text", { key: 'bcc5adc643e33874c5c85226a2ffd8ddf64d16d7', align: "center", color: "subdued" }, index.h("slot", { key: 'ec52e45fb5576af0bc94722ff8b85af9856dc5dd' })))), index.h("div", { key: '435544062ac84cf26fb0f8267ee5980fe2fb4211', class: "empty-state__controls" }, index.h("slot", { key: 'f507a5a41e241eb0e968eb69dc817903ab0847e6', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-file-chip.cjs.entry.js CHANGED Viewed

@@ -118,11 +118,11 @@ const SwirlFileChip = class {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (index.h(index.Host, { key: 'dd3a77e7a16cc29b11410956997f3d003839eb72' }, index.h("span", { key: '99e7edf197a4dd3652856aad7b61482b553669e5', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: '101ac912d654ed4d520d05fda47aca431325ea8f', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'a3c6758812615b7965de5d1c01d4bcbca1e0f0c6', class: "file-chip__info" }, index.h("span", { key: '259d92e787c40e0b26831ace9bdba3349dc64eae', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: 'a2cb5ab6b2b7d2b24ecbfb0317740bee6dfde73f', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '2180ba0d0fa4002636823b63539e6833b286f837', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (index.h(index.Host, { key: 'f651e5164bafe40eee9878dcab33479cb54f3896' }, index.h("span", { key: 'c47da266ecd534a53380f490770def3ce0b67382', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: 'c9f421e1d6bd5b3ec84b230ae09af699b52d99d0', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '638a067d8de73b1d2de56fe89ff2e1b36dd33e79', class: "file-chip__info" }, index.h("span", { key: '5b31f556cc872b3d9b17197189152f08be2ebb4d', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: 'eb33221f26cfa17f8ab06957ff5616a1978929fb', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: 'e961d5a92610d88cfa06fc35a739758def3aa69a', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (index.h("span", { key: '0565d17131ee44e8bcc09d6fd8aa6d4b0476e273', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: '31f14f5a84bc1df14327d6fa372c274f513ddda3', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (index.h("swirl-button", { key: '5eda0ab5e57a2c407bfc835b69f9a823d575b596', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (index.h("swirl-button", { key: '4d44381638b0bca31409d41d98a93202158b3058', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+                : this.description)), hasAction && !this.loading && (index.h("span", { key: '66b30511a7e2c92440dc4172b04c0e025bfb0314', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: '4258c47754d60ff728fc6c726a1af97dc5a30347', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (index.h("swirl-button", { key: '07383082bfab772beea9f9e94e75afd66e1fe13f', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (index.h("swirl-button", { key: '7967e4aa0250e14d8521958916c1a1b90075a220', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get watchers() { return {
         "type": [{

package/dist/cjs/swirl-file-uploader.cjs.entry.js CHANGED Viewed

@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '8832911f1e527f74a7e4b439df207b48158ec1da' }, index.h("div", { key: 'aa15775dcbde1cd10cfd90356b2dbed1f7ef7301', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '30de61120229eea792a5ef66d02cf017d0f7a082', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '3f06e6152f31ab39f5eed6882b9fca2cbba859b3', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: '8c8a93838db5c7c0f2d327aebf32a41f7347ef50' }, index.h("div", { key: 'b002b842de98f9e58408250cd4e7c53e4e8bbdf8', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '2c07600cbced9bb6ce4a3a1831568131237fc907', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '3c0433d699816d766ed73f4cc700d935167d42c7', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             index.h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             index.h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, index.h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", index.h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '1a9fcb3a7ff45466619221eadfdb7a143ea6924c', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '26c8ca9a3dcc30cc17f24ecd9e8298e30be13e58', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
 };
 SwirlFileUploader.style = swirlFileUploaderCss();

package/dist/cjs/swirl-file-viewer-audio_7.cjs.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'c949b0d542c623e41bceee3cba6aa05209b4219e', class: "file-viewer-audio" }, index.h("audio", { key: '83238ebed125d6ea19ed9bbfd6a51823ed23aae4', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (index.h(index.Host, { key: 'f383fcd28eea1d050d4c1d45e5ded7a112e46ae2', class: "file-viewer-audio" }, index.h("audio", { key: '7296404a7c8fcb12f1797c4840a20eb00efbbbb6', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return index.getElement(this); }
 };
@@ -101,7 +101,7 @@ const SwirlFileViewerCsv = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '82d422a4f928cf4ffb0cf0a4b88f6d1d0be55878', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '0a2d00c69c1baa602d83d9fe6957bcfe7879647b', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'f35463df60da2ed5d131a27dfaea0b6432b6862e', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: '19d11bbb79e25190cb8a1e584e3856fb6509c0a2', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '8e6ccc70d04b4e07df0a43bf8636655583a38600' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: 'cd11aee562c0669d496a10eab848dc0699d7adaf', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: '0f686beaead6cfab5ada7c6a9bcab9258c6519d7' })))));
+        return (index.h(index.Host, { key: '4bbf78f9c5b4d2b1f4f60dc9ebd531c71a308b02', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '9a9b9138908ad2bfe58fac9267303c8f27923cac', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'd5a49d145c09839a8ea72fd21eac2cd90d886dde', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'f88fdbaad0772c52d60f7dc2cdde084043604a51', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '1b452d58c954c76aea5f0f31ede2d62ed9c4d3b7' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: '24dd79c8f41ce0cba43d7567cf7f404d2343602b', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: '85ec132651f1dd62b28645c508b182176f797f12' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -129,7 +129,7 @@ const SwirlFileViewerFallback = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'fcb7ba511682f5b8b1ccf30eba3c23b80fd440d5', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: 'd32cffe463c4ecc55edea209d2f93c11e622b63f', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '37b3b40259d96b866737ae85e09b0aa34cd01ae1', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '3df45b319daa31b799b02d4ab2710fd89895ade1', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '1068c446742f5b227d75299de4956ee459dea905', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (index.h(index.Host, { key: '083e3255fefa97d9d2e5e37f2561da505534ab6c', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '4f51cbe716c34519a9a306a3a0dbcd1d189bc0ac', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '3311b071592b81de6bc4d2617d77e83ae0010a16', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: 'c72691d58fbaa825820aa74955e4d0e5fb4e7fb3', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: 'b0499fadeedaa2f9489b1f2b9b724ec1065fe00f', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -338,7 +338,7 @@ const SwirlFileViewerImage = class {
         const className = index$1.classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (index.h(index.Host, { key: 'c59b39ede55832743bd9be54419349984c0fb3f1', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: 'd115b5c266b52d99238098d2f4ba4f067b91763a', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '3631dbb3895e6c997911b2dac2e02df8c012e9ed', class: className }, index.h("span", { key: '8d968364c562be9dcfabaeb7db8df25a1cf458f1', class: "file-viewer-image__container" }, index.h("img", { key: 'c2b889e3264e42e328358dcb6744c6ea26a06d61', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: 'c5324e8a2a54ea6f27b34bfd2ea0a9b3cb19ad88', class: "file-viewer-image__watermark" }, index.h("slot", { key: 'c9b71e9259ebbf4439f0e6a62bcd8263344bb32c', name: "watermark" }))), this.loading && (index.h("div", { key: 'b4e14393e348f2732a7bdd984f4cbc65d0ece538', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '6acadd121754fb39d1090699de59f9f497426e6f' }))))));
+        return (index.h(index.Host, { key: '296dbf984cb0740faeb018a6a9a76ecc359fd473', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: 'ac5d0f6ba5f5e7e7855d4bb33114e9e847b798e9', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '1febec4c6be9ac46a41dfeec42176b8b4d940962', class: className }, index.h("span", { key: '12be794ddb23f4fd2cd11d53516ab4d3f295691c', class: "file-viewer-image__container" }, index.h("img", { key: '2476a3edbf403a299e1253aa9effe65d51284a66', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: '05d8eae9ebc08a3a1e097b955b790407a2be659a', class: "file-viewer-image__watermark" }, index.h("slot", { key: 'a90b12d74d0bbc4283fdc8aeff02817a8887ec0a', name: "watermark" }))), this.loading && (index.h("div", { key: 'f24a4c4c7e84233e7511ad600fe6f67c12a94d5f', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '3b308e4af540e945efb45505c3d52142ce384470' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28697,7 +28697,7 @@ const SwirlFileViewerPdf = class {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = index$1.classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (index.h(index.Host, { key: '198513417de5a71c7adee4b5298b94c6604d5ed7', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: '0482bda5cc1bf136711819fb15e69cc51038eeb3', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: '908639a41c37499bf63b3678a04a1f1b3d7080b0', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (index.h(index.Host, { key: 'bdb9a666ad05a020bde9f3af5644c0a590832a97', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: 'f00d051446102a937d63f11ac09418869d8f6896', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: 'dad8f8848e543f20be09bad0c122ebdb0c498c50', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -28711,7 +28711,7 @@ const SwirlFileViewerPdf = class {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (index.h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), index.h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), index.h("div", { class: "file-viewer-pdf__text-container" }), index.h("div", { class: "file-viewer-pdf__annotation-container" })));
-        })), showPagination && (index.h("span", { key: '485ba0e4c8b0c4ed523fd554b5e99e3b032292b6', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: '150609a29f401e09f87fd99063a7c157458a9e6e', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: 'ad11d44f9fbc7dbb57dd50c47d867b8a5c37f3a7', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: '19dffb0631f095429a3ea05a61783f965d8ef207' })))));
+        })), showPagination && (index.h("span", { key: '6e79e87622dc4c3ae35ff5cbb6043c5e77b44c80', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: '786be4d87c2144b031412f6eda535911ec6b1c3b', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: '0d89608348224ce90fa8a6024324befbc4dc6a03', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: '50650473824c9e046b536c714b0f5ac621a019f5' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28756,7 +28756,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3cf72da6f6d830fa42301420aee2e278e3e051cb', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '5fde91822a9caa27d7c7a27ec00ffbdba3cc7e61', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '33c83117956cbe85a3faeece7cf51daf404035cd', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'b5d6cb3ff9ad5ba0efa1b4c5515b920bc66523c7', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: 'debc16b4eea0c2abe5fb11199952b9485dcd8db0' })))));
+        return (index.h(index.Host, { key: 'bf06e8b1fd6b51e7dd70a76e9f98acb9922c3c84', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '48b1d6aad7095abe890b41065530951a5073148c', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '1de49ce38f165ededdd76ad957e3040347d7215c', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: '3195889c9ee74991b52103b5cb775f495f998094', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '7b042bb8cd83686870e3a82ecefad682274a2a5f' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28848,7 +28848,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '73273d4940f1d06c60bf9a70c3cab5b445bbb937', class: "file-viewer-video" }, index.h("video", { key: 'b9c35c2a017b6803dbbaaef3f8a3967377258cf9', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: 'c4b740e48720383d57b54a70446905e13db356fd', class: "file-viewer-video" }, index.h("video", { key: 'f1a889c3636429c8d25be050816d92cfabf5cf51', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {