npm - @getflip/swirl-components - Versions diffs - 0.523.0 → 0.524.0 - Mend

@getflip/swirl-components 0.523.0 → 0.524.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 (3040) hide show

package/dist/collection/components/swirl-dialog/swirl-dialog.css CHANGED Viewed

@@ -54,17 +54,18 @@
   }
     }
-.dialog--closing {
-  animation: 0.15s dialog-fade-out;
-  animation-fill-mode: forwards;
-}
+.dialog--closing .dialog__backdrop,
+  .dialog--closing .dialog__body {
+    animation: 0.15s dialog-fade-out forwards;
+  }
 @media (prefers-reduced-motion) {
-.dialog--closing {
-    animation: none
-}
+.dialog--closing .dialog__backdrop,
+  .dialog--closing .dialog__body {
+      animation: none
   }
+    }
 .dialog__backdrop {
   position: fixed;
@@ -73,15 +74,10 @@
 }
 .dialog__body {
+  position: relative;
   z-index: var(--s-z-40);
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden;
   width: 18.5rem;
-  max-height: 90vh;
-  padding-top: var(--s-space-24);
-  padding-right: var(--s-space-16);
-  padding-bottom: var(--s-space-16);
-  padding-left: var(--s-space-16);
   border-radius: var(--s-border-radius-l);
   background-color: var(--s-surface-overlay-default);
   text-align: center;
@@ -110,6 +106,33 @@
 }
   }
+.dialog__scroll-container {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 90vh;
+  padding-top: var(--s-space-24);
+  padding-right: var(--s-space-16);
+  padding-bottom: var(--s-space-16);
+  padding-left: var(--s-space-16);
+}
+.dialog--translucent .dialog__body {
+  background-color: transparent;
+  outline: var(--s-border-width-default) solid
+    var(--s-border-translucent-outline);
+}
+.dialog--translucent .dialog__body::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    background: var(--s-translucent-low-default);
+    -webkit-backdrop-filter: blur(var(--s-blur-l));
+            backdrop-filter: blur(var(--s-blur-l));
+    border-radius: inherit;
+  }
 .dialog__heading {
   margin: 0;
   margin-bottom: var(--s-space-8);

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

@@ -116,13 +116,14 @@ export class SwirlDialog {
         const className = classnames("dialog", {
             "dialog--closing": this.closing,
             "dialog--large": this.size === "large",
+            "dialog--translucent": this.translucent,
         });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
         const hasSecondaryAction = Boolean(this.secondaryActionLabel);
         const hasPrimaryAction = Boolean(this.primaryActionLabel);
-        return (h(Host, { key: '2ff7c17526447b3e5202d7128de47d5be8312c02' }, h("dialog", { key: '24b495afab07cfb8ff2a40706b8683da24b76e48', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: '3213719b4faa46783b0c84483857da7afb3fb09d', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '41b78e85bbac0a0c171c839a524ac014ef2317c8', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'e7d179e2cb4ce29ab61f7fd59737bc5cdeb50f07', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '9c261f77810418494008a37a37e459642b62da09', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'cc7600a9fa5f17977dec32e418b61bc086d17ee3' })), h("div", { key: '5977a899f3ba081350c1066378c67169b37667ce', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'c9a14cd1b178b4de77f638f08cff07c879d60314', class: "dialog__left_controls" }, h("slot", { key: 'eb8b0fc4ac782d2c92cdeb136fab325e0b8d1dd0', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: '544c55b8c6f19863bdb6578f963e5e7ca187e0fc', class: classnames("dialog__actions", {
+        return (h(Host, { key: '46ecd7ba8a63b90954e3d30219141ffe72cda366' }, h("dialog", { key: '75ba8a4d55cf342b1979cb2a35db3dd4ecae8c05', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: 'da662c46fc3b6909d1b45dec40f6c6b02d3a5432', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'be81d70f3a7ad70ec86e63d50f54bec7df48b020', class: "dialog__body", part: "dialog__body", role: "document" }, h("div", { key: 'ccb6ccc7d9c90d2d34b7802524017e89b96ab3c9', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (h("h2", { key: '331fe79b0998e6d1986417438eab8356977796de', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '468905afe6decce42e8992b7cac3613917962af5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '8ec984a1fb6a5d332713ae7a9760a924db849f59' })), h("div", { key: '0f79b849d165cfd0f13e14fc7051f8c33fecadb6', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'c219cbbcc7b063189690dc3f06553bab7d8a8287', class: "dialog__left_controls" }, h("slot", { key: 'c08a9d3bbc93aea9d4b4bb1918da82fbdba5c223', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: '46992e1b75a711ea841650d7751e1fe696860002', class: classnames("dialog__actions", {
                 "dialog__actions--vertical": this.actionsOrientation === "vertical",
-            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: '5540815437ff767f9c4c8c92d121afe62ec51736', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: '56491686563a7848c6c2b112b5194971ed3ed9e2', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: 'e49c5a3414d01d9ab7c07b309e69121c17c8d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: '00132e15409fdaf3e2b45a613d250ae3751b2348', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -316,6 +317,25 @@ export class SwirlDialog {
                 "setter": false,
                 "reflect": false,
                 "attribute": "secondary-action-label"
+            },
+            "translucent": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "translucent"
             }
         };
     }

package/dist/collection/components/swirl-dialog/swirl-dialog.stories.js CHANGED Viewed

@@ -54,4 +54,5 @@ SwirlDialog.args = {
     primaryActionLabel: "Leave",
     secondaryActionLabel: "Cancel",
     size: "default",
+    translucent: false,
 };

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-clap.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 12 && (h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a550fc330a38f8e84c531d4c003533411a6a565f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 12 && (h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '2135761182a518644ca45c0c85a89a1b61e74bdc', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-happy.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 12 && (h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '169a816ed000cd4ad088876a451d27b4c02a753e', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b3dd1b1071a54c35d255f5162553c0d2c610285a' }, this.size === 12 && (h("img", { key: '9cfc247200cbb34680166ae8f5cf0eec0c8c28f6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'd9a1977a180a1b7f26ea34ae3362f5ccac215d5f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '93a4a37477c0da426098ea6452952c3a2c5ee182', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '3437cf54aa560562e55c6a7179884062d8a2d44c', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '38a9989ce6e930e89635d4cc13b36ed32892c955', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-idea.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e112ae65ff14995e44e70149315c38cd4026f25d' }, this.size === 12 && (h("img", { key: '04d444bb850a4de76b7e83048d7805a99f174887', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '3cda05d448209a26f247d99ce83852ebe7a16b1e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cd7edf54dbb0091ea2ccf1ad8acb85e576ef3dc6', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'be7cc57d78c375d0cce5d53db3b6dc4941cfe6aa', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '1f03f6d5c548a65084fcc5f55c641bb803dd53b0', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '1bfc548c71f909e32e1ae38cd24abc22e548f2be' }, this.size === 12 && (h("img", { key: 'ff663fc3582afc614e07bcd2b5229b945b5a30d6', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '4d1837bb3c58b8ba10ed26ce6142b6c8fa2eb54e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bcb3cc740fe536f79e9908ba325c77659290a8ac', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ce41322259121ca9ccf986c8c74257df37155a7e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'df780a9cf644cfb43e0fb1ad1f7432b1b0539a79', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-love.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '09d0e75ba81401110070a6235e73b69a10cc9722' }, this.size === 12 && (h("img", { key: '7fd2166277cef666b5adaea710f5c9efe0230f70', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '7b622b06b4b92567627fe648023b4cba2240d648', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c07c2b69710291f219d33b0ea95181024115bc87', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '2ea22e12c46ee678027850729d116f02d790e4c3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '1b2696387fffdb96705851e984a3b3c5597614d1', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-sad.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'd4184217dc660a5bde784f83a375d47df94a81c3' }, this.size === 12 && (h("img", { key: 'ba414213f99c7d3331c723fa8e3583020fe30309', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'ce71cbdf62157abe508d8a63b186859ee0ac1b2e', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '4b47e8d58648f55d38b33d65b93b68ca9dabd64f', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '5d71971fb48193edfad601a135b7ef46e3489ef4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '75529900ac36710012348c673dc7eaaa904b76f5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '68fe396c6f3bd30532dfb8d79edd9143e9540b8e' }, this.size === 12 && (h("img", { key: 'a77633b15e2e59576477b6f3c19b6ce62d7564cf', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'b674cac80e397c2943b54cf087460b501128abbe', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '9b9ed5e1a2d0769e06bc8426f22c1b2592042fde', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'cea88ffddc5668e6baf7d8f8cf547a9f2748111a', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f3b8a7dcd29bedc41aad479b4607ee14c3261094', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-sad"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '4195f4d439a4ddd7ee5ca77b508a8ae7e3658964' }, this.size === 12 && (h("img", { key: '670624b032d41d2dce0bd5c7d8da8ad6e577fcfd', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: '6edbc6892400018203e1b996620d0b0a394120aa', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '0d18437327c772f504434cd6553905014b80a5ad', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '64b2b862126f6452fc46dd19f5824f3bfb5dc566', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '2c8ffbe22bbcff7a0aef3cb729975cbc809170b0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '382b550d8d1edc1ad363352c8204a73f37a4873c' }, this.size === 12 && (h("img", { key: 'd6b1f53c6d25ebb55c2fdc780ffa37d43216e387', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: 'a78c37d28918409fea8a711f6cc3ca99da0b01d8', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '67bdd5ad5c28156121fd0242c49bf722f064dcce', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'dadf39ea757a6666b3a20c97a473e28ce3622f84', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e7b9d2eafdecfae93debf96cecda5c9a85bcf4c9', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
+        return (h(Host, { key: '17bcc778dc10da431c3b875ae161612e1911be12' }, h(Tag, { key: '8828ee270a24a4ec8446356e5d7406ad83fe5d6d', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-empty-state/swirl-empty-state.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '841943cc480a16c75c2830c542b6ef62ee423c07' }, h("div", { key: '81f768149f17c11aa641e7a49071a7ffe31a0bc0', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0324e53541f0966aeb64034879cb5515b2448c28', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '58c58522a2f2784a3bbf1a4ffbb4347d8216d5bc', class: "empty-state__slotted-illustration" }, h("slot", { key: 'dc24ab26831ac301d70b5384cb43cbf498b299a1', name: "illustration" })), h("div", { key: '5918dc42d88b63951d13f74f0393a4077f4ddf94', class: "empty-state__body" }, h("swirl-stack", { key: 'd4b5718b112ce4cbf01c6d1096acf81932afeb8a', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '895f0ec62397d85679a76b7df1474273b98fbc4b', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'f76f4a4a5ab6a90e927d0c472851fff0aaf7af20', class: "empty-state__content" }, h("swirl-text", { key: '355a41379a039d5fcc04f2411e3bac14eb2e7314', align: "center", color: "subdued" }, h("slot", { key: 'b2cf86d211189865026fce65ca005c396e08f1ab' })))), h("div", { key: 'f6e72f6bae6aab0f63bec7ff55f88652f72b1677', class: "empty-state__controls" }, h("slot", { key: 'c278c150cdaa193fae147ec3354dee90b5144bb1', name: "controls" }))))));
+        return (h(Host, { key: '4111767153b382bdf79c3d7e2f1a647866d631d9' }, h("div", { key: '2b1adec6d77d936ca057e2615ed86f05174f8376', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'f7e59cf3d0cc04f642ed5cf26001ec504c103a25', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '8d5bc1c6ae64afdd538fc32960eb021fe4fd9f07', class: "empty-state__slotted-illustration" }, h("slot", { key: '7fce2916093c9d6724f3a61e6a3e2c8b53d4ade4', name: "illustration" })), h("div", { key: '0ce64cb6361cf50063451a4d471100819409dcd1', class: "empty-state__body" }, h("swirl-stack", { key: '5638173b9f51cf1b1004d3b8622f7d9e048c43f4', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'e76ba2022dd69f0f0c2cbcf0b499510adf8846f3', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '2f7d1bd011606f4075d2bac355c85c4ec9962105', class: "empty-state__content" }, h("swirl-text", { key: 'a991d1eee288047e507ccf6095cd9ec9f7fd7433', align: "center", color: "subdued" }, h("slot", { key: '3e5df43ff537ed9d43df4d85a7ff831efedfe68b' })))), h("div", { key: '06f9c1101c549894aeb8c9f24d65e0cad713e326', class: "empty-state__controls" }, h("slot", { key: '8532d6b9cc9a0c2c06438edcc81b987ca30b9397', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-chip/swirl-file-chip.js CHANGED Viewed

@@ -109,11 +109,11 @@ export class SwirlFileChip {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (h(Host, { key: 'b319545e6fd320f85ae1b00ec0dc6c0fb29118d6' }, h("span", { key: '071069e61d6f871949b723a8bf86dc8eecb2ba93', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: '9b8320df567e45b3653e39507ad28511601e5dcd', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '477b3000c839ee07d753762fcbb3462f566f0c10', class: "file-chip__info" }, h("span", { key: 'fccad97f7665b0db629bbae80bc67de26f71ef7a', class: "file-chip__name", title: this.name }, this.name), h("span", { key: '9d549800851e01a9c59408f0b92102de2ccca146', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: '9fb6b7a414ec6650f728f93c19bc657db3e22d65', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (h(Host, { key: 'd631299e23398127c4a5cb28c09ab022bff9cf2a' }, h("span", { key: '143efc8eb4fbd33d6530c94281f471793cafb452', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: 'f9c9aff40dc1b65c8a96f418331ee0aef025d9a6', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'e1ad46b9ac9e04d3276a71f73753440674f0ab6d', class: "file-chip__info" }, h("span", { key: 'b57490dd81441885311afb35988bcd729a484ccf', class: "file-chip__name", title: this.name }, this.name), h("span", { key: '9c18103e0a31b19540b5ade68ca409c5410848be', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: '1c323b218ef257d7815e12d8d560d437f0c101c6', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (h("span", { key: '5e77716d1e084ae2cfead29c56016a1414adc3ff', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'e0bc49007776fadb8a7fb3ebd36d174c3f7b4525', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: 'fb68015e324c79526684d5cc7fcf02a9dc2756c4', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: 'e7cefbe061ea1693460b89c7f197e0ead9f2433b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+                : this.description)), hasAction && !this.loading && (h("span", { key: '9dc98c3dd57d0ec7a67595e9b9ffa6c1d29b7e2e', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'a8c0ae63cba2004e8bd49fad8136b0846c896dbf', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '92795410eb112a8342b800db9e8b46b24f60e180', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '7c311dc0b31fc75caee0d4c1aac48ba9bb0924b6', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-uploader/swirl-file-uploader.js CHANGED Viewed

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '13955ae841737e48ba0ccc8952c8207c6429198d' }, h("div", { key: '43f3729fdfaac617cf3b1db83f6f028a14c7e02f', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '8e99b5faa9d34d67799d10143fb9dc4008cfa7e7', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'b3186232265b228ea8dfadefa75c2b1cd1c7bd12', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '103ba24a720f0e27f12f378c72a4a4ff48dba49a' }, h("div", { key: 'acd1c637ac10fbf1d110847f96e55b89a6671a2f', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '99ca21b4d4f84c9c8d338c7021ce4c938a243ef1', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '620b95c6885a92a63a0191827e89495d732998ba', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'a056299cd8b9855de3d7d7693877920bab1e7801', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '221e4492ff6c3b8a3eef9a248e4c7e4a82056ae2', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get is() { return "swirl-file-uploader"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-file-viewer/swirl-file-viewer.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'b899f5ee0d52c03f67bac8164d1a10ea8d39c0fe' }, h("div", { key: '529860cb52bddb0c920da86097074a7110521b57', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'a62c1582e54ab0397704a8f9db769eacfd7cd467', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: 'd4155b760719009d1b4423864b0a406ab2009333', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, h("slot", { key: 'f4efe394af7f9f6089fe8686d24d2d613b9e8c6b', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'c8091568bb70422680b7209ea2519e5922bb38f2', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: 'ac7676d424bc4f1387ff4cbe928fcca4f0581d77', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'f571d1946a5f4316ce37f4ea78da4039af6ddaf3', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'b14684c2bf5eae06bad4c05435c55ee420fb4257', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '16495386d12e48c12310880d14930ee1fcf513d8', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '6a827ab6e22ad803674fafada437cc6ee8e526ca', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '0d3d8f92ab8108893f884a67ed8875f2221365ee' }, h("div", { key: '707c6c26971e2b431109ce26142456a99b18bcc7', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'ae233a337ab940889da282a87b39cccb6793a1f8', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: '6624bfdb3963b224aaf7f6a088b53df60fd6cd8f', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, h("slot", { key: '5005ba570bd39f04b9af8c0a98009ed54cd4f737', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '11b237c1ca2c923485b6ad6be8ea5d07adf2dee6', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '97834f9c72fd581954bafcb3200ac7c5bcd19cf0', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'e65d3cbd49ddace0073da001dd677faa382f294d', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'e9102f15252856ef15efe0f089388ac7186c1cbb', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'c6d9329bec887cc274ad63442d415b645b3dc950', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '198fac5c02ecc0dbc1ecf1f3c32c16fcf792b5fe', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-audio/swirl-file-viewer-audio.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '93a588ffaee95bbe1b205b05a10e2f77bb60ef2c', class: "file-viewer-audio" }, h("audio", { key: '1283d829f94d25e9e9c9cc9182a4fb4cc00b2e1c', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: 'b28ff375bec02dd769b8cedd01be3b1d0f54f41a', class: "file-viewer-audio" }, h("audio", { key: 'daef390dcdf35f7aae404a64e3183f4f51945e8b', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     static get is() { return "swirl-file-viewer-audio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-csv/swirl-file-viewer-csv.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: '1fe0b24a60be1462b3f120a4080ded8b1d696ef2', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '669fd4e9eccc2700af0731b41d7cb5b488086383', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'c2426ae9c0c7b9d995f78581fddb2e942f65ec22', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '8704def2658f3c801e78f7a754e1376091cc7d3a', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '98762df2bf9edac199d805eafa21e37118c4059c' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: 'e62a625c69822f933958b01802e6db188e490e53', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'fd057f89810b643d1b1ef8bbee837ac75ee9e652' })))));
+        return (h(Host, { key: 'e79eeb9e530db9b0a35ba9f3066257e4fc4c0179', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '53d4262e3ee482e490b8c00d90e8534e74a9631c', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '98d7b655697a53241dc3a851dcbccfff89449cc8', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'a2fe81338788183c6dd1eb7d08737e3ed068cc4f', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'f50e4d83d6de40802a246f5bd51b328354795f1d' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '805975bf4e6616e5783ea2d32a55dbe2783088aa', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'e9396e5e9768881fddd96854932e3c6ca2207312' })))));
     }
     static get is() { return "swirl-file-viewer-csv"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-fallback/swirl-file-viewer-fallback.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '6510dfed91dd38aba83b7d3e4fc964dd18a7607d', class: "file-viewer-fallback" }, h("swirl-stack", { key: '82d3a8c29f3d99ac678bfaf28c50162c5a171257', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '74d43146dac36f43711aaaa2cc16127f2581b21b', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '4b49eda5fb7f4710831afd73b4abd4a1a80486dc', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '167bf56805f815311ed66e6fdad15d19fe88518e', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (h(Host, { key: '780fa4988853cf1cc0b95fc3b3849fa8541fed13', class: "file-viewer-fallback" }, h("swirl-stack", { key: '877679ae99d4a09a6ac62de4ecdc3991eb0e5c13', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'c8727dc356c73933bba511156d55bc04cb148949', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '43eace04c47e3ba4f53ed5fe834ad008c91e3603', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '165bf24af24bbdcd854601f28847ae3f395f607d', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     static get is() { return "swirl-file-viewer-fallback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-image/swirl-file-viewer-image.js CHANGED Viewed

@@ -202,7 +202,7 @@ export class SwirlFileViewerImage {
         const className = classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (h(Host, { key: 'f24e3fc22f41aadf002f509ef973653976acdcb9', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '91e8cf2b6576a91216e70a4f5def76bd63890d1a', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '5c5a8c421d1abb419276c0ddbfec90ac71e9d454', class: className }, h("span", { key: 'b937e54042af60bb11247bd42a9a4c5e0d6be117', class: "file-viewer-image__container" }, h("img", { key: 'f056b3e8574d780a7058ee2a4a794062843bf062', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: 'bb3524a5baf3676fcca91ced6eb4ccf48902b87b', class: "file-viewer-image__watermark" }, h("slot", { key: '94d578713fd61a82d282e1c044e60d2d949504c8', name: "watermark" }))), this.loading && (h("div", { key: 'b76489f116c4d5b898294ac980022528d20e0e65', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '6f487ccdcb60aa26d6f55c4285085d7d4adf5d17' }))))));
+        return (h(Host, { key: 'c693405eee5e8e19e74f2d80a0248863a01d251d', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '034556e8d985e876a883b94417bbc54244b6c922', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '5acd21f23bf867f1fc14ace7f57e890e48505d81', class: className }, h("span", { key: '0de256016ab55c55243bb2714ce8e1382e119048', class: "file-viewer-image__container" }, h("img", { key: 'c66e7b3caf514b65fd14aa74bb89730a2d29c77a', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: '2151ddc87c435b02f187006aab64a18a1ce9cc30', class: "file-viewer-image__watermark" }, h("slot", { key: '08d50067d73967f51a30b69d3d112e661c55f329', name: "watermark" }))), this.loading && (h("div", { key: '0bf377ba331900eb2c0538788aa33e8dbd436486', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '2e35340dc7fdd6f77fe2886ba25251c81df1a664' }))))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.js CHANGED Viewed

@@ -396,7 +396,7 @@ export class SwirlFileViewerPdf {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: 'f49b60669ab3c6e0386e1fce5b3068bf74823689', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: 'fb3e14772d3a1103b63ff328ec229262b5af29d7', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '29a4b08bad78f091f2c4673b627383938e63c1e7', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (h(Host, { key: '4ddc65d65e568f2b9a671e85d74ccae8f12e38ba', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '0d74065cc7946a683d4d314db1b94a6d096eaff0', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '75bc1eabede54634872a26fd37cc240193b70beb', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -410,7 +410,7 @@ export class SwirlFileViewerPdf {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" }), h("div", { class: "file-viewer-pdf__annotation-container" })));
-        })), showPagination && (h("span", { key: '49d70e693729a790af9db3654ad949a3fff85e89', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '99e7ddca180b7e0f7dd9c6878ad56a03233dd7f5', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '7b372877dd222d213a298031b1713a65ecc23b2a', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '9fa2a744e4e78bc822a8fcd9154c912222db9c7e' })))));
+        })), showPagination && (h("span", { key: '4fdff5808580649526bead7b37fe9f4b051d4e8d', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'e83cbc96700c427ed7a1072aeb1b552153f9c5b7', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '3cf657ab9eb530b3d888cecedadf8187f7eaff58', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: 'eb5b86cb3017ccea0787f8c377cdcd66b0d296ea' })))));
     }
     static get is() { return "swirl-file-viewer-pdf"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-text/swirl-file-viewer-text.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class SwirlFileViewerText {
         }
     }
     render() {
-        return (h(Host, { key: 'e9a4888b7319c6095804ebd09c33b7eb33867a46', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'af0f2230753a1b70994da86abd04aea6c3ab53b8', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '6c04c391fe3e0b736777e2b42348d8a7ddf1970b', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'c848f8f1730aa4d77bc93250c194962c9c997daa', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'c142072f3cf3d12e8fb0aefb2a690a2e3e5a3d84' })))));
+        return (h(Host, { key: '08be429e340838f8e465384eb5c07d016f9f7165', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '979f4a2de111c4fdf6769295c21758239f54b124', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '59bc0050631b94b52bfa17c93ef12bf9ea128c4e', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'a1417fd763034214796d994c3815e2938d3befdf', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'e29a85f910e3571afd74ed68b72b954b9f3c2ccc' })))));
     }
     static get is() { return "swirl-file-viewer-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.js CHANGED Viewed

@@ -68,7 +68,7 @@ export class SwirlFileViewerVideo {
         };
     }
     render() {
-        return (h(Host, { key: '726db283f43dd2194cb5475660a34991feb14d4a', class: "file-viewer-video" }, h("video", { key: 'f8b50e993d308c472a433242519c3028734309f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: '73273d4940f1d06c60bf9a70c3cab5b445bbb937', class: "file-viewer-video" }, h("video", { key: 'b9c35c2a017b6803dbbaaef3f8a3967377258cf9', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-form-control/swirl-form-control.js CHANGED Viewed

@@ -190,7 +190,7 @@ export class SwirlFormControl {
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: 'cc317816c286bce8f35aea079c959f4ff16125da', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: '43eb28ecbd1e448aecbaa72f4514560e6f5ebcaa', class: className, role: "group" }, h("span", { key: 'c5584dd9657a4c3d0c110f9039730ffb78d6f751', class: "form-control__controls" }, h("span", { key: 'a09e6e19e7af775ce4649d9c71b937ce74a0944b', class: "form-control__prefix" }, h("slot", { key: 'a9b852dd116fb6324a8bccb03bf68f1a025a002b', name: "prefix" })), h(LabelTag, { key: '535abe3011ba2fe08c0a16546f849793879ffb98', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '569180c7997bfd241098067edcf86727649fd6c8', class: "form-control__icon" }, h("swirl-icon", { key: 'fecda72aaefa7cb83ed3e526a63e6f57148a81d3', glyph: this.icon, size: 20 }))), h("span", { key: 'e0c862ba36932155398691e5419ec8dd82eab640', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: 'ac4756b0235d86fb04c8ebecb3cd484df6f6827c', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'c2463d091858c1ee39349544f800a463bd9fbc79', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'edc1dd239d212cf900ffec8def976f88c704d388', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '0685adbd3a12dc1cc10bd4adf0e3e974467ac9a2', size: 16, tabindex: "0" }))))), h("span", { key: 'd9a5a08f18682391e7a2ea86aafc9320fa1f53be', class: "form-control__input" }, h("slot", { key: '96ff1cc2ef041bf2dafeb299eafe31600301e364' }), h("span", { key: '2e15cb04d93156455a5beb6658ec3ddf6d756ecc', class: "form-control__bottom" }, h("slot", { key: 'a47f9054b7b284268163fc1bedf24e4cf34f16a0', name: "bottom" }))))), showDescription && (h("span", { key: '4f75101f8e1c307846502f9c7c0c77aab25c7c25', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '660a2f085e1d5b0302c2c15cd5043a7fdc8a2b1e', "aria-live": "polite" }, showErrorMessage && (h("span", { key: '3101722f3aa1c404c8a31c425f4a10562e8638e2', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '2d1413da6b6a5d83bdcb450af46030c53b74d9eb', message: this.errorMessage, size: "s" })))))));
+        return (h(Host, { key: 'de217705c469f8550123f8d956ec8ed517beeb2f', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: '507fcef655c51af0539ed002934ea8844ff813a8', class: className, role: "group" }, h("span", { key: 'e525394185e809ac8a0520cfe4975a4d09c98437', class: "form-control__controls" }, h("span", { key: 'a3c7d9681e7f7c56331fc60a4261838fb69ec19c', class: "form-control__prefix" }, h("slot", { key: 'b8c17671214e4e5b9e825452d8e0ea5d5352543f', name: "prefix" })), h(LabelTag, { key: '36ed79520ced510706d66d8845da79aa0e130f13', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '85173e886bf732654e1f729cd9fd8dabdf49479d', class: "form-control__icon" }, h("swirl-icon", { key: 'bd6afab27e78159f43e59b9c3ccfdcb44dfbe84e', glyph: this.icon, size: 20 }))), h("span", { key: 'f99f09ae6b86e38ee9e0a80218634df0ae442375', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: 'bacc1f7f1ac7edaddefb6c21cdd1f8739ca927e0', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: '9e5e58d54f8bd766628adef4aeab978b3d1e8ed7', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '31496e17addb243e3b4608ecc3a2a14bb365e12a', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '031ce36a2ce5256a336eb6d77dddbecec599dd17', size: 16, tabindex: "0" }))))), h("span", { key: '3e9885cdf49d58efd9fb738a3f5aa47981371e16', class: "form-control__input" }, h("slot", { key: 'b87a03598f11d2378883f845745742f15c0933e8' }), h("span", { key: 'a937f4651d659e56fd813c320a36c06083afda1d', class: "form-control__bottom" }, h("slot", { key: '252f8995c74c017d0998d540a51d9909a336798e', name: "bottom" }))))), showDescription && (h("span", { key: '14eca5e0821d53311c0b7085331ed17adcec4644', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '8a8112d2537f8fa496968d0cc512719077461ffb', "aria-live": "polite" }, showErrorMessage && (h("span", { key: '68706874417f04df965dea9695fb44951b8297f9', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '7c2119ed2bc8e40c20feab69f6d8a2953d4c6cb9', message: this.errorMessage, size: "s" })))))));
     }
     static get is() { return "swirl-form-control"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-form-group/swirl-form-group.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class SwirlFormGroup {
     }
     render() {
         const className = classnames("form-group", `form-group--orientation-${this.orientation}`);
-        return (h(Host, { key: '68dad2491367ec72f2a88011f20a558351bc57d5' }, h("div", { key: '24889059b0984f949bd6d670ca31d65cd07fff93', class: className }, h("slot", { key: '08d3df9cea0ed09994229dabede6b435240ca715' }))));
+        return (h(Host, { key: 'eecf55c9ce0b25c042c87d87ee7d6cfd95a4944a' }, h("div", { key: '591bcccffe902f575bbb7b826e7c8ac211769cd2', class: className }, h("slot", { key: '839f2e5ad02fd1aa9c9da241079e310089f8fb0d' }))));
     }
     static get is() { return "swirl-form-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconAddBox {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '443a6ab47bb5ce4f8a18e80074b44c258498d837', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '5808ac0046d0cf9d8d26d0dae62bdea654333645' }, this.label), this.size === 16 && (h(Fragment, { key: 'c1ca7a8186d07d3a0acb0fe59fa0fb4af4a71a1d' }, h("path", { key: '829ef63d3b29374fd4b8089250207417574ffc62', d: "M7.33333 8.66667V10.6667C7.33333 10.8556 7.39722 11.0139 7.525 11.1417C7.65278 11.2694 7.81111 11.3333 8 11.3333C8.18889 11.3333 8.34722 11.2694 8.475 11.1417C8.60278 11.0139 8.66667 10.8556 8.66667 10.6667V8.66667H10.6667C10.8556 8.66667 11.0139 8.60278 11.1417 8.475C11.2694 8.34722 11.3333 8.18889 11.3333 8C11.3333 7.81111 11.2694 7.65278 11.1417 7.525C11.0139 7.39722 10.8556 7.33333 10.6667 7.33333H8.66667V5.33333C8.66667 5.14444 8.60278 4.98611 8.475 4.85833C8.34722 4.73056 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65278 4.73056 7.525 4.85833C7.39722 4.98611 7.33333 5.14444 7.33333 5.33333V7.33333H5.33333C5.14444 7.33333 4.98611 7.39722 4.85833 7.525C4.73056 7.65278 4.66667 7.81111 4.66667 8C4.66667 8.18889 4.73056 8.34722 4.85833 8.475C4.98611 8.60278 5.14444 8.66667 5.33333 8.66667H7.33333ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '19288d9346f00ce726c53151377709dea2ad35c8' }, h("path", { key: '1f388767a1cf0a1f8c331edf5e6b8ca847f2237c', d: "M11 13V16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16V13H16C16.2833 13 16.5208 12.9042 16.7125 12.7125C16.9042 12.5208 17 12.2833 17 12C17 11.7167 16.9042 11.4792 16.7125 11.2875C16.5208 11.0958 16.2833 11 16 11H13V8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8V11H8C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13H11ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'bc2f5446d26f7d2b257cf93a17595b227081ccf0' }, h("path", { key: '28d2c9ee7db07549f65c7c3020e188829a0ae8f3', d: "M12.8333 15.1667V18.6667C12.8333 18.9972 12.9451 19.2743 13.1687 19.4979C13.3924 19.7215 13.6694 19.8333 14 19.8333C14.3306 19.8333 14.6076 19.7215 14.8313 19.4979C15.0549 19.2743 15.1667 18.9972 15.1667 18.6667V15.1667H18.6667C18.9972 15.1667 19.2743 15.0549 19.4979 14.8313C19.7215 14.6076 19.8333 14.3306 19.8333 14C19.8333 13.6694 19.7215 13.3924 19.4979 13.1687C19.2743 12.9451 18.9972 12.8333 18.6667 12.8333H15.1667V9.33333C15.1667 9.00278 15.0549 8.72569 14.8313 8.50208C14.6076 8.27847 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3924 8.27847 13.1687 8.50208C12.9451 8.72569 12.8333 9.00278 12.8333 9.33333V12.8333H9.33333C9.00278 12.8333 8.72569 12.9451 8.50208 13.1687C8.27847 13.3924 8.16667 13.6694 8.16667 14C8.16667 14.3306 8.27847 14.6076 8.50208 14.8313C8.72569 15.0549 9.00278 15.1667 9.33333 15.1667H12.8333ZM5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'b20a42a36827eba83d9c23310a04e8a856db359e', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'ff50e97ec10e9a7e0dbb411fe83cb16ff158a7f6' }, this.label), this.size === 16 && (h(Fragment, { key: '712bbb07a438c25eaee0002acaa6eefbb50d232e' }, h("path", { key: '095ed57e9a54fc6e5edf791322c1dc519c9a7e26', d: "M7.33333 8.66667V10.6667C7.33333 10.8556 7.39722 11.0139 7.525 11.1417C7.65278 11.2694 7.81111 11.3333 8 11.3333C8.18889 11.3333 8.34722 11.2694 8.475 11.1417C8.60278 11.0139 8.66667 10.8556 8.66667 10.6667V8.66667H10.6667C10.8556 8.66667 11.0139 8.60278 11.1417 8.475C11.2694 8.34722 11.3333 8.18889 11.3333 8C11.3333 7.81111 11.2694 7.65278 11.1417 7.525C11.0139 7.39722 10.8556 7.33333 10.6667 7.33333H8.66667V5.33333C8.66667 5.14444 8.60278 4.98611 8.475 4.85833C8.34722 4.73056 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65278 4.73056 7.525 4.85833C7.39722 4.98611 7.33333 5.14444 7.33333 5.33333V7.33333H5.33333C5.14444 7.33333 4.98611 7.39722 4.85833 7.525C4.73056 7.65278 4.66667 7.81111 4.66667 8C4.66667 8.18889 4.73056 8.34722 4.85833 8.475C4.98611 8.60278 5.14444 8.66667 5.33333 8.66667H7.33333ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cdaf90ebb49cdf769bde0dbdc727cca22c451f89' }, h("path", { key: '3f79b7b2be7f42efdd68c1c1ba7641e503e88e7e', d: "M11 13V16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16V13H16C16.2833 13 16.5208 12.9042 16.7125 12.7125C16.9042 12.5208 17 12.2833 17 12C17 11.7167 16.9042 11.4792 16.7125 11.2875C16.5208 11.0958 16.2833 11 16 11H13V8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8V11H8C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13H11ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f6f7c521b6be50b68e481af835f1e7cfcffcf945' }, h("path", { key: 'b13059458b7f80a3eebc09436e7def67f0002fa5', d: "M12.8333 15.1667V18.6667C12.8333 18.9972 12.9451 19.2743 13.1687 19.4979C13.3924 19.7215 13.6694 19.8333 14 19.8333C14.3306 19.8333 14.6076 19.7215 14.8313 19.4979C15.0549 19.2743 15.1667 18.9972 15.1667 18.6667V15.1667H18.6667C18.9972 15.1667 19.2743 15.0549 19.4979 14.8313C19.7215 14.6076 19.8333 14.3306 19.8333 14C19.8333 13.6694 19.7215 13.3924 19.4979 13.1687C19.2743 12.9451 18.9972 12.8333 18.6667 12.8333H15.1667V9.33333C15.1667 9.00278 15.0549 8.72569 14.8313 8.50208C14.6076 8.27847 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3924 8.27847 13.1687 8.50208C12.9451 8.72569 12.8333 9.00278 12.8333 9.33333V12.8333H9.33333C9.00278 12.8333 8.72569 12.9451 8.50208 13.1687C8.27847 13.3924 8.16667 13.6694 8.16667 14C8.16667 14.3306 8.27847 14.6076 8.50208 14.8313C8.72569 15.0549 9.00278 15.1667 9.33333 15.1667H12.8333ZM5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-add-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconAddModerator {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: 'bf9a107dd0067cec57132c21676567aea80eda45', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '6ec88a0a7a89ecc2d8a55501eea0e2b235acb41d' }, this.label), this.size === 16 && (h(Fragment, { key: 'e0489f108c0b2a546ba412e1b1b9c66e1faf33da' }, h("path", { key: '9e3f700972b1997e7673cf7fa2cf4ea256f04ce7', d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cdb334ce090a52c9225910968a659ffd95b31232' }, h("path", { key: '820d56dae021823ed2c8cb8e942cb04dea01e5bd', d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '789b127f1111e7183fc5b224d8f0f8e93afb6579' }, h("path", { key: '1f747a5a5ff744bc90c17af1c8d8c5cb2a9fbdaa', d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })))));
+        return (h("svg", { key: '9be5c16d4e64cb4c6179e8e4f4f9292aaba1aca1', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '524add8c8946d41155bcfa755bf26691f9c5dd95' }, this.label), this.size === 16 && (h(Fragment, { key: 'd30b1e52c70eb3f9452bd4b74eec12c90e30474b' }, h("path", { key: '186583f257f4be64bafa5a3b4b7e0a898ff69484', d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bd0b2c5161b0f541d4e292db34b0864adbe36568' }, h("path", { key: '1d230378c7527ddfbbeb8c2c0daffad2f8dc67fa', d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c4a50188aadb0ec23e4b7397321916a9924ceb3f' }, h("path", { key: '893f9b3077e37c73867e0162d587a8b281dc6a48', d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-add-moderator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconAddPhoto {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '6fd52e47146d9aaf35cbed0004b38fa7910e05d3', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'c3e67d26115ea039c7d3766ded6835d4b5e91a2b' }, this.label), this.size === 16 && (h(Fragment, { key: 'ef80cce5e23a0eeb461563915720a6c508faaf2f' }, h("path", { key: 'b4e8e5efb7c6187984672f993b15f034374bec90', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ad01710286d645ba2f668963ae30dd9fd7632e16' }, h("path", { key: '33cc7a1035b631d5eff7a40b6b3f1b39f4d9f77d', d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '705d6e763196efb8bca947ddf31e3b77d5c5d66a' }, h("path", { key: '5f09d19c9b1cf63bacbe23981ab64051615ce3bd', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
+        return (h("svg", { key: '7b518681e6be666500730fdceeaccff5db117820', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '6b0d596868c88a270d4be22c20a3273aec7e8635' }, this.label), this.size === 16 && (h(Fragment, { key: '5afaca514a23744063d7728c1add1e1cb3f2bdc6' }, h("path", { key: 'e3ba1a1526f3cca6c62fa6a0184df6060c86e95c', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e1853735175a3755a6222b0582fb50cd787f09ed' }, h("path", { key: 'ccffa6a87cc523e8921637c2b033fee9a98fe000', d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2ef9ffc0fec2f645b48a95dc7a898e5141563e3e' }, h("path", { key: 'f2b5f9a66e821046814031f1bb62dfef539ec05a', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-add-photo"; }
     static get encapsulation() { return "shadow"; }