npm - @getflip/swirl-components - Versions diffs - 0.239.1 → 0.240.0 - Mend

@getflip/swirl-components 0.239.1 → 0.240.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 (1637) hide show

package/dist/cjs/swirl-icon-web-asset-off.cjs.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlIconWebAssetOff = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '5bcb6411e07534b0bd7c236fa16a77a6d333bff6', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'ad0812a356c99c9af0dcb44e4e61b974919e99c8' }, index.h("path", { key: 'b2410344ba17c373d5e44d432a761293c2c3bfc2', d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'd9cb2c80ae0795e05708c5f91149159a3d22b59c' }, index.h("path", { key: 'abb3f8c54996902667e0d190b78dd0d774b41b13', d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '75a079908ef53bb26e8713815de46834dbf60dfb' }, index.h("path", { key: 'dd0e868884adf80ecb7573d6dac6f03a73b05940', d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '113457c2d394e5094467ed56e648ae5c6023f30c', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'b5fdb8f83f16979caa255706f4a8a7e8b30d625e' }, index.h("path", { key: '9f11bf58e64a91598271af77d99ff63b49ccdf1f', d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '5c3139117a58f397df8a98c06a66acf050a4e456' }, index.h("path", { key: 'a56e93efa03dc3f9057402ac9232df5487693874', d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7d43e5312813b2bc1dfed138476a9f454d522a4f' }, index.h("path", { key: '8bf9443c1d923bf7343b672a63a09c1aa7775cab', d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWebAssetOff.style = SwirlIconWebAssetOffStyle0;

package/dist/cjs/swirl-icon-web-asset.cjs.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlIconWebAsset = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'dd8c00d8010bc28a6d7884c18381cf4c3090a8f9', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '47e2f5b518abe80adbfc7269c5ebd3212ce51d67' }, index.h("path", { key: 'dc1c83521bd6a09174c6f36f9e48cb41cf72c501', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '89e1fb97b2a160ddcce3b6bcaf4f33ff9b81e559' }, index.h("path", { key: '6e2ab32ebeac21e25d9b7e2567d09c81e08a46db', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '8edacffd8a75170074d99816fb0efe3e69a65f10' }, index.h("path", { key: '041bae31f5cd0366f93a3418667b91396a816446', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '7236ec7c2f45b2765308546776fd0dba256fe50f', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '73d9ae3090ed96411ff072997b431e8aebb8d54d' }, index.h("path", { key: '5be0bafbec61dc6a87fb5ae453bd30161b74b93c', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '2c802e02c5296003d92bd5f1a34fe156f2442048' }, index.h("path", { key: '85fe9a1b06eac5d35ddabca2e796c690dedff47f', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '0df93eeef5a552829f73308471b3fb84d4e655f8' }, index.h("path", { key: '50a30af0ab12f49ec77b043314b73a2e64e28504', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWebAsset.style = SwirlIconWebAssetStyle0;

package/dist/cjs/swirl-icon-work.cjs.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '98dc65c142b2f128c16d1c3a45b6dc3007dc3fd1', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '69ccb11507c15aff90ab96d7a28dfbad59654504' }, index.h("path", { key: '248ee375367680d249caf609144e2b0417d2bc47', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '069b73d2fb9237d5d393a63071969a7ad13721d1' }, index.h("path", { key: '7fde2f29657f15599250caacff00a535811203bf', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '8c519f236e7e9f3edd097a3508b2265f28593c5e' }, index.h("path", { key: 'c3c4d18bdd494b718d2fb0e0e8e90ba0a82c85cf', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'ed7406db6707720adb110c4c13a0dbc039e3b685', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '71696f7104f2410378fe549c68524d1b00f54393' }, index.h("path", { key: 'a98ff106b3563aa2837df235267760c24765002d', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '35cbd3b3da0be485d8125765558530a5ec7eb12d' }, index.h("path", { key: 'e99a063786ec8d2844c0ea146a03179cd11706b7', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '1a4ec7e1903b7309304a57bf3f4f12fbf3680171' }, index.h("path", { key: '9c2f5a7841fa89f4927ad38cfcb392c7c94b88fa', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

package/dist/cjs/swirl-image-grid-item.cjs.entry.js CHANGED Viewed

@@ -5,12 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
-const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
+const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
 const SwirlImageGridItemStyle0 = swirlImageGridItemCss;
 const SwirlImageGridItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.gifStarted = index.createEvent(this, "gifStarted", 7);
+        this.gifStopped = index.createEvent(this, "gifStopped", 7);
         this.imageError = index.createEvent(this, "imageError", 7);
         this.imageLoad = index.createEvent(this, "imageLoad", 7);
         this.onLoad = () => {
@@ -23,15 +25,44 @@ const SwirlImageGridItem = class {
             this.error = true;
             this.imageError.emit();
         };
+        this.playGif = () => {
+            this.gifPaused = false;
+            const imageEl = this.img;
+            imageEl.src = this.src;
+            this.backgroundImg.attributeStyleMap.set("background-image", `url(${this.src})`);
+            this.gifStarted.emit();
+        };
+        this.handleControlClick = (event) => {
+            event.stopImmediatePropagation();
+            this.gifPaused ? this.playGif() : this.pauseGif();
+        };
         this.alt = undefined;
+        this.gifPauseLabel = "Pause GIF playback";
+        this.gifPlayLabel = "Continue GIF playback";
         this.icon = undefined;
         this.interactive = undefined;
         this.loading = undefined;
         this.overlay = undefined;
+        this.showGifControls = undefined;
         this.src = undefined;
         this.error = false;
         this.loaded = false;
         this.inViewport = false;
+        this.gifPaused = false;
+    }
+    /**
+     * Start Gif playback.
+     * @returns
+     */
+    async play() {
+        this.playGif();
+    }
+    /**
+     * Stop Gif playback.
+     * @returns
+     */
+    async pause() {
+        this.pauseGif();
     }
     componentDidLoad() {
         this.setupIntersectionObserver();
@@ -59,6 +90,29 @@ const SwirlImageGridItem = class {
     onVisibilityChange(entries) {
         this.inViewport = entries.some((entry) => entry.isIntersecting);
     }
+    async pauseGif() {
+        const imageEl = this.img;
+        const staticImage = await this.readImageFromCanvas(imageEl.src);
+        this.gifPaused = true;
+        imageEl.src = staticImage;
+        this.backgroundImg.attributeStyleMap.set("background-image", `url(${staticImage})`);
+        this.gifStopped.emit();
+    }
+    readImageFromCanvas(imageSrc) {
+        return new Promise((resolve, reject) => {
+            const image = new Image();
+            image.src = imageSrc;
+            image.onload = (ev) => {
+                const el = ev.target;
+                const canvas = document.createElement("canvas"), ctx = canvas.getContext("2d");
+                canvas.width = el.width;
+                canvas.height = el.height;
+                ctx.drawImage(el, 0, 0, el.width, el.height);
+                resolve(canvas.toDataURL("image/jpeg"));
+            };
+            image.onerror = () => reject();
+        });
+    }
     render() {
         const Tag = this.interactive ? "button" : "div";
         const showBlurredBackground = !Boolean(this.loading) ||
@@ -69,14 +123,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
         });
-        return (index.h(index.Host, { key: 'd01d3965cf1e43b0ae70a5b42f6fd105d0d48c36', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: 'a27e58d6438bfc93e1723e5b7e1f5cde778e625f', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: '744a033cf788a29fbea3d1d52337e1e84e6b93dc', class: "image-grid-item__background", style: {
+        return (index.h(index.Host, { key: '3c53f84167d5e69ec6c7b63b4b1eaaa597a8004f', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: 'f6f10cb0f5553011ecd0d4f2c0b499054112a834', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: '0ea16d14fbe3e758858b8d8a869f59288d3cc1d6', class: "image-grid-item__background", style: {
                 backgroundImage: showBlurredBackground
                     ? `url(${this.src})`
                     : undefined,
-            } }), this.loading !== "intersecting" || this.inViewport ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.src })) : (index.h("div", { class: "image-grid-item__loading-placeholder" })), this.loaded &&
+            }, ref: (el) => (this.backgroundImg = el) }), this.loading !== "intersecting" || this.inViewport ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.src })) : (index.h("div", { class: "image-grid-item__loading-placeholder" })), this.showGifControls && (index.h("swirl-stack", { key: '0a1a18a75771a1723bf95ea1114a7c2e600dcca8', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, index.h("button", { key: 'bc0a37b547a700ae3800884c0329a04811e5902d', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (index.h("swirl-icon-play-arrow", null)) : (index.h("swirl-icon-pause", null))), index.h("div", { key: '38e17721eb87f49d6c84e649bcae9cbf9a9701d8', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, index.h("swirl-icon-gif", { key: 'b7d086f5defcbe4852fd9797711c849dc30178dc' })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (index.h("div", { key: 'e87d7593b49b278cbe8003cfd0f7231104b548f9', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: '63a94e02d3c6547a62ca84f42086da2f866e4947', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("div", { key: '7486f857ca83079a1a43008237ec9082e96cae2e', class: "image-grid-item__spinner" }, index.h("swirl-spinner", { key: '10c71722ae6792fcbc584147515c838112fc8803' }))), this.loaded && this.error && (index.h("div", { key: '2bdad86a21068f91399ff9c77f9a6f3ea931a710', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: '69394d06c958a086646d12a18c1efdff3fdbeae4', color: "critical" }))))));
+            !Boolean(this.overlay) && (index.h("div", { key: '0ae7a70a3751a3655a97373f30b3e5e0afa9dfb6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: '46b6bbc2c069c6b0702ad0a6daa084707307e368', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("div", { key: '7717ed85bd8fe462568737da3f6b4fb3ffc9ec1a', class: "image-grid-item__spinner" }, index.h("swirl-spinner", { key: 'b7bfa2477052e94e57fe567d73bd9e600eb0166f' }))), this.loaded && this.error && (index.h("div", { key: 'd60f0a2b7d1a4ee98a58c9ed620b91f9ef83c941', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: '21cab1b6b681da0e47fd44b5895d2d2ae18813b2', color: "critical" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-image-grid.cjs.entry.js CHANGED Viewed

@@ -26,7 +26,7 @@ const SwirlImageGrid = class {
     }
     render() {
         const className = index$1.classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-        return (index.h(index.Host, { key: 'b96dc8f282a93a9cd7a938647ab7513e3654ff36' }, index.h("div", { key: '08d278c42319075184f72b4f60294175ada448ee', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, index.h("slot", { key: 'dc3fbaf593dd1a6c89dbf7d6b0d977b320438340', onSlotchange: this.updateItems }))));
+        return (index.h(index.Host, { key: '8aa0201454ae7cac1368fb5ee923568220f23994' }, index.h("div", { key: 'c1bc6c32ab59053042a83f29aea5023431bceb04', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, index.h("slot", { key: '67124f8c2703cb1042a431ccd1972df71fa6618d', onSlotchange: this.updateItems }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-inline-notification.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '4b2e57407f5274172e7e8f085ed42d260dc2184a' }, index.h("div", { key: '98c77c8280df8f2b63d6a3b1e88775f3054b9db7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '296974cc050044e5345c236907c558161d2657ee', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: '3cb430b55ee684f7cbd2f6468b3ec9561871fce9', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '2cc564dc39750790f863f89bfff31d5998a7098e', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: 'b28e6c482c791ed3c2c8488dfaef622f106ffe6f', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: '60211f93ce1c9f0e35a7cb9ea79b7f358b647ebf', size: 20 }))), index.h("span", { key: '9e9de6d4291db24f4d13ea9c282759754cffbf73', class: "inline-notification__content", id: "content" }, index.h("swirl-text", { key: '6f0adb1aacb0a92a59de70c2de1e6a18486f52c7', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), index.h("slot", { key: '1c15c6158b86b350032993e9b400678fefcd0af9' })))));
+        return (index.h(index.Host, { key: '02fd3c55682e56a9445badf81215c7be1a1f12f2' }, index.h("div", { key: 'e640936e273a3896800d4b32e7acb13569c1df4b', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '515ff5bdd7cf4d43afea431be9c2f904ab34c5ae', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: '3f66f2880fcdc6f6fedcb5aa29c92fac41357d6e', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '37cfdbb4925dcc3e7a4236fdc74654782fb61511', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: '97ebe30c47426cedb36707f934e720098f1b3f55', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: 'e8238d8123854e5980d61b2a2a5d2d23bb68c7e6', size: 20 }))), index.h("span", { key: '5e0d0809f4015fe4b4c9d0942ee1187d13288dd4', class: "inline-notification__content", id: "content" }, index.h("swirl-text", { key: '43299e79012f160f32b23103a2101a88342c00be', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), index.h("slot", { key: '60a2cfe91d5fea4c95cc515e8b35df5db75cbcba' })))));
     }
 };
 SwirlInlineNotification.style = SwirlInlineNotificationStyle0;

package/dist/cjs/swirl-inline-status.cjs.entry.js CHANGED Viewed

@@ -48,7 +48,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '60bf7e9dc09792c00ab96a8df37f8c66e38be7eb' }, index.h("span", { key: 'ba229e8de2b55222bd94881e36669a5c86721aa3', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '7883adbc0d389321c3fc38e324f7cc94c53804e1', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'ff074ad858f5a2ec415de60d0975241b50a1ed10', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: 'dead8fd6471282b38692ed067771dff6ed0b661b' }, index.h("span", { key: 'fea8c86b1e9acdf04f9e5bfc2df5408ee4ac5671', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '5cf32f454ea173dc8644516a6fa384a584afe99a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'd60dc4ed468b9715dc1e3096b1bf7142baa04b03', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

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

@@ -297,7 +297,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (index.h(index.Host, { key: '0496a36fe76df6bcc172b6fbdbaecfcb6e1d77bf', onKeydown: this.onKeyDown }, index.h("section", { key: 'bdc00a758a6dcb08a1bdf616dcdfc376dff28c87', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '324f2774ca8d05c039011cfc9ec60b9ac8506f18', class: "lightbox__body", role: "document" }, index.h("header", { key: 'dfa39ac71815b1c82cf7cb8a52baf3334ceb63fc', class: "lightbox__header" }, index.h("button", { key: '73aa67bc75de5b139d3381b64b52f7d1b873596b', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '9d3eac61bf4c08bfafb396df3e7e350d8e12210d' })), index.h("div", { key: '97780b418b89f6809668e3c994357bfd0b72cde2', class: "lightbox__toolbar" }, index.h("slot", { key: 'e36d4ff71275a30de1b8c4bb3357236332e570e2', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: '10847d358afca8b2f427887eef1a33920c0e194a', swirlPopover: this.menu }, index.h("button", { key: 'f58b184a0407d6442d9c6e62264b019e55616f1f', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'bc73394d923775acb3454816e07b30dafa993168' }))))), index.h("div", { key: 'da73ffc3e0ed88dc7b946aee76d560b65977ecd6', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '8bac05388844576e756201df672464ae7af40b76', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'bf41ec961b261d137550b579da886b845e818fa6', onSlotchange: this.registerSlides }))), index.h("div", { key: '0dc8f20c2d61507b5d01fd7ec0945c0e29ec987c', class: "lightbox__controls" }, index.h("button", { key: '9455f49b67d65fdf8eacad7916bd785d86c7d8a0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: 'fb53e1b1e1de5bbdfc563cf624973e7c7ff26caa' })), index.h("button", { key: 'c4e4e66fa14f4580b7c0d569d522ecca6369736c', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '8dc5620ab6245d62ba63a7940b07c0dad2732f42' }))), showPagination && (index.h("span", { key: 'b8c2804f16191c241a4fcaf26c8b61e424b1f9de', class: "lightbox__pagination" }, index.h("span", { key: '5bc2ea609c94358e466bfbe638e669f149c8eeff', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '1fdb5b42fc16c55a2f7dce4ba71cd9e641e3cb8b', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'a578f2647799dd3a66767cb915de6c8f7d45c917' }, index.h("div", { key: '5f30a97d3eda76a4ae54118b73821364be3b95e7', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '7954989a94007a377dd8f32074697f9d50df7f13', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: 'c012b589d13cc35fde4f321569932b325f9fd2f0', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'd2536225e90fc3634a243fa9d12d4ef41366dc58', class: "lightbox__file-info" }, index.h("swirl-text", { key: 'd4639e6b76911663c9d20590714c5cb6a213e1ec', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '57182a9b54c28a1bdb826b701dd57c750cddc61d', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: 'cda825fbd2f14ed584e841debf6a91ef0c3c29d4' }), index.h("swirl-action-list", { key: '8e5bf7a26daa50930d34e24390306d044904e37a' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'fb371a5a75ba802b01e608e3100de76ce8f16594', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'e2a1981e1f5fbf35a7fd537750653fc08186deb0', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: 'a52416b75199fa8f3b489acd7406e64eb3620b50', onKeydown: this.onKeyDown }, index.h("section", { key: 'e9041095aaf0e89554a75af58fa6e773a5972fab', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '6a75bb57f70aefa7569975c5035c226f8f205dcd', class: "lightbox__body", role: "document" }, index.h("header", { key: '9a6e48f63c9768cce4fabcd761010af9dc2bedf5', class: "lightbox__header" }, index.h("button", { key: 'f1fec0983a47512f770eff61b886c5a04bf12a60', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: 'b4d87c80e4e10d06ccf3fd26a9a08d409cbf2523' })), index.h("div", { key: '70d2aeacd6c61262306ab913be4888a8260025e9', class: "lightbox__toolbar" }, index.h("slot", { key: '2a7d2c738e5a2aca535f37f642a854bde3631097', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: '2225cecb21b381def39f0e21ed2400c24c97f453', swirlPopover: this.menu }, index.h("button", { key: '5c08e68751b553ccbea1584695595e46546a08cb', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'f65185ec1ec27944805fa977ea04f0d623d3cba4' }))))), index.h("div", { key: '94bb1a8d7d296183a38a97c49ffea7eeb646f05d', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'e08807648fd8540db943193285c029624f05a998', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '9ee945f2cb8bdb874d36632f2c06fd5135095916', onSlotchange: this.registerSlides }))), index.h("div", { key: '3a0b45e1a5675f84250295d92820ccd520df6a9c', class: "lightbox__controls" }, index.h("button", { key: '56ddd3cfec949805d1f981ccb9ed55172b2abe49', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '6f318ea123dc2fe7d5e0a0e37e3949b3db5c70f4' })), index.h("button", { key: 'f3850661da995831834b5c65254f3188a3fe8899', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '08f7b891095718d60dfffb01208b83be6d47fec7' }))), showPagination && (index.h("span", { key: '59463bd6d4995ef72fd1bf29d40d59e7894bf599', class: "lightbox__pagination" }, index.h("span", { key: 'edf1d4c73fd50d8d84422ba0e08cef1d7dec3dc5', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '56501d91dcd7f1f859446f7a5cc169e7dcdbd9b6', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'baa99c20e4243f70b521c30453c2e8bd2df23c56' }, index.h("div", { key: '258c3ec82b6a75b0ecf2f83d36e77f2cb99f74ea', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '7f08e29a6e6712bc18bcfe739c8eb004efaeac42', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '16bb3c6b030ba27610f6ade4c6974e3f1b6932fc', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'c9607aa3a9a6943fc41f8ca0e1accffef33e6f78', class: "lightbox__file-info" }, index.h("swirl-text", { key: 'bcb020430a14daf9878018fc8bfbd3cf53eb9877', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '403ee2f73116d899b981613279bc72aa40bc0174', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: 'ccbf966bcf8d10cd3ed47a3b9c3f522361749522' }), index.h("swirl-action-list", { key: '48dc0f840db5323a8e4fd32eddb26a48744f1f3a' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '940d3f5dc2cb186c7632c0bfc644014318baf950', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '7aefc60dc1eb95ac9d0c99ac7f336b6e8faf1ce1', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '00ca392c41452b30703cbf0e3bc9b6b9720ca980' }, index.h("a", { key: 'bacc5aa74540feb08b91bd24eb584e2afcc100d7', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'a8ccaab9a67b7b3e6858212989db1b8ec7d1346d' }, index.h("a", { key: 'b430310db7a30ca1b9ec46e11726ffa16f4ceb88', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

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

@@ -18,7 +18,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '02f21218b2a1faf01fabc3dcb9a41e912f8658e7' }, index.h("div", { key: '5c8618ba4e499bfe8ee249cb4eebe788f092eff4', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '95aae58901c4bb9b9023d4c44fb41ed15603570b' }))));
+        return (index.h(index.Host, { key: '20fc202d59888c9c5fe0345fc7ed4808d9821e9c' }, index.h("div", { key: '05db743b98a1c31454def296f8f6fb24b07cd4c2', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '29cf7dad09b215bb5b5504bee107599d5ec00691' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -105,9 +105,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '41a7d3cfa1197bceedadfd55cee2399f05ae4d83' }, index.h("div", { key: '53cc512b856b9ec277e4efbc9b3d94d6945b2498', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '7ee67244e9a30eec12f25483ba8c0c00788342b2' }, index.h("div", { key: 'df2fa7fcab05c3ddb1f8b9459006621026e1ade9', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '60e0e595d046f962b699106e9a3ba90a73406539', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: 'fd1e1d4a27be53bd84d64daec86944f9c7c311d9', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -278,7 +278,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'b4e552529340f01ecb4bebe4e4173f715df3a27b' }, index.h("div", { key: '0d1707ba19ed7883dbe9d7bd96934c2c309118a3', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '8b3d9cbe0530cef4bae80f13a42083bf17d428a7', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '0117c818faf9c3f3dafa7c35f97d5db53456ecc5', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '9740502a05cd1fed79959c41a1582276b87393cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '4b59154f73fe9addceaea548be8d11fcdb3e1ab0', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '15b54f36f4be42c879ae4eed7e4262b7cdaeddff', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '1a9adbc4f25fd6fd0c4d40b8b900967513e229ff', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '02decf5ac5997e1cac5a577349ac2e9618965292', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '46380ac4cecdd96b653112c0c4d86d23bbef3325' }, index.h("div", { key: '985eaecdb58e58dfbd73557dcb19c11a355c185b', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'c0195c70e01d73f0eb52634a9b10f6f0a79fc129', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '6bbe9e735a8bfa78555c9cb76fea8f0bfb2fd7af', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '1eae68bcda2138f48e20fae99c9624f22e5aa86f', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '89ac8444fc2a1c01254f0d8642ac21bbf01f0bfc', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '8e17f2b3b99424542273ad18ca820c75d67664e5', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'b157ac515cfe40e5480f9c02e38a4a2b5c1d160a', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '6b522b5f2920db3f52a946c7b691281111b51c44', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -289,7 +289,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '8d017e8fe191846a0ce0d4628f62a48786794a3e' })))));
+                    : undefined }, index.h("slot", { key: '33049a31c6beee19fe90fa032ed1b1dd3912d791' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -169,13 +169,13 @@ const SwirlModal = class {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (index.h(index.Host, { key: 'c1f5834e2bd960d78fa05de1afb463cbb6fe0de0' }, index.h("section", { key: '30b92c1dd3433a61f5329891120c1ebbac9f7944', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'e3d83e43953a389b8dab0389faf5a02ab2e7b2ca', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '4aa2300b3b5a203b6ec18a38aa2816ce239a1e29', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '72def0840e7e4f1638077a0602096eb036960210' }, index.h("section", { key: 'a634bcb499d217bed80a917dbd94e498f7095376', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '8a075f7aaacf9f7d5e6d7e2962c18ef58aeac41b', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'ece030aa169dc50164ea6b08c5fc446ddf278dfc', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: 'a41127f7f387aca86f751a7896e23b16156ee591', class: "modal__custom-header" }, index.h("slot", { key: '8d88d314a0a292c1c6e13f69a4e54bfecb72a949', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '5a10bb3a24e4529a91a135af4b6f24e6257874f5', class: "modal__header" }, index.h("div", { key: '3490ee3497101659d3a1e6860e93f24f9636ca38', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'aee5a54c01098261585e179a86112cb077d5cb64', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: '461cd7f2fdf06a5907bf5d7e17daaeede0e807fa', class: "modal__custom-header" }, index.h("slot", { key: '4f98248ce86013faa34fd8f31e4538ad6362bae5', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'd14d572794ec20023c41e6c07d5cc4d6819f0421', class: "modal__header" }, index.h("div", { key: '3b03c9d5e3fe2e27909d80c28cff8b751245c9ae', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '61f02602ae2a262981d53f99b17eed5aeb1d7907', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'e451cb60d7a4c6d20591b21cfef602d5849f2480', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '1f9ce0bfdd4c5f70381cfc07993a4e1746b377d2', class: "modal__content-container" }, index.h("div", { key: '2daefa0e2a195d737aa9fee4b146fdd4998653ea', class: "modal__primary-content" }, index.h("div", { key: '7dd0e058b3157ed376d2cd510078d7d1b62f4867', class: "modal__header-tools" }, index.h("slot", { key: '7b724b0c13969499a2ffb9e84c6811fe1eab0278', name: "header-tools" })), index.h("div", { key: 'b6004ba4b7018c31340ddb58fef367652f1dcaac', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'eeab7392d8053b37302548fb39366d2e25c80b61' }))), index.h("div", { key: 'cd4174514f28a2206db6f0aefcf43642de5856d4', class: "modal__secondary-content" }, index.h("slot", { key: '417468eb6d3eb9b67ac1bf3d6a3c054b131c6ec8', name: "secondary-content" }))), index.h("div", { key: '25a4638137fcd6bde5fadaae33a77da14e902678', class: "modal__custom-footer" }, index.h("slot", { key: 'df099032165191986932b28715f4ff7fde7e4be8', name: "custom-footer" })), showControls && (index.h("footer", { key: '654216cd39d77649a1aae119e9df1131a5abe859', class: "modal__controls" }, index.h("swirl-button-group", { key: 'e123649bc7ce4fd365c95f36cf6ee4451920062d', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '5de4ba1855993f82e633826f635a7ca5ce4d1115', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '4065745859b3ceebcd668ea807abe4fa23146f62', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '5ee3a9ebdbe2699340789352afbc40d3d0b5a38c', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'cd6c4984135aaa9141fa7b68d43a5a3130e3172f', class: "modal__content-container" }, index.h("div", { key: '32dc79dd3c7c1c3d29923a1c260e72c1aea44456', class: "modal__primary-content" }, index.h("div", { key: '5d3e8f25816be3737c96960ec5fb6cb8aca4aac2', class: "modal__header-tools" }, index.h("slot", { key: 'a6912e3974d826cf9990f6408f66dfac25a65bab', name: "header-tools" })), index.h("div", { key: '42c9c895024a74eba330128dc042aa0714c59c6e', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '3e0640bf6d7b34ec0daa0dd2aab9963a19457bc6' }))), index.h("div", { key: 'bb96b7efc0f421b04358cc56706da32dadf11243', class: "modal__secondary-content" }, index.h("slot", { key: '07d62a87fc1edf219d070a8f150d5228dbf354c2', name: "secondary-content" }))), index.h("div", { key: '4674f5a0c0fe89c948551a0244efa4bad79981c2', class: "modal__custom-footer" }, index.h("slot", { key: '29c29f908474c6e63149ca7277b75f0b1179ef51', name: "custom-footer" })), showControls && (index.h("footer", { key: 'dd71a775e74461f69373a8f5caa2d275e32d1344', class: "modal__controls" }, index.h("swirl-button-group", { key: 'c87d79bc087efb0e3815fb092c2dc8787cdc2d6e', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '40c73a24872805d21a557743f0cbaf339ddec34d', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '99c873a848821dd0b805db2c8af331ad35b13a9f', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd43693ee855fb93feee191ad2b3f80df4f780d20' }, index.h("div", { key: '3e9120f32eb7cefc7775faee63ec449646179863', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'e075c79389f1a51692006a98ffcc4db9ddd74c79', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: '3422336a9659238229360e707fa55e247d36f022', class: "option-list-section__items" }, index.h("slot", { key: 'c4f360f573fc645e1e93de1dd29fc1e6f84ca899' })))));
+        return (index.h(index.Host, { key: '6629142e67d509a16900e8d21d9886f39fee8910' }, index.h("div", { key: '0f4cb1707b74d6fd971a3af67b6e7eefe0659667', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '386d52d3473bebc22ad2632fd2170c6ba15bafc2', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: '5f1519295438f4113a6dbe8c1e68dce6ae9b85a9', class: "option-list-section__items" }, index.h("slot", { key: 'fe96c7c540acb6a94936af809143b9654cd2c2e2' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/cjs/swirl-option-list_2.cjs.entry.js CHANGED Viewed

@@ -338,7 +338,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: '9d78a4b55e1fc88bd8732e11cbb492491b156461' }, index.h("swirl-visually-hidden", { key: 'a47d3d51f9c13f910d8f462e7d5dd33f62783a22', role: "alert" }, this.assistiveText), index.h("div", { key: 'bb3954ef149a397a94a84f6ce3c066037e29c1ff', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '62df2e4c0a4ece90aa8927b902346dfc360e4e93' }))));
+        return (index.h(index.Host, { key: '50582d566de3a9cd25965f66fc2617de3dc7d041' }, index.h("swirl-visually-hidden", { key: 'd8b38253940d4959b3ae520be02af8e3b1912f8a', role: "alert" }, this.assistiveText), index.h("div", { key: '05d8ab84c0b9f6bbbac6399f2c36f34890427851', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: 'da679caf7cb8f391e3827147016600a8e3d77989' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -387,7 +387,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'd9b53b131c58858a0922190df599fae2cb170aee' }, index.h("span", { key: '38b8fec15b9df157099cfb41830f2f982067fec4', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'd0885325a096e957caae2c9072cb4fd8041271f8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '42e5fe554b7cc0eb1f65a712b6e97ef9d743c1b9', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '86c46bec2444aeaacb597bce3caf05c7251429db', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'bfb2d7f4383387bc1ac55bb3d67f3c7197548e4f', size: 16 }))))));
+        return (index.h(index.Host, { key: '314bb385a4dfd4fc3aac39b3eff6c94e173b3170' }, index.h("span", { key: 'b9a9454b145a745300d60fdf97f2970b7c2de009', class: className, part: "tag" }, this.icon && (index.h("span", { key: '88a14178eb5b7d0d8cbfba7e30b5af17b6125582', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'e52a51ff097e0783a6dbd6ddf0fbc0fa6936b307', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '65c89bf99db994ae16146ee725af001c2f83960a', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '6e1335d3304150b3172e4b93ba8e89773bfcfe57', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'fd5828daef1aa992e56f7c9a6690a4c40c417386' }, index.h("nav", { key: '85ec8ca7de4dc9ceee91ed3b8a2e9aa13cc651ea', "aria-label": this.label, class: className }, index.h("ul", { key: '758755def1a59f6ab430af2f2a0728c6157b2ec5', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '481f9d3104c68c57727601f3ab2e9a3fa444d7a9', class: "pagination__list-item" }, index.h("label", { key: '32a011f61545842c082c59490d758445febd51d3', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'ace70a0f5cccdf3185dd08c39f140276a0f20fdb' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '692ed8462b9a3068cd21a3d83249f4ecdd370b8e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'a58bc07cd66bc08ba79708375288609a1b52805a', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '1cbe6c829bd9355ffd4c2224cd8f474b47aec160', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '98211374679e0fb31573ab511aebfcbe1e1dfd3e', class: "pagination__list-item" }, index.h("swirl-button", { key: '411e161714c8caf0ce8c161de8613b69a11cd28b', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '8eeecff0a21bb018964bc73243dc29d29c100626', class: "pagination__list-item" }, index.h("swirl-button", { key: '9cb773c62981736496db8252c7691146ac49521d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'f79373b7acd8018d0ed4cba843620fe2c612f732', class: "pagination__list-item" }, index.h("swirl-button", { key: '2209e4f21d72b6c89a50d610217b3e2ca280515a', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '1dabc1a5325ff2a285a40c29441e7906c9196f2f', class: "pagination__list-item" }, index.h("swirl-button", { key: 'cb2995ca729334abff0f8757415208a26f0fdc99', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: 'abc4ff95b3b679a1f591b52b37495255e6d949bb' }, index.h("nav", { key: '2c704372de6cb1ca463aaaa4e04cbd7f85daf54c', "aria-label": this.label, class: className }, index.h("ul", { key: '9190fb75c511723d4cb09b7794ac9b3f339c684b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'bdaf6dafa58eba723af279f48a329ade4bfa1786', class: "pagination__list-item" }, index.h("label", { key: 'bf966767c46eefe1d3defa85fab667c340a63a31', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '251b62b58522afd0ed8217b228f6425b57ba3d1e' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'e95db113db399512aebdca2ea823ddea845cf78f', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '82353029ac2e3cc3a13d35a5a3642ac6ce930efc', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '850004da0a73785a21cc75380ed6c9bc615e5f08', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '9f7b8e9868bdd07d95f5a3d1c86e7b6a50b85069', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e571aa451e3acd173de1415d22e6ac6db9e9d2d8', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '407634f3f4d7ea7b3fbccb4961df157f9df72f45', class: "pagination__list-item" }, index.h("swirl-button", { key: 'efcd5adc949ebba3b9952db9478ca0d47eda90d0', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '019150d90def566c21b5354e9d8005e1de255872', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd8a6c957634b57d23d7ff532a182fc7e0d525fe0', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'db54b2c2ca62d625b9b24f722900ff304e9c1da5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ca0fdf54ba4ca018e2a8f84dad9b77b8f1327244', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

package/dist/cjs/swirl-pdf-reader.cjs.entry.js CHANGED Viewed

@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '612bd147d17e41355fb0f1b9e4b6064216fe3842' }, index.h("section", { key: '03d8187e74ee8b809d33a9ba897878e157830f80', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '11249ed29b988e8d7d0042c3ead5fc02fb13e522', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'f9c76b57eecbea6212d7d898450e77eaa7fe919d', class: "pdf-reader__header" }, index.h("span", { key: 'f4bbcb98f15fa0c86a872846692a02d88dd3d25c', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'd6ef2850743e9cdbf5368cd8d02f286c5a34bf33', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '52664923e35a4607febd406a2f0f98f210b15a52', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '8a07dc059f06101956b4a015315d0ba3dca3f46a', class: "pdf-reader__header-center" }, index.h("span", { key: '0a13f8e87c5b4c38ee8f982c58d451ef12033b84', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '09b2edf02770f2d2745cc75698c0f682f851c7b0', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '085d522497a1c2ea9f7800afc0016a8b6e359e93', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '044e6fa8983ade321aa21faeba6b82c2e16b41a3', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '739eb7e8e0b6e6768460dff1966e51599092bb16', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '63956ef1e64b955a4096ff8ff337dd284e500f3e', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '2f393ca10723070340d7df6732a3477ee41c2ecd', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '01ed1c81a3c7ab07c6ea7ae01cab77ee6281ccf1', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '238d13e097e205268bf06c668453b77467846732', swirlPopover: this.menu }, index.h("swirl-button", { key: 'c87a9fcd965fcf5289d6649ba84651b7c958384a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '3622aab6f238006fe98578281375d2547b9b9cb8', class: "pdf-reader__floating-tools" }, index.h("button", { key: '312144b55e43ad811b8ee1937504d8a4dac5b12f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'f687075870efc08fabdfb50dee1248793c9ac03a' })), index.h("button", { key: '83c7a1294cfd4c076cec3ded93a920d38cea9bd4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'b95c7e6a73124ce3edd67b317e8b1e65e4ad8ef9' })))), index.h("div", { key: '02f857fceda55cba3e1e92f6cb65831e49624c02', class: "pdf-reader__content" }, index.h("nav", { key: 'a3868ccd3fdb7a5f6ca9b5d67fe83eb31afc2578', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'dfb9c63962cf161439c2bfd0798ce5276dab0380' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'd94604d6ca904d483d45c5022c7c022fb125d473' }, index.h("section", { key: 'c299e8ef15d96b505b364733672f8af3970777a9', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '45a83d8aefba0159ea99b7cf83d88eb6007a83d4', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'edd12247a8b8c0f27ff01dc1a7a4ab07fef33408', class: "pdf-reader__header" }, index.h("span", { key: '816284a5f370723fa463ca20ea6daf7353d4eac0', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '13b8f1471458f4c0e8e14214ab3f1980703e73c7', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'b05dd251651d47633d202df65ff2e4bd870f829c', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'f808f875bd9c3467671e4c8f7cc8355b49c4cbbb', class: "pdf-reader__header-center" }, index.h("span", { key: 'ea3992b70eb54fa61cbfe79cd9b1be1c0f720b3c', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '008a6914e7b5988af3edf1bea7947ee33dcc2742', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'ec797715ecc48cf942107a2f99a0e1c7eb236380', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '0e812cb496e37a057e5f629816f7878deeaa7048', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'c1958b8e5e97d26abde168c7a5fadcf5e9a5a196', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '02495a5b7106d83b4b06bd6091966a0a38b1935e', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: 'a6a6efc79b8e3b4ec5764843aaef468c28638793', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '914948514591ae278d3b27f9c69df34663eaaf61', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c2b9779786ffc15d8afbf0749f699b0f17e62474', swirlPopover: this.menu }, index.h("swirl-button", { key: 'e64312b9d130a862717fb5ccd28f3a9c133b82b6', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '7e1885ea98847223cc8e4ae23b1ad62bd4ce7f0f', class: "pdf-reader__floating-tools" }, index.h("button", { key: '8cb77a25da720aee5a49f3e759076c00f4ac0166', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '737608d7eceabe17f1510f4ad8d5d7c6788fdff2' })), index.h("button", { key: 'c5ba473864588531134aaf2372ca5072968484a1', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '17c9d6fd30ed4539a3661a367cf9a80d61785362' })))), index.h("div", { key: '868ff1d9f755951ff6d1236b167d361c08707198', class: "pdf-reader__content" }, index.h("nav", { key: 'dd4a935fa7fd3e8cc2d114a445882a4093d91ba9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '744a233981239f4f737fb7cb2e67aec7b6a6ba16' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '93938bdd7b5362cbe52ccc0ea2e7c7b686f314ed', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '3133951eb617ba518fbf62513ba42755afe909cf', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '8cdd0eb893bca27a299ddfd375b6127e5e3f79a9', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '8f01067b5147de722b03cb94bdb1bc734740cf25', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'ed1aa66b68076cde83ab9eb468845f71b8af44af' })), index.h("button", { key: '8ee530cfd6012d39d9b646c2a382cbadca660757', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '095322680cca2d07d6c7b52a1df4695c7502a445' }))))), index.h("swirl-popover", { key: '54dd9e6b1f06140137ee8b0e37d6cabe579d9ddf', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '720836c4a5869036c3025a1a44f5cf93484c3ef9' }, index.h("div", { key: 'a577a5f2743790c2dd8f3b3412b2999573e68038', class: "pdf-reader__meta" }, index.h("div", { key: '31e0ca3f6ec1dc539a893f794e351f15bf445198', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'f75bc29de9f3ddcf713cb50b1bf6b64a2b350bae', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '5a60c67c332cdf15bf85a5c252acd4469216d9ff', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'c83dc30648ba8e1b904b63850c3fe99a81a95951', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '308389651c765f4e81a85d90d278ef35facf1343', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '9d2e2ea411ad592958aa358f64a8b6b95c3c344a', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '916ba556229efc5c0794bbc020b282dba7e224f9', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: 'fe78c7e963eba30ad4c4dfed352af2837f83246c', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'b3f856ea3bf55b4ce19328b4a7fc0f05e6129dad', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '9c5b9974167a0a54d2627ceeaf867ba3c5a35e5e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '73a5766dfc6a388ec6add12c0da3f2d5820325b2', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '972100f36563f12c161be9719096e05617e05640', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'd6a636b436930fde266b140de6b2a6d73cb90a46', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'ef07981e306086557a13f37e2dbf6989d9a942d0' }), index.h("swirl-action-list", { key: 'f5042d9a69eb11f273913ca596cb3caeebb77600', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '9965826ab88ca866a5dc1e00c17b1ae4119aa3fd', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'e8f29cf01db7c1f4ad8ec6fae7c1f23cb0ccf837', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: 'ac5cfa4a3e1098b70b4644bc930b8c0f4fd50f6b', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '7b0b7ada4c02cab4b87d7bedb0602a0cc5f9c2b3', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '1eb2a1f9deb3f827efe7cc992a04307650c88419', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'a7d490474fb2e97e1d4d1d26a567cbd9a3477f95', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'e46c7392942767a7d4c757a6e063434572b09aa9' })), index.h("button", { key: 'e4f52599264d6c3e63c10f9a6f9ef18cc24c4574', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '7fa01427aa5824590c655f2cf7837d98062bee80' }))))), index.h("swirl-popover", { key: '67c80a5e6098991a7990db027ce95faf034e184e', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'b5ed48f43910cded3c00bb1f28b941b358c490a8' }, index.h("div", { key: '4b258c40f6ba86e3821e4fc9dbbc368ae1842c65', class: "pdf-reader__meta" }, index.h("div", { key: 'd1aff2c4008e75804a2c03d5120dabef824ab199', class: "pdf-reader__file-icon" }, index.h("svg", { key: '79bfc1ec59d4b1447ac5e6493f6e04b910054cde', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '82dfda05d713e98721a21c415d3e709ee52e7809', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'cd45d1e979e2539b6d3fc8c299dfd7f5030dba38', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'f5c5fcc23be0fa21b2bd465fed9d6b1fad535fb2', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '283abe54d3795c6937c9fdae8fe705bea7d66b2b', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '609c9319006f0a35dc1cad14b1f8945119429032', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '0f04b0727c92f420a7947e2c775e08a7a87b9441', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '476a914639ac1ed0b4365c80751af9869016e34a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'add2c8f212b4a6e1456ce78bfa1e95fdb6bc0723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'cd5256de253a62e58704586953a11b8f17a80e99', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '9b8e67dd594f188b0a748466ff193fe06582fa14', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '702b1843a1c959541024cd728d83afd143b50a1c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'dc3ab1584465e74611966687bd6fab15204fedda' }), index.h("swirl-action-list", { key: '5fae281b392ef8fd0e8588f3dabc60b9127c359f', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '0d0b33194ac47de8a0f8f03ae89702fa016a802a', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'ded6434c611110e031ab890d3e5bce64fb4e8670', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '2be7796182999cf7d54323b7212a23465eedc711', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '104eddf7353239799567d3de23d08a1d0ec3c140', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -260,14 +260,14 @@ const SwirlPopover = class {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (index.h(index.Host, { key: 'dff8b4f3b19fcd5f3c9c439b513199c73314097d' }, index.h("div", { key: '1aaf476cc98d8746b4378a567aae9f5584a72367', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '4147bb4527fd3a4f21742677d59458a920ec3e0d', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '69db1b742f6525ac94a7eec41664c685ab3a24fa' }, index.h("div", { key: '9c4b5adbc6cd28688da341cca2548895d43a870a', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '586537c7134a0f94b77f726db96e1247eba82aaf', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '3199060d11b4b37abe74aaaf69c982cad131db5c', class: "popover__handle" }), index.h("div", { key: '97b22d0ac374b8d2871db27b83f5a344be276ddd', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '19ca6fc58979c7b80510df9213e0956b5ed74473', class: "popover__handle" }), index.h("div", { key: '5fe1a0cedb671f6289a6bc793896b83a8def0366', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'b1cea1c112cbdd7b50e658dfefac32d12368cee2' }))), this.active && (index.h("div", { key: 'f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'ce8c6356355276acfd1936e2ee41d0311fe99c82' }))), this.active && (index.h("div", { key: 'f3d2a6387153094bbf7c11c83c365ec8143ec837', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -436,7 +436,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '975b9b0de8c82fffc52a1353b5fd54f8fef664d5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'b6824f472c025bd2a553e743b253b81e2ddb6012' })));
+        return (index.h(index.Host, { key: 'a457fa3483ebf0347b9b9a76202fbbf4f4c89ef5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'f247d14d7a77954e058267d2e3e237dc3764b49c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-progress-indicator.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '7897987969e8d8a39f42303e728cd09749dfe7df', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '912083c88e1aed68a9f43b896a63ab49d9524b0b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '73c3aac5a5f90d4e77fe71aea94b5c4c6c00551e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '26ff5fe7d79265e08bc5b98d277f379e249389c9', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '3e3690c82681d940eb0d75a4b67171c1729c26d0', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '60885e1890680d84a1ae81c6028110ca9043224c', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: 'e0b2e08fe20462ae55a48a58af5f065f26f6b2d2', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'e8c311ffc18cf15bf9be4c71ee1fb4ec89790c48', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '06dfde083b8cea9e7dfe32093eda4f849303ec5c', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'e410ae2c6f2008c50651087aed7d4ab032988a6c', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'f7ae1672e590d84fc01e135dad7cefc50edaa9c6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '691bc484c0cea716dd3a944ac48ab1bd83013f76', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

package/dist/cjs/swirl-radio-group.cjs.entry.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '921b999324cb197933c94197c2c9f4cd64dedb35', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'b73e3ccdceb5da61cf92962c185ace4a13185a81', class: "radio-group" }, index.h("slot", { key: '96adb30518202f1c9c3a3d7356665bcb03258551' }))));
+        return (index.h(index.Host, { key: 'e71f4a21aa57fb482efae58ca7d2878278cad3eb', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'c4dca805f927d4f2cd16df7e63028dd30491888f', class: "radio-group" }, index.h("slot", { key: '156d5c755e7424985e3140d70255bd30b906d8ab' }))));
     }
     get el() { return index.getElement(this); }
 };