npm - @getflip/swirl-components - Versions diffs - 0.376.0 → 0.378.0 - Mend

@getflip/swirl-components 0.376.0 → 0.378.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 (1866) hide show

package/dist/collection/components/swirl-icon/icons/swirl-icon-volume-up.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconVolumeUp {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '490584e9c4adfd210c404e43d74c796e37183443', "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 && (h(Fragment, { key: '44fea4ecfcabe151446eef69b899a7a4010bee8a' }, h("path", { key: '6dbaae535a3872384c62d749d58a01b664808dc1', d: "M12.6667 7.98325C12.6667 7.06103 12.4222 6.21936 11.9333 5.45825C11.4444 4.69714 10.7889 4.1277 9.96667 3.74992C9.8 3.67214 9.67778 3.5527 9.6 3.39159C9.52222 3.23047 9.51111 3.06659 9.56667 2.89992C9.63333 2.72214 9.75278 2.59436 9.925 2.51659C10.0972 2.43881 10.2722 2.43881 10.45 2.51659C11.5278 2.99436 12.3889 3.72492 13.0333 4.70825C13.6778 5.69159 14 6.78325 14 7.98325C14 9.18325 13.6778 10.2749 13.0333 11.2583C12.3889 12.2416 11.5278 12.9721 10.45 13.4499C10.2722 13.5277 10.0972 13.5277 9.925 13.4499C9.75278 13.3721 9.63333 13.2444 9.56667 13.0666C9.51111 12.8999 9.52222 12.736 9.6 12.5749C9.67778 12.4138 9.8 12.2944 9.96667 12.2166C10.7889 11.8388 11.4444 11.2694 11.9333 10.5083C12.4222 9.74714 12.6667 8.90547 12.6667 7.98325ZM4.66667 9.99992H2.66667C2.47778 9.99992 2.31944 9.93603 2.19167 9.80825C2.06389 9.68047 2 9.52214 2 9.33325V6.66659C2 6.4777 2.06389 6.31936 2.19167 6.19159C2.31944 6.06381 2.47778 5.99992 2.66667 5.99992H4.66667L6.86667 3.79992C7.07778 3.58881 7.31944 3.54159 7.59167 3.65825C7.86389 3.77492 8 3.98325 8 4.28325V11.7166C8 12.0166 7.86389 12.2249 7.59167 12.3416C7.31944 12.4583 7.07778 12.411 6.86667 12.1999L4.66667 9.99992ZM11 7.99992C11 8.46659 10.8944 8.90825 10.6833 9.32492C10.4722 9.74159 10.1944 10.0833 9.85 10.3499C9.73889 10.4166 9.625 10.4194 9.50833 10.3583C9.39167 10.2971 9.33333 10.1999 9.33333 10.0666V5.89992C9.33333 5.76659 9.39167 5.66936 9.50833 5.60825C9.625 5.54714 9.73889 5.54992 9.85 5.61659C10.1944 5.89436 10.4722 6.24436 10.6833 6.66659C10.8944 7.08881 11 7.53325 11 7.99992ZM6.66667 5.89992L5.23333 7.33325H3.33333V8.66659H5.23333L6.66667 10.0999V5.89992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3e779d9b168af53956b7ef1a9510d9ded416ac1d' }, h("path", { key: '01e5519db955c06dcd358b551bfe24f1d1d85cde', d: "M19 11.975C19 10.5917 18.6333 9.32917 17.9 8.1875C17.1667 7.04583 16.1833 6.19167 14.95 5.625C14.7 5.50833 14.5167 5.32917 14.4 5.0875C14.2833 4.84583 14.2667 4.6 14.35 4.35C14.45 4.08333 14.6292 3.89167 14.8875 3.775C15.1458 3.65833 15.4083 3.65833 15.675 3.775C17.2917 4.49167 18.5833 5.5875 19.55 7.0625C20.5167 8.5375 21 10.175 21 11.975C21 13.775 20.5167 15.4125 19.55 16.8875C18.5833 18.3625 17.2917 19.4583 15.675 20.175C15.4083 20.2917 15.1458 20.2917 14.8875 20.175C14.6292 20.0583 14.45 19.8667 14.35 19.6C14.2667 19.35 14.2833 19.1042 14.4 18.8625C14.5167 18.6208 14.7 18.4417 14.95 18.325C16.1833 17.7583 17.1667 16.9042 17.9 15.7625C18.6333 14.6208 19 13.3583 19 11.975ZM7 15H4C3.71667 15 3.47917 14.9042 3.2875 14.7125C3.09583 14.5208 3 14.2833 3 14V10C3 9.71667 3.09583 9.47917 3.2875 9.2875C3.47917 9.09583 3.71667 9 4 9H7L10.3 5.7C10.6167 5.38333 10.9792 5.3125 11.3875 5.4875C11.7958 5.6625 12 5.975 12 6.425V17.575C12 18.025 11.7958 18.3375 11.3875 18.5125C10.9792 18.6875 10.6167 18.6167 10.3 18.3L7 15ZM16.5 12C16.5 12.7 16.3417 13.3625 16.025 13.9875C15.7083 14.6125 15.2917 15.125 14.775 15.525C14.6083 15.625 14.4375 15.6292 14.2625 15.5375C14.0875 15.4458 14 15.3 14 15.1V8.85C14 8.65 14.0875 8.50417 14.2625 8.4125C14.4375 8.32083 14.6083 8.325 14.775 8.425C15.2917 8.84167 15.7083 9.36667 16.025 10C16.3417 10.6333 16.5 11.3 16.5 12ZM10 8.85L7.85 11H5V13H7.85L10 15.15V8.85Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '615bab09457f43e03ef91ddd2a394dfe59768940' }, h("path", { key: 'deec31bce25d24e198be0cfa0f9d0f2f27493794', d: "M22.1667 13.9708C22.1667 12.3569 21.7389 10.8839 20.8833 9.552C20.0278 8.22006 18.8806 7.22353 17.4417 6.56242C17.15 6.42631 16.9361 6.21728 16.8 5.93534C16.6639 5.65339 16.6444 5.36659 16.7417 5.07492C16.8583 4.76381 17.0674 4.5402 17.3688 4.40409C17.6701 4.26797 17.9764 4.26797 18.2875 4.40409C20.1736 5.2402 21.6806 6.51867 22.8083 8.2395C23.9361 9.96034 24.5 11.8708 24.5 13.9708C24.5 16.0708 23.9361 17.9812 22.8083 19.702C21.6806 21.4228 20.1736 22.7013 18.2875 23.5374C17.9764 23.6735 17.6701 23.6735 17.3688 23.5374C17.0674 23.4013 16.8583 23.1777 16.7417 22.8666C16.6444 22.5749 16.6639 22.2881 16.8 22.0062C16.9361 21.7242 17.15 21.5152 17.4417 21.3791C18.8806 20.718 20.0278 19.7214 20.8833 18.3895C21.7389 17.0576 22.1667 15.5846 22.1667 13.9708ZM8.16667 17.4999H4.66667C4.33611 17.4999 4.05903 17.3881 3.83542 17.1645C3.61181 16.9409 3.5 16.6638 3.5 16.3333V11.6666C3.5 11.336 3.61181 11.0589 3.83542 10.8353C4.05903 10.6117 4.33611 10.4999 4.66667 10.4999H8.16667L12.0167 6.64992C12.3861 6.28047 12.809 6.19784 13.2854 6.402C13.7618 6.60617 14 6.97075 14 7.49575V20.5041C14 21.0291 13.7618 21.3937 13.2854 21.5978C12.809 21.802 12.3861 21.7194 12.0167 21.3499L8.16667 17.4999ZM19.25 13.9999C19.25 14.8166 19.0653 15.5895 18.6958 16.3187C18.3264 17.0478 17.8403 17.6458 17.2375 18.1124C17.0431 18.2291 16.8438 18.2339 16.6396 18.127C16.4354 18.0201 16.3333 17.8499 16.3333 17.6166V10.3249C16.3333 10.0916 16.4354 9.92145 16.6396 9.8145C16.8438 9.70756 17.0431 9.71242 17.2375 9.82909C17.8403 10.3152 18.3264 10.9277 18.6958 11.6666C19.0653 12.4055 19.25 13.1833 19.25 13.9999ZM11.6667 10.3249L9.15833 12.8333H5.83333V15.1666H9.15833L11.6667 17.6749V10.3249Z", fill: "currentColor" })))));
+        return (h("svg", { key: '1a4680f7ffed0a0c0122e8e5539f4d6c890eb1df', "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 && (h(Fragment, { key: 'e4d7af2ce6d2816886810468940e62d385aa21e5' }, h("path", { key: '4c86f1819dc250ccef59f9ef90ef84f15915f048', d: "M12.6667 7.98325C12.6667 7.06103 12.4222 6.21936 11.9333 5.45825C11.4444 4.69714 10.7889 4.1277 9.96667 3.74992C9.8 3.67214 9.67778 3.5527 9.6 3.39159C9.52222 3.23047 9.51111 3.06659 9.56667 2.89992C9.63333 2.72214 9.75278 2.59436 9.925 2.51659C10.0972 2.43881 10.2722 2.43881 10.45 2.51659C11.5278 2.99436 12.3889 3.72492 13.0333 4.70825C13.6778 5.69159 14 6.78325 14 7.98325C14 9.18325 13.6778 10.2749 13.0333 11.2583C12.3889 12.2416 11.5278 12.9721 10.45 13.4499C10.2722 13.5277 10.0972 13.5277 9.925 13.4499C9.75278 13.3721 9.63333 13.2444 9.56667 13.0666C9.51111 12.8999 9.52222 12.736 9.6 12.5749C9.67778 12.4138 9.8 12.2944 9.96667 12.2166C10.7889 11.8388 11.4444 11.2694 11.9333 10.5083C12.4222 9.74714 12.6667 8.90547 12.6667 7.98325ZM4.66667 9.99992H2.66667C2.47778 9.99992 2.31944 9.93603 2.19167 9.80825C2.06389 9.68047 2 9.52214 2 9.33325V6.66659C2 6.4777 2.06389 6.31936 2.19167 6.19159C2.31944 6.06381 2.47778 5.99992 2.66667 5.99992H4.66667L6.86667 3.79992C7.07778 3.58881 7.31944 3.54159 7.59167 3.65825C7.86389 3.77492 8 3.98325 8 4.28325V11.7166C8 12.0166 7.86389 12.2249 7.59167 12.3416C7.31944 12.4583 7.07778 12.411 6.86667 12.1999L4.66667 9.99992ZM11 7.99992C11 8.46659 10.8944 8.90825 10.6833 9.32492C10.4722 9.74159 10.1944 10.0833 9.85 10.3499C9.73889 10.4166 9.625 10.4194 9.50833 10.3583C9.39167 10.2971 9.33333 10.1999 9.33333 10.0666V5.89992C9.33333 5.76659 9.39167 5.66936 9.50833 5.60825C9.625 5.54714 9.73889 5.54992 9.85 5.61659C10.1944 5.89436 10.4722 6.24436 10.6833 6.66659C10.8944 7.08881 11 7.53325 11 7.99992ZM6.66667 5.89992L5.23333 7.33325H3.33333V8.66659H5.23333L6.66667 10.0999V5.89992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bc522b4e1f6be0ce0c642b931a57e23e56d19e08' }, h("path", { key: '4c8dc10ed4b52a3904911319ffbd347c7a5f027c', d: "M19 11.975C19 10.5917 18.6333 9.32917 17.9 8.1875C17.1667 7.04583 16.1833 6.19167 14.95 5.625C14.7 5.50833 14.5167 5.32917 14.4 5.0875C14.2833 4.84583 14.2667 4.6 14.35 4.35C14.45 4.08333 14.6292 3.89167 14.8875 3.775C15.1458 3.65833 15.4083 3.65833 15.675 3.775C17.2917 4.49167 18.5833 5.5875 19.55 7.0625C20.5167 8.5375 21 10.175 21 11.975C21 13.775 20.5167 15.4125 19.55 16.8875C18.5833 18.3625 17.2917 19.4583 15.675 20.175C15.4083 20.2917 15.1458 20.2917 14.8875 20.175C14.6292 20.0583 14.45 19.8667 14.35 19.6C14.2667 19.35 14.2833 19.1042 14.4 18.8625C14.5167 18.6208 14.7 18.4417 14.95 18.325C16.1833 17.7583 17.1667 16.9042 17.9 15.7625C18.6333 14.6208 19 13.3583 19 11.975ZM7 15H4C3.71667 15 3.47917 14.9042 3.2875 14.7125C3.09583 14.5208 3 14.2833 3 14V10C3 9.71667 3.09583 9.47917 3.2875 9.2875C3.47917 9.09583 3.71667 9 4 9H7L10.3 5.7C10.6167 5.38333 10.9792 5.3125 11.3875 5.4875C11.7958 5.6625 12 5.975 12 6.425V17.575C12 18.025 11.7958 18.3375 11.3875 18.5125C10.9792 18.6875 10.6167 18.6167 10.3 18.3L7 15ZM16.5 12C16.5 12.7 16.3417 13.3625 16.025 13.9875C15.7083 14.6125 15.2917 15.125 14.775 15.525C14.6083 15.625 14.4375 15.6292 14.2625 15.5375C14.0875 15.4458 14 15.3 14 15.1V8.85C14 8.65 14.0875 8.50417 14.2625 8.4125C14.4375 8.32083 14.6083 8.325 14.775 8.425C15.2917 8.84167 15.7083 9.36667 16.025 10C16.3417 10.6333 16.5 11.3 16.5 12ZM10 8.85L7.85 11H5V13H7.85L10 15.15V8.85Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8d8cc5b3810514746cfdbc24f642eef4aae9bb8f' }, h("path", { key: 'a1b5120c9a06201c6940cfb6409e0d5db842411c', d: "M22.1667 13.9708C22.1667 12.3569 21.7389 10.8839 20.8833 9.552C20.0278 8.22006 18.8806 7.22353 17.4417 6.56242C17.15 6.42631 16.9361 6.21728 16.8 5.93534C16.6639 5.65339 16.6444 5.36659 16.7417 5.07492C16.8583 4.76381 17.0674 4.5402 17.3688 4.40409C17.6701 4.26797 17.9764 4.26797 18.2875 4.40409C20.1736 5.2402 21.6806 6.51867 22.8083 8.2395C23.9361 9.96034 24.5 11.8708 24.5 13.9708C24.5 16.0708 23.9361 17.9812 22.8083 19.702C21.6806 21.4228 20.1736 22.7013 18.2875 23.5374C17.9764 23.6735 17.6701 23.6735 17.3688 23.5374C17.0674 23.4013 16.8583 23.1777 16.7417 22.8666C16.6444 22.5749 16.6639 22.2881 16.8 22.0062C16.9361 21.7242 17.15 21.5152 17.4417 21.3791C18.8806 20.718 20.0278 19.7214 20.8833 18.3895C21.7389 17.0576 22.1667 15.5846 22.1667 13.9708ZM8.16667 17.4999H4.66667C4.33611 17.4999 4.05903 17.3881 3.83542 17.1645C3.61181 16.9409 3.5 16.6638 3.5 16.3333V11.6666C3.5 11.336 3.61181 11.0589 3.83542 10.8353C4.05903 10.6117 4.33611 10.4999 4.66667 10.4999H8.16667L12.0167 6.64992C12.3861 6.28047 12.809 6.19784 13.2854 6.402C13.7618 6.60617 14 6.97075 14 7.49575V20.5041C14 21.0291 13.7618 21.3937 13.2854 21.5978C12.809 21.802 12.3861 21.7194 12.0167 21.3499L8.16667 17.4999ZM19.25 13.9999C19.25 14.8166 19.0653 15.5895 18.6958 16.3187C18.3264 17.0478 17.8403 17.6458 17.2375 18.1124C17.0431 18.2291 16.8438 18.2339 16.6396 18.127C16.4354 18.0201 16.3333 17.8499 16.3333 17.6166V10.3249C16.3333 10.0916 16.4354 9.92145 16.6396 9.8145C16.8438 9.70756 17.0431 9.71242 17.2375 9.82909C17.8403 10.3152 18.3264 10.9277 18.6958 11.6666C19.0653 12.4055 19.25 13.1833 19.25 13.9999ZM11.6667 10.3249L9.15833 12.8333H5.83333V15.1666H9.15833L11.6667 17.6749V10.3249Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-volume-up"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-warning.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconWarning {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'b3acc373491ef7dc35cb1e6eca850a28ab907be4', "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 && (h(Fragment, { key: '06b534831db81d5d2a1a4fe29810bb359e679d75' }, h("path", { key: '38de6ee56e8c9ac05ee93ebbeb868d6f65096d55', d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12ZM2.96666 12.6667H13.0333L7.99999 4L2.96666 12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '03227d0dbf87a2da73f58a4fd5780f514a03a890' }, h("path", { key: '84423dd384567b7dec0fed2c429b743cd170598d', d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18ZM4.44999 19H19.55L12 6L4.44999 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'db9331d39eb0ebb2adc82e1a424f29630952f515' }, h("path", { key: 'c1872bafe178d831c1b4a048731d39fb49e83e04', d: "M3.17918 24.5C2.73196 24.5 2.40141 24.3056 2.18752 23.9167C1.97363 23.5278 1.97363 23.1389 2.18752 22.75L12.9792 4.08333C13.1931 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.807 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.2681 24.5 24.8208 24.5H3.17918ZM14 11.6667C13.6695 11.6667 13.3926 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3926 17.388 13.6695 17.5 14 17.5C14.3306 17.5 14.6078 17.388 14.8318 17.164C15.0551 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.0551 12.2255 14.8318 12.0015C14.6078 11.7783 14.3306 11.6667 14 11.6667ZM14 21C14.3306 21 14.6078 20.888 14.8318 20.664C15.0551 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.0551 19.2259 14.8318 19.0027C14.6078 18.7787 14.3306 18.6667 14 18.6667C13.6695 18.6667 13.3926 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3926 20.888 13.6695 21 14 21ZM5.19168 22.1667H22.8083L14 7L5.19168 22.1667Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'ce5859728dbe40bc70bd8a484b4728137689df12', "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 && (h(Fragment, { key: '8875794beb0ba2bef7b89deac90835fe3438e4f5' }, h("path", { key: '4a7c620cf10c43f214ebdcdbe09c3c3e4d06d95a', d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12ZM2.96666 12.6667H13.0333L7.99999 4L2.96666 12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '87718e09268b9ecbcba044e9dfe35363ea5b7990' }, h("path", { key: '05db15091ac8a6cc92741bf5662a4a8d1361d399', d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18ZM4.44999 19H19.55L12 6L4.44999 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ba2556d99b1be713cb34ac72b8e87f9bb9ea703f' }, h("path", { key: '8838c8696594502497653aa628b9e6ef7a0eba0d', d: "M3.17918 24.5C2.73196 24.5 2.40141 24.3056 2.18752 23.9167C1.97363 23.5278 1.97363 23.1389 2.18752 22.75L12.9792 4.08333C13.1931 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.807 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.2681 24.5 24.8208 24.5H3.17918ZM14 11.6667C13.6695 11.6667 13.3926 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3926 17.388 13.6695 17.5 14 17.5C14.3306 17.5 14.6078 17.388 14.8318 17.164C15.0551 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.0551 12.2255 14.8318 12.0015C14.6078 11.7783 14.3306 11.6667 14 11.6667ZM14 21C14.3306 21 14.6078 20.888 14.8318 20.664C15.0551 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.0551 19.2259 14.8318 19.0027C14.6078 18.7787 14.3306 18.6667 14 18.6667C13.6695 18.6667 13.3926 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3926 20.888 13.6695 21 14 21ZM5.19168 22.1667H22.8083L14 7L5.19168 22.1667Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-warning"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset-off.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconWebAssetOff {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '7134604a1589b1dfdbc0adc388bc8fb9c16cc8c3', "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 && (h(Fragment, { key: '820e0a115a7c691e79e2bb35f8fc820e3edc960b' }, h("path", { key: '5759197f4ec8ae47416dbac3315f262743fb0ec6', 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) && (h(Fragment, { key: '500fb06ec88d73c0c42a42bd878ebe5d1aec67ee' }, h("path", { key: 'b16f3ae82994c3245ff65db01783e501860a50d7', 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 && (h(Fragment, { key: '429973fd81fde5cf9df9ef13a0300b084ca19910' }, h("path", { key: '6c76105ae63433618d325a07c042c7a9b6d83a78', 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 (h("svg", { key: '467a223113498ca04f0ea87f51cdaa26c166c1d4', "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 && (h(Fragment, { key: '32d8a4580efe94e854b491bd0c618c4d83a509aa' }, h("path", { key: '38be0bfbac4d143d7460fa47d1e4a9320af3cad8', 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) && (h(Fragment, { key: '102bf97c3e9a0f49eca005049bc2d0b11cb74a88' }, h("path", { key: '217a234913947b82824e9ba67e66ec21d740fd23', 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 && (h(Fragment, { key: '6922474d9d5289c675c1e741727e20266fd3f11d' }, h("path", { key: 'bca66191bb1e9c3d9d07e86de79624a73578ba52', 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" })))));
     }
     static get is() { return "swirl-icon-web-asset-off"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconWebAsset {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '91d31f2053b7149c28d2528dc1dc0d31c06e27e2', "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 && (h(Fragment, { key: '4f6214fbb9566018d36f3f5025c46d9501ff94b3' }, h("path", { key: 'c18776adc0561da65e8fb9480c4cfb6cc0f11203', 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) && (h(Fragment, { key: '2228b33aaf71c13b97516284090c76714d37830e' }, h("path", { key: '0c0707e9828ee424f7aee496fe0bd8f0af946b61', 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 && (h(Fragment, { key: 'd1a3ff47ad2684495e9fde2c55c5edd91b96a2e0' }, h("path", { key: '482a1cece3582e4c54b41db53ce6192aac6a6739', 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 (h("svg", { key: '197ab5503dcf8eb31a7774f27be80d2fd6936f29', "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 && (h(Fragment, { key: 'f4056b678b20c341bc9ba5164dded38fe508c19a' }, h("path", { key: 'af546b3fcd8d02cabdc28cfe678db251ebaf404e', 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) && (h(Fragment, { key: 'bc9cadef7b2bc72d681c663900c0c345fa14a619' }, h("path", { key: '769dc068ff6e3a0bce53ada195366780370e9ef7', 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 && (h(Fragment, { key: 'ecadf522159bddcec2a07dadde180a5252fe1b30' }, h("path", { key: '5320b6c34ffb561e884228546d694a7f00f521b2', 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" })))));
     }
     static get is() { return "swirl-icon-web-asset"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-work.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlIconWork {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '66b65a1786ec78bacee4766963de5c3d99f04b1a', "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 && (h(Fragment, { key: '73b58ec70d304d8a818b029f895e227ce951b52b' }, h("path", { key: '4aa6092caf5138ed5d344e694dca741bf445454f', 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) && (h(Fragment, { key: 'c1d22f6ea035a0c70c109c2b2870e93227bb18ed' }, h("path", { key: 'd5188aac3778a9a1535653a7ea4d77890d036a58', 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 && (h(Fragment, { key: '362706d0610602aa36225ade7b57c437cbce3794' }, h("path", { key: '23275538af28083aa123a40c17bb0441ac9ccc8f', 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 (h("svg", { key: 'a5673f16b68dff0e710f0103ff8202d63a7e1bbd', "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 && (h(Fragment, { key: '0ef9bdab64cd7ae47f391f7d16385fb04d33802e' }, h("path", { key: '6d6eca97e982c5162bde90def552a1d0f5643933', 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) && (h(Fragment, { key: 'dd6f3de8a9067aeab023291f4bdebe25735d98f5' }, h("path", { key: '924e049b15fdd00437b3b65853d3dd8d94c52f83', 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 && (h(Fragment, { key: 'c0af15af01b32ff0da4dd6c593581a0480b16ce4' }, h("path", { key: 'f23190784c55b9cfde827b97d7253d226fee9675', 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" })))));
     }
     static get is() { return "swirl-icon-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.css CHANGED Viewed

@@ -165,32 +165,20 @@ button.image-grid-item:focus-visible:after {
     height: 2rem;
   }
-.image-grid-item__gif-controls {
+.image-grid-item__gif-control-button {
   position: absolute;
-  z-index: 1;
-  bottom: var(--s-space-8);
-  left: var(--s-space-8);
+  z-index: 2;
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  opacity: 0;
+  transition: opacity 0.2s;
 }
-.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:hover > .image-grid-item__gif-control-button,
+.image-grid-item:focus-within > .image-grid-item__gif-control-button {
+  opacity: 1;
+}
 .image-grid-item__overlay {
   position: absolute;

package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js CHANGED Viewed

@@ -127,10 +127,10 @@ export class SwirlImageGridItem {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '675aaaefe83d45d310e65f2cb6fd168db429df1e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'f3a6259a8f9da085c13dbdbe119b4c060e40c547', 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 ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '9269385dcf157eb1393bafc15e34498933124998', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '8863f41745b446f16673aba8c7d26a036c0fec3c', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '4a8e2e5931fe208c37fc97e113d91507b4380d7f', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'd42380e1652fe3355f7f54ccc0c43fbada2e04c6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'abafe4a7983861c54cc788fc760ed28b9e4ec7ae', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '54d62c8ae3d44c37f8d79d8892d0b7adde498c3d', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '6c8c0781b308141a4276ce13874b8798d92c5ee6', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'b9c820fb07f1267c2c254bd8ee9a482c86348a6b', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'a0c6eba2a546b2705b1d6e36b06655edb51c9116', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '4389a0b904cc45bae46769f50a4938ffde3f333c', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'c3ecab0214c956fb6687c71c57cab0426b7b9565', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '3a5a903631417a98ab357af903713d9dc2a5ce04', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '1b10a444fd8f037700dde924e297f01ca565a1ef', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-error/swirl-inline-error.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'f337c4a3cf306beb21a8aab29f56cdf1aa18c50a' }, h("span", { key: '469d8d13a5422ee1417665661fa701fc631de84a', class: className, part: "inline-error" }, h("span", { key: 'b6ffebe3eddd929284ff1f59466beda3fb311c23', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '44f1a31a92af8bd93eebe7fc58935ba690e5a1c2' })), h("span", { key: '8b7b1353da57ca708cba3090797bbe6ecb0cdc68', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-notification/swirl-inline-notification.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: 'f05af92c68a8b3949d6b478b77f885185ba32119' }, h("div", { key: 'dfe2626206cc8af2d44c7b44cfd8fb364d3405da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'bf79373b5bd5902e95a801ecec44e40525963b41', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5cae31b55f245b4f9d8aa7d598cb524a044f85df', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'fa006e3eda6102644d140b34c6a9f67b09b08cd7', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'b08fdfeab0389e8ada4b900e397095226246c379', size: 20 }))), h("span", { key: 'a54b17d14bf62a131cc546750af5cb6994eaf816', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c7829d25e4fca758745ed3faf812b3544c593539' }, this.heading))) || (h("swirl-text", { key: '17d5bc32cc74b529f92144fd129f55cc7fe1361b', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '7f5c2df3a604f376b38eb3f42edd8d0fd1219d78' })))));
+        return (h(Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
     }
     static get is() { return "swirl-inline-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-status/swirl-inline-status.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: 'd67b2912b5cf8351ec349444bae702a0bc6f66ca' }, h("span", { key: '382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8', class: className, part: "inline-status" }, this.icon && (h("span", { key: '652aa28a1581cb78685e3e31d2a16621a025fb6a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '712e906a2cb9c58bd665831cb0299f154a8b5990', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-lightbox/swirl-lightbox.js CHANGED Viewed

@@ -303,7 +303,7 @@ export class SwirlLightbox {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'eecbf5c0f10fa3ecce1eb330bb1ceda2f6ef232e' }, h("section", { key: '21ef468cfb69791325247e7d05269fbadb426d76', "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 }, h("div", { key: 'c30aecf021c34b41649f7fc4709a4f3d94e44a48', class: "lightbox__body", role: "document" }, h("header", { key: 'bd4e09b07ab08723c27d6007aba032a8a51938f2', class: "lightbox__header" }, h("button", { key: '81b7c9f0e18fc9fd40c25770c499a754f232cf95', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '64a4c4ca8f00209db05583047d79b0ad5491334f' })), h("div", { key: '84222c5098a05a5d7c0a7a0c15ce9360bb329fc1', class: "lightbox__toolbar" }, h("slot", { key: 'f4ebfc25906b017533528bb345103c4cd99f0407', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '7dd43a7796cacdf06cc3e86aed7e7e3947268136', swirlPopover: this.menu }, h("button", { key: '99641c58805f4116cdc2315fefa975a3ec0288fb', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '659d510626caed19ccfb933f3851bd035d6ac1fa' }))))), h("div", { key: 'f7156f53ba2547c30192824faa153a61d09e4e3b', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '83eab56448483917701d9847850f5acfaa59ec23', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3b626d784f0363ea74295d7f2b8ee9dfbfa5c86b', onSlotchange: this.registerSlides }))), h("div", { key: 'e8064115eb679a906853388b24991b305ae87030', class: "lightbox__controls" }, h("button", { key: 'e8e5d81aa50a2ffa29f4b5af164f744b79dae6ee', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '907ccb25f7249f58a6a492a84e4c193bb40db006' })), h("button", { key: '2942f75877bece4b6a910784d9441d959e514367', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'a04df9bb2f4a310ea5d41cf2f3e62096623580c2' }))), showPagination && (h("span", { key: '1a92b8a7a88f4eca32f2e6e24ee38f04411c3ead', class: "lightbox__pagination" }, h("span", { key: '50ed521b2bfe6c9a0210d7c34656b1cf25e004c3', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '4b71b7468d06eb52233683d97651531e885d1dae', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5138dcea1fe50c69eae0f5a18ca0c56f999bd314' }, h("div", { key: '6f1131bff65c47c1c84c07934da9f5ff11c44e28', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '5f012c0dd269eab574d2457b80ea7bc6a8046cac', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '764ae37edbe8a876fc165415156bbd84027352e5', alt: "", src: currentThumbnailUrl }))), h("div", { key: '7f776b7eb0a784660f81f9a4dc1f4f75901408dc', class: "lightbox__file-info" }, h("swirl-text", { key: '651b05c9f6d5e48453f50482d0324514dbc9c643', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '3cbc8cf6d0bb787cd822a25cda78341f5b4037d3', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '3c84a739d8d1f725b25e7af72fa176bcaf58ebe2' }), h("swirl-action-list", { key: 'c4ab908b51d54d46db3cfa2172fb54c6b123d82e' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'f2dc59f99321443b1643a3a8032de8292ac6facd', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'dbe1d76a29db6a239cb9d2f6bdbf4d82733ab6b7', name: "menu-items" }))))))));
+        return (h(Host, { key: 'ef7cbd047bac3b62cbe456739dfae225d8cd1ebb' }, h("section", { key: '0b4afe464da9265b4194bb84bba9b6d8c448098a', "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 }, h("div", { key: 'ecd048b4faf20813533758b2715968034f8a9db9', class: "lightbox__body", role: "document" }, h("header", { key: '2f8353ffd549af1e10c805fe275e774b37765458', class: "lightbox__header" }, h("button", { key: '5ce3b219b1ba9262e9401779d8f04ba8ea0fc142', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e1cb9b066b52bc783c1a8f0d2f9e2970f0e97bf6' })), h("div", { key: '31256a598b10c19da8bf1cbcad9833af7c7bcc56', class: "lightbox__toolbar" }, h("slot", { key: 'ad83d374d525eecf8fe5ca8660efa84cce08627f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '5b77ce1398a13995711e7b28172e06efc6a2a0a6', swirlPopover: this.menu }, h("button", { key: 'a68c4b8cc54e55ae66963c194694c74b4a2805dd', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'f6dd02f0a167a7402ec7376796dc456761eee0ea' }))))), h("div", { key: 'bcee1e42640015d0e61eca98575cd04d8db31c9c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '24f4a799a7e6741760d058537cd151a847133755', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'ef904861260bac6237ff60038e16a7b21d1b9e97', onSlotchange: this.registerSlides }))), h("div", { key: '7c9a493998e7f8599721fbbb17d1a9ccd4ae0a52', class: "lightbox__controls" }, h("button", { key: '656d337ef4e3eb6e769986b7bb5e30e33fb07f89', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '7c8cd8e3fdb8b65fcf0038ec5e3f7b2138e9f143' })), h("button", { key: '46dc45a573b6149da44eb6cae3d33815ff20387d', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '9f269109dbf618bc7ff12659421f92817283e899' }))), showPagination && (h("span", { key: 'c5b1b8aecd9e85dec1f550fe23b8c49bbf0a25d5', class: "lightbox__pagination" }, h("span", { key: '782ddc05a9dd831dd3f37103e468e2b27ee1fe96', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '23e003effb0ba1eb188975848799790e72a3488e', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '01a5fb48b943dcc5a1a61065b2dc8aa51aff08b4' }, h("div", { key: 'ccf3eda1d3ec4bf960bb23381f39008602a315d9', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '670f49f30b7d18b8206ded66d03a7bf56d77c25b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '3375186fbb76b4632dddfdc084bd153363fc6a0f', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'dd3a475b70000242f7bd5d61c67c8cddefcf412d', class: "lightbox__file-info" }, h("swirl-text", { key: 'ec46e19e664f58f7db4219122d10242430e4d05e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '5ac54930081a8de2a8b585890490eccea6a0aa3c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'b39268cdb64e0928b44c5c2033d5e3c240aad8f4' }), h("swirl-action-list", { key: 'c7d2fe73dccf2a7f23dda4d3bdff4d21bd0aa6ee' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c01cbfa680c74214085a90f72ad6a942a52a5363', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd50b99132f45df1e7a9addb3089eb8fcaf42d732', name: "menu-items" }))))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-link/swirl-link.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-list/swirl-list.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: 'fb8d732f070bc3b51266facb479e720e7e95c23f' }, h("div", { key: '3bb1acc05fb01db25d69438bde8616c677623099', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '2ee8d21dcc68bca529e4fbe4a4fa444a2248c684' }))));
+        return (h(Host, { key: 'b120b78b1a35e868b38b343459afaffd2df3f010' }, h("div", { key: '04d5c6e71848d87cc3e4132b16f149552b1cebe1', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'aa621b6621ef749e379d288552cfedba1e98a1c5' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-menu/swirl-menu.js CHANGED Viewed

@@ -285,7 +285,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "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 (h(Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "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` : "",
@@ -296,7 +296,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-menu-item/swirl-menu-item.js CHANGED Viewed

@@ -106,9 +106,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '04e844c9b191af8b9b9ba9124995a053cb52db31' }, h("div", { key: 'c6732bbabdefd197bd1cd83aa7bfedacd4c07b20', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '92418fe464f2c36c86aa1958efb44423adb6dbe1' }, h("div", { key: '2f05aff7b6e83f2db0b734718147199ab5bb4895', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '2ac67477f5a4dc09276d0b5b719797d8e522aab1', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'b3547eacb31576295dff2f7699df1b691327ef45', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-modal/swirl-modal.js CHANGED Viewed

@@ -231,29 +231,29 @@ export class SwirlModal {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'ab3d68ed1317ef24870c75f4e45c258ae0c91132' }, h("section", { key: '6934a2c65dfdb0f76c604459a742aa90f4e0e8b4', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'd9611005609c9dc827fd0a939bb4dc72054ceeda', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3af2244b95426bbdf33e3e296ec2559dbae49304', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '445dabf28b922add6e2645a7bb596a37e3cc46da', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '27c216acec48646897c3852ce0973b230393ad1e', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '300be5e9adfb0d6c3c579a6f5124edec51eb791f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '23f2bc7055f5a62262a56d0a4c489d614adc1951', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '8b3cffa44b64dfec5eb1008caff7589c9cb7299b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '77fb98cc3ce7d46d15d12045a441ed08ff926dfb', name: "sidebar-content" })), h("div", { key: '1e45e7319dcf4c97c96266fc5e68d7892e815c44', class: "modal__sidebar-footer" }, h("slot", { key: 'dafc533c3bdbab792bd27c0d646c49cb9b72168a', name: "sidebar-footer" }))), h("div", { key: '963da8fb14325477073f875d326a4dfe58c43279', class: "modal__main-content" }, h("header", { key: '87513cc54a98fb0201bee06fab6a523633178851', class: "modal__custom-header" }, h("slot", { key: 'c06a692b57cc1d37e1d88d31717bed3dc11ce559', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe', class: "modal__header" }, h("div", { key: 'b630b015986769ae8f5d246bcdd23036cec6dac3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'c8fff89367d47d74db2b16c52c36dc33df9bf9a0', 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.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '97063a903a5cb65f08fb2dc26d5b7514d32204d4', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1ee97b36e0df6358c18ea02008ca4ee084017115', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'd4fa0c843953c0d217c1feb1939d43e0aad8b68b', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'a2b4503677412ae7140e83a0c6025ac8be23b055', class: "modal__header-tools" }, h("slot", { key: '7a69b31437119706f320b6295849d34f252023af', name: "header-tools" })), h("div", { key: 'f923f379a7d7cfc0fb69991085b1272c0983597e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '81682c3a8cd9f7d7dd865a77e286b2694cda5315' }))), h("div", { key: '9fced09c6e5ac1473f5be815f8039886fcea21b2', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -271,7 +271,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '6074c4f3eacd7b0091bf2ae9022fdc10a9333a50', name: "secondary-content" }))), h("div", { key: 'd930b8ff7ef35ee5e88dff9c6e90e7e9154205e9', class: "modal__custom-footer" }, h("slot", { key: '4119568e0b302bb69d6b9554bb8f9a4747c50922', name: "custom-footer" })), showControls && (h("footer", { key: '6ed03e66ef65ed82558fc2abb695b807508dc6be', class: "modal__controls" }, h("swirl-button-group", { key: 'c243569bc0e0cc9817972a5bbf4a18276658e57c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '100aa26888135c829169edfbaa6e210764d943d5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'b197198cf7fe5fdd68f22cc709aa441144b971f7', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-modal"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-option-list/swirl-option-list.js CHANGED Viewed

@@ -420,7 +420,7 @@ export class SwirlOptionList {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '8618831f420c419d057ad945b555472bc63e977f' }, h("swirl-visually-hidden", { key: '44a25d1cdc16d56b513c43a602d5d552907cc4b6', role: "alert" }, this.assistiveText), h("div", { key: '1248daf5b6cd7b807eaf9b7841590cde3a420131', "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 }, showSelectAll && (h("swirl-option-list-item", { key: '0392cb4d79312ef670028bf19e125354c7d5c20a', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: 'e3fd0daa7b85c0a30fbe2b77db1928d3f80fe50e', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8f003735c4c5347724373773834fb0cf1111dba9' }, h("swirl-visually-hidden", { key: 'f0274d5671f707a6130791dc6537d9044387c877', role: "alert" }, this.assistiveText), h("div", { key: '1e99aa245849dcc45e27e5ba2dd33f25954dc164', "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 }, showSelectAll && (h("swirl-option-list-item", { key: 'f4c317311dbc15bd1109ede4dec5bb2c63dc7c76', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '657775578ac2cb72820fedae1a39281cb02d4466', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-item/swirl-option-list-item.js CHANGED Viewed

@@ -61,9 +61,9 @@ export class SwirlOptionListItem {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-section/swirl-option-list-section.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '2e0e785a6573ef350828940159177ef5b20d5b31' }, this.hasSeparator && (h("swirl-separator", { key: '8d7a379bf4c303de5a12952ab0ea0a01b991acec', spacing: this.separatorSpacing })), h("div", { key: '88f715f4006373f8cb69b7c60f6f41db79c0636a', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'e26969d292ce271af081a86902a88312ac492993', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '396172207c7a586e6b3c21f036d57d6eb153ecfd', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'c75ccc498feccccca7885a265ccc0b4f678f7d89' })))));
+        return (h(Host, { key: 'a2bd8ab9bb252152056ec74a79bd48232337ffd1' }, this.hasSeparator && (h("swirl-separator", { key: '111249ec87f6ff0d19ec92033a4fd60ce9794e61', spacing: this.separatorSpacing })), h("div", { key: '53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '871bb982f79e57d24f4d6105f4ee153c6b9b0fff', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'd7600e3e25663db7c74b4f073f1e1117cb98b84c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '060fe6e45a03426b493cd98fff5f52207a99abf3' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pagination/swirl-pagination.js CHANGED Viewed

@@ -77,7 +77,7 @@ export class SwirlPagination {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', 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 })), h("li", { key: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', 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 })), h("li", { key: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', 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 (h(Host, { key: '75d9096135533702dbfc54211e7f6d824b49b056' }, h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', 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 })), h("li", { key: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', 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 })), h("li", { key: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', 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 }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js CHANGED Viewed

@@ -174,15 +174,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '2101e44e9c116bcc3e4abfc30d9f15b982991121' }, h("section", { key: '35ea4d67a86bdca9005e6bf5ce14c2e6bfdcdebe', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '03c2979b1808c71fa32a2b8997950e70f449ccb3', class: "pdf-reader__body", role: "document" }, h("header", { key: '6db09134bbab09ebffecc575cf900ca8ea906e8d', class: "pdf-reader__header" }, h("span", { key: '7be7a5d71d4754654037469929db70a0a9be4524', class: "pdf-reader__header-left" }, h("swirl-button", { key: '05c86ff1d27a378e8504cc4fbe4256115cf35947', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'fac386b260eb905ab2ee89fb23668e1f59a887e5', class: "pdf-reader__label" }, this.label)), h("span", { key: '8ff4594a65147142096ec961b645b067e32134b0', class: "pdf-reader__header-center" }, h("span", { key: '74c7be0b259c3b76aacf68f27c8116e271263247', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '3ad756e3d6855cd43c59fb0101648e098624033f', 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 }), h("swirl-button", { key: 'eb5d1707f018d3898758a0781c39e40f70db6f4f', 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 })), h("span", { key: '35a01cb207e29cea6de2199850fdebf8bb32f7e4', class: "pdf-reader__zoom-select-container" }, h("select", { key: '2478e57606c99ed019ab09f304117c2fa239bc83', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '4d193a957b3f1f69781287ab24b3d763ccd5ac18', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'a2a63c34236d26ad6ce314dd91fc664a87002a68', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '490d1c36d11733fd5fdf1b18a7390475e2f5f6e4', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'd9fe6c54379e062da04a3ad5e23c488604d099de', swirlPopover: this.menu }, h("swirl-button", { key: '72869ae3fceaa0586e90e38a7dfe3c73a6cd384c', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '99804fe78742a10560dc65f969ba6b60b96d8c75', class: "pdf-reader__floating-tools" }, h("button", { key: 'd31e56e302af2ae20a08825baaedf9a940414457', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1a61e5a034f6122dd1828b9af0eb5658a02863a3' })), h("button", { key: '48e975136ca1ae2a14745411b1284df2003cb61a', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'c2353b8b5cc868af57e86fa0bddeb8260b92ff42' })))), h("div", { key: '5236e9dae0b32c26cf5dda112075fed646cdb509', class: "pdf-reader__content" }, h("nav", { key: '8b5f98fade769f384aadecac69162c0f0d816ee0', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '19be7d9caa2af9b2959c26f09187b3df1fe4c6f3' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'ccae4cde4e937529537e5cdefaebb18379c67d52' }, h("section", { key: '254a8668984cbbe7305b39b45b23fd58e5540722', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ce06c589fd73713366452ffe0b8c8a129463e613', class: "pdf-reader__body", role: "document" }, h("header", { key: '99181fece7fc83bb77983f14d6fbb355dcadc669', class: "pdf-reader__header" }, h("span", { key: '83d73aa922585f9c9688f1e15d5e43c9d68f9fc9', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'e19d07cd20dcb155bed916bbf624819aadaaa54b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e01e73e355b911b5617825bc9d9b7038ed99a082', class: "pdf-reader__label" }, this.label)), h("span", { key: 'bda7eae87774dbf613e5a8fa2c72827acccee8fa', class: "pdf-reader__header-center" }, h("span", { key: 'be370461d38a25bd7ce21920a0fcc444995a4610', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2aad15310bd7d8b59113ff3b4f45df9f5c993926', 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 }), h("swirl-button", { key: '2191361d6117f57cc200e5737138612ceeff9751', 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 })), h("span", { key: '4f3e2db75ad2dc37c3569b4760338287b6e5b0a6', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'd071c22996ce256ca96ae6e0ec2812ee69796b21', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'cee73238756718bb2356ef1c969f96080451c622', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '671285dd22c2fd6264c8f000646f8a01af692112', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ac6329e1622381e673efd6b4ad652c91c2dea43e', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a4d8155e9ef7c3f1187724bc57a9a2c570657aec', swirlPopover: this.menu }, h("swirl-button", { key: '2c8dae91737ead426ced1b028292267f7a9fca9d', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'aac1c4b7941f2a973b95ddb6d0e80828c6d3cd21', class: "pdf-reader__floating-tools" }, h("button", { key: '53d0e65b4ae4156c48c1e5cbaa0ec32d55641454', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'c2bfcb9f639d28fd172a89a6579eadc45388bd8c' })), h("button", { key: '41784ac92d029eede862b6a92e68918914e39175', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '9003c127d670133049002f3d8f767c2825353b0d' })))), h("div", { key: '99254ef394f2ce48e2d7d3028a2ce4b42c30db97', class: "pdf-reader__content" }, h("nav", { key: '70401a5a94318c41975d878d6fc68823f961a1f1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'c796549ce82f94169905168372e185437eb350a3' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '55cb43bd217a869741e6b16212bf974286dcabc4', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'd88dede3c4743c9bea499a784044f3cb68237649', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '06f6c72ec6114f84ce316d29ea2e815c19ed4534', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'bc2ad7c27fe51cfc0444b0bfbeb1a89f29069b28', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '84a5cf7737361caa59318a6e47499048f1342be6' })), h("button", { key: 'b29c98da71672586f124434488939329f54d6b3f', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '95e06173b5b9de1b991572dde53021118f044459' }))))), h("swirl-popover", { key: '8e54089b9be3896f0ad92102e18a4aac14a187ab', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '4e6b170d14ce71675185bee0c28f468dd924c9cd' }, h("div", { key: '7178eec1802b622fed777d1f04c5da9090c7b238', class: "pdf-reader__meta" }, h("div", { key: 'd05a098870894a8a6599ee9f0c02e7e2e6c79e47', class: "pdf-reader__file-icon" }, h("svg", { key: '0c5753a422c203b5983f7bef5b50c00e44457e31', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '2f613dae27f239c3e074772dcd8286c44c38f461', 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" }), h("path", { key: '0d93fc3b9a141ff13888c4aabd0cfa4bdfcfda0e', 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" }), h("path", { key: 'f380dcb119c97044402b585f203c832b73ede08b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'cbb168d92f75c53515f834a7d6d3d949e6145f80', 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" }), h("path", { key: 'b3c8ce607f93aa9af289dfc6a5136aeb34275c98', 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" }), h("path", { key: 'ea359b81880daa84964b95f68c8d2e245ec57ad0', 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" }), h("path", { key: '91f503c1e57a68d38d5c511aa0a67fd6187581da', 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" }), h("path", { key: '0d1c1afb8282568bd4cbd53d59a4aa7245639b90', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'ca4421f5e803666f2df594baaa075f20c5e49435', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'db93220e14220fac9eb2d175f445a1d60f5267cd', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '8f7efa4461d4c1f3ce331dccb2ad97e870d25734', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'a97c5215e483fadf12bdcaa22645aff897aeebde' }), h("swirl-action-list", { key: '5f548a35da6ec6a5161dae8fcf499a0214d8cefd', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'd87adc94c0ffb9717b73a2addadca1c52250632e', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '41a154b37629f7810e06ffb3b783e840d7c44991', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '76cc558f2314cd56e7c8dac62ea809a18e03768c', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'e4edcd47c2ff85b460caaff2d288b6df1d873854', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '1c393b70c8bd41f23866e81c7416d54656511e7b', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '4639297228a63d81bbdf48f29876080a915aa638', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '8e253b2ff5ba4faa07c0c65b30056e3300656e76' })), h("button", { key: 'ff72d7a27785b5707fb197c2905f9cd7a3c82638', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'a5ccadee62345017e1703de4b96db8cff6653d24' }))))), h("swirl-popover", { key: '2bbed215e53309166047a8172c5f9b523837b61a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'ddb35c2bf887a7db38cbe7e4409d3d3ffa3d690e' }, h("div", { key: 'f77febd0f5178e7b2e37182a12684eae3d9bdcb1', class: "pdf-reader__meta" }, h("div", { key: 'a29846ab01a317cba3c5d8daee8bf6430d723127', class: "pdf-reader__file-icon" }, h("svg", { key: '7186b0e869acc0c1d7583cabe00e5d7f269f4460', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '8b246554fd7a82599918b44d82a2e6d219d2554f', 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" }), h("path", { key: '8b1325b4c3f9c23fd2c6e44e1a0296020382d786', 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" }), h("path", { key: 'ed64e4427ac1f9c7007f59f5fdab2994a591f60e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd46ef748c1014ccf8457ba5e3522168f0fd5ed89', 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" }), h("path", { key: 'a9859e4c7934dee31e586ebce41df4a86fe41bc9', 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" }), h("path", { key: '062890725898df41e0eeee539214c9e073decb73', 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" }), h("path", { key: '9c7fbb9f7e3806cce3942bb0477375695304a9d9', 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" }), h("path", { key: '4db6d44ae0776f9c106cf3b7ec96792ddac19723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '3da450ad5b2f5a3e94fd57e9fb0094118d2f12b0', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3e428fc229ef20a647920decfda92d8da7f11830', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '992361d4082a8c9679245d1d0b260f9f22bdabb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'f8a873fe1f122472e18e676b73c7b365bdf1c7dd' }), h("swirl-action-list", { key: 'd52742f369816590dbde5ca6308302ff94ec1d2e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '2ce943bcf759ee79a9b8fe233a17d05fe2961ff0', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a151c94c994f1c17b835ff87005944e5076c71b2', 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 })), h("slot", { key: 'c7ad0a2f72db202ac77589977205106ecee074ce', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'f7d333ec4fb6db54e657f23e2f73bbb13cc565b7', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }