@affinda/wc 0.6.1 → 0.7.0

package/dist/collection/components/af-next-step-item/af-next-step-item.css

@@ -0,0 +1,137 @@
+:host {
+  display: flex;
+  position: relative;
+  padding: var(--space-4, 16px) 0;
+}
+
+/* First item no top padding */
+:host(:first-child) {
+  padding-top: 0;
+}
+
+/* Last item no bottom padding */
+:host(:last-child) {
+  padding-bottom: 0;
+}
+
+/* ==========================================================================
+   Connector Line
+   ========================================================================== */
+
+.next-step-item__connector {
+  position: absolute;
+  left: 19px;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: var(--af-background-border-default, #d1ddda);
+}
+
+/* First item: connector starts from badge center */
+:host(:first-child) .next-step-item__connector {
+  top: 20px;
+}
+
+/* Last item: connector ends at badge center */
+:host(:last-child) .next-step-item__connector {
+  bottom: calc(100% - 20px);
+}
+
+/* Single item: no connector */
+:host(:only-child) .next-step-item__connector {
+  display: none;
+}
+
+/* ==========================================================================
+   Badge
+   ========================================================================== */
+
+.next-step-item__badge {
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: var(--af-background-contrast, #c6d5d1);
+  color: var(--af-typography-heading-primary, #14343b);
+  position: relative;
+  z-index: 1;
+}
+
+/* When numbered, af-number-badge handles styling */
+:host(.next-step-item--numbered) .next-step-item__badge {
+  background-color: transparent;
+  width: auto;
+  height: auto;
+}
+
+/* ==========================================================================
+   Content
+   ========================================================================== */
+
+.next-step-item__content {
+  flex: 1;
+  min-width: 0;
+  margin-left: var(--space-4, 16px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--space-1, 4px);
+}
+
+.next-step-item__title {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-weight: var(--font-weight-book, 500);
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--af-typography-heading-primary, #14343b);
+}
+
+.next-step-item__description {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-weight: var(--font-weight-regular, 400);
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--af-typography-body-subtle, #60767b);
+}
+
+.next-step-item__description:empty {
+  display: none;
+}
+
+/* ==========================================================================
+   Mobile Responsive
+   ========================================================================== */
+
+@media (max-width: 480px) {
+  .next-step-item__badge {
+    width: 36px;
+    height: 36px;
+  }
+
+  .next-step-item__connector {
+    left: 17px;
+  }
+
+  :host(:first-child) .next-step-item__connector {
+    top: 18px;
+  }
+
+  :host(:last-child) .next-step-item__connector {
+    bottom: calc(100% - 18px);
+  }
+
+  .next-step-item__content {
+    margin-left: var(--space-3, 12px);
+  }
+
+  .next-step-item__title {
+    font-size: 15px;
+  }
+
+  .next-step-item__description {
+    font-size: 13px;
+  }
+}

package/dist/collection/components/af-next-step-item/af-next-step-item.js

@@ -0,0 +1,122 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Individual item within an af-next-steps container.
+ * Renders with an icon or number badge and optional description.
+ *
+ * @slot - Step title content
+ * @slot description - Optional detail text
+ *
+ * @example
+ * ```html
+ * <af-next-step-item icon="check">
+ *   Complete the form
+ *   <span slot="description">Fill in all required fields.</span>
+ * </af-next-step-item>
+ * ```
+ */
+export class AfNextStepItem {
+    constructor() {
+        /**
+         * Icon to display in the badge. Ignored when parent has `numbered` set.
+         */
+        this.icon = 'arrow-right';
+        /**
+         * Step number. Auto-assigned by parent `af-next-steps` when `numbered`.
+         */
+        this.index = 0;
+        /**
+         * Whether to show number instead of icon. Set by parent `af-next-steps`.
+         */
+        this.numbered = false;
+    }
+    render() {
+        const clampedIndex = Math.max(1, Math.min(10, this.index));
+        return (h(Host, { key: '97329635dc58cf420d8f985b0a9e233d2baf409e', class: {
+                'next-step-item': true,
+                'next-step-item--numbered': this.numbered,
+            }, role: "listitem" }, h("div", { key: '9734855ac7c1012ab85d14986b30875c93407730', class: "next-step-item__connector", "aria-hidden": "true" }), h("div", { key: 'f554838ae2ebe43e39cf163015da4f517c1de62a', class: "next-step-item__badge" }, this.numbered ? (h("af-number-badge", { number: clampedIndex, variant: "inCircle", size: 40 })) : (h("af-icon", { name: this.icon, size: 20 }))), h("div", { key: '25b6edb59907765ce4dab0066d5e4916c1b53f7b', class: "next-step-item__content" }, h("div", { key: 'b347fc3747b215f89b59a16d5c7d253f1dc53654', class: "next-step-item__title" }, h("slot", { key: '9d68088399fa11fcf194aad64936d2ae188d4db1' })), h("div", { key: 'a66be31029860533875d932a641534efc52b0025', class: "next-step-item__description" }, h("slot", { key: '65222fff32c7502534fe969cf39ec5a8d9c50058', name: "description" })))));
+    }
+    static get is() { return "af-next-step-item"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-next-step-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-next-step-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconName",
+                    "resolved": "\"account-01\" | \"account-02\" | \"accounts-payable\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"bpo\" | \"chats\" | \"check\" | \"check-circle\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"close\" | \"code\" | \"data\" | \"document-upload\" | \"download\" | \"edit\" | \"email\" | \"eye\" | \"facebook\" | \"gear\" | \"github\" | \"heart\" | \"home\" | \"info\" | \"insurance\" | \"lending-01\" | \"lending-02\" | \"link-out\" | \"linkedin\" | \"map-pin\" | \"menu\" | \"minus\" | \"numbers\" | \"pause\" | \"play\" | \"plus\" | \"productivity\" | \"quote\" | \"recruitment\" | \"refresh\" | \"search\" | \"security-01\" | \"security-02\" | \"solutions\" | \"sparkle\" | \"support\" | \"system\" | \"time\" | \"verification-01\" | \"wand\" | \"x\" | \"youtube\"",
+                    "references": {
+                        "IconName": {
+                            "location": "import",
+                            "path": "@affinda/icons",
+                            "id": "../icons/dist/index.d.ts::IconName",
+                            "referenceLocation": "IconName"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon to display in the badge. Ignored when parent has `numbered` set."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon",
+                "defaultValue": "'arrow-right'"
+            },
+            "index": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Step number. Auto-assigned by parent `af-next-steps` when `numbered`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "index",
+                "defaultValue": "0"
+            },
+            "numbered": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show number instead of icon. Set by parent `af-next-steps`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "numbered",
+                "defaultValue": "false"
+            }
+        };
+    }
+}

package/dist/collection/components/af-next-steps/af-next-steps.css

@@ -0,0 +1,27 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.next-steps__heading {
+  margin-bottom: var(--space-4, 16px);
+}
+
+.next-steps__heading:empty {
+  display: none;
+}
+
+.next-steps__heading ::slotted(*) {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-weight: var(--font-weight-book, 500);
+  font-size: 20px;
+  line-height: 28px;
+  color: var(--af-typography-heading-primary, #14343b);
+  margin: 0;
+}
+
+.next-steps__list {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}

package/dist/collection/components/af-next-steps/af-next-steps.js

@@ -0,0 +1,89 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Container for a list of next steps or upcoming actions.
+ * Renders children `af-next-step-item` elements in a vertical stack with
+ * connector lines between items, similar to stepper components.
+ *
+ * @slot heading - Optional section heading above the steps
+ * @slot - `af-next-step-item` children
+ *
+ * @example
+ * ```html
+ * <af-next-steps numbered>
+ *   <span slot="heading">What's Next</span>
+ *   <af-next-step-item>
+ *     Review the proposal
+ *     <span slot="description">Check all sections are complete.</span>
+ *   </af-next-step-item>
+ *   <af-next-step-item>
+ *     Submit for approval
+ *   </af-next-step-item>
+ * </af-next-steps>
+ * ```
+ */
+export class AfNextSteps {
+    constructor() {
+        /**
+         * Show step numbers instead of icons.
+         */
+        this.numbered = false;
+    }
+    componentDidLoad() {
+        this.assignIndices();
+    }
+    componentDidUpdate() {
+        this.assignIndices();
+    }
+    assignIndices() {
+        const items = Array.from(this.el.querySelectorAll('af-next-step-item'));
+        items.forEach((item, i) => {
+            item.numbered = this.numbered;
+            if (item.index == null || item.index === 0) {
+                item.index = i + 1;
+            }
+        });
+    }
+    render() {
+        return (h(Host, { key: 'ab1f36a1b5d72ec67e998ccea066c4922e38615a', class: {
+                'next-steps': true,
+                'next-steps--numbered': this.numbered,
+            } }, h("div", { key: '31c6e587f409b3a219c0f7d02a7d78e6e38a2449', class: "next-steps__heading" }, h("slot", { key: '3548c5998c925d8341b916a1acf5cc5233245532', name: "heading" })), h("div", { key: '5e4ff2f25c7f17027957904d770873d9b0273b79', class: "next-steps__list", role: "list" }, h("slot", { key: '53c3a2d92e833254faa16955b835d29417309fe7' }))));
+    }
+    static get is() { return "af-next-steps"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-next-steps.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-next-steps.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "numbered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show step numbers instead of icons."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "numbered",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/af-number-badge/af-number-badge.js

@@ -28,13 +28,13 @@ export class AfNumberBadge {
     }
     render() {
         const isInCircle = this.variant === 'inCircle';
-        const fontSize = isInCircle ? this.size * 0.4 : this.size * 0.8;
+        const fontSize = isInCircle ? this.size * 0.5 : this.size * 0.8;
         const badgeStyle = {
             width: `${this.size}px`,
             height: `${this.size}px`,
             fontSize: `${fontSize}px`,
         };
-        return (h(Host, { key: 'e38ee2826f507669b252c5aac8b02c9f0040d97e', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, h("span", { key: '49d9df033be715ce38e87b32a8fec3b2d9596675', class: {
+        return (h(Host, { key: '0a4f241dd6ddb99f24a90863987d9d44cd640f42', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, h("span", { key: '18ac73a9e910382b3e45d0118421f5edc55b740b', class: {
                 'badge': true,
                 [`variant-${this.variant}`]: true,
             }, style: badgeStyle }, this.number)));
@@ -62,7 +62,7 @@ export class AfNumberBadge {
                     "references": {
                         "NumberBadgeNumber": {
                             "location": "local",
-                            "path": "/home/runner/work/affinda-ui/affinda-ui/packages/wc/src/components/af-number-badge/af-number-badge.tsx",
+                            "path": "/home/runner/work/affinda-website-npm-publish/affinda-website-npm-publish/packages/wc/src/components/af-number-badge/af-number-badge.tsx",
                             "id": "src/components/af-number-badge/af-number-badge.tsx::NumberBadgeNumber"
                         }
                     }
@@ -88,7 +88,7 @@ export class AfNumberBadge {
                     "references": {
                         "NumberBadgeVariant": {
                             "location": "local",
-                            "path": "/home/runner/work/affinda-ui/affinda-ui/packages/wc/src/components/af-number-badge/af-number-badge.tsx",
+                            "path": "/home/runner/work/affinda-website-npm-publish/affinda-website-npm-publish/packages/wc/src/components/af-number-badge/af-number-badge.tsx",
                             "id": "src/components/af-number-badge/af-number-badge.tsx::NumberBadgeVariant"
                         }
                     }
@@ -128,4 +128,3 @@ export class AfNumberBadge {
         };
     }
 }
-//# sourceMappingURL=af-number-badge.js.map

package/dist/collection/components/af-numbered-stepper/af-numbered-stepper.js

@@ -49,7 +49,7 @@ export class AfNumberedStepper {
         });
     }
     render() {
-        return (h(Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, h("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
+        return (h(Host, { key: '82523a99af2ba155cbf95d0787ebb152799023ce', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, h("slot", { key: 'ad089d8d3f6c004318f01796490ebd22115c16a1' })));
     }
     static get is() { return "af-numbered-stepper"; }
     static get encapsulation() { return "scoped"; }
@@ -89,4 +89,3 @@ export class AfNumberedStepper {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=af-numbered-stepper.js.map

package/dist/collection/components/af-numbered-stepper-item/af-numbered-stepper-item.css

@@ -3,11 +3,12 @@
  * reaches into the next sibling's marker row, so visually the line spans
  * between the two badges. Hidden on :last-child. */
 :host {
+  --numbered-stepper-item-inline-padding: var(--space-6, 24px);
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
-  padding: 0 var(--space-6, 24px);
+  padding: 0 var(--numbered-stepper-item-inline-padding);
   min-width: 0;
   color: var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B));
 }
@@ -20,22 +21,29 @@
   margin-bottom: var(--space-6, 24px);
 }
 
+:host-context(.numbered-stepper--horizontal) .numbered-stepper-item__marker-row {
+  width: calc(100% + (var(--numbered-stepper-item-inline-padding) * 2));
+  margin-inline: calc(var(--numbered-stepper-item-inline-padding) * -1);
+}
+
 .numbered-stepper-item__badge {
   position: relative;
   z-index: 1;
 }
 
 /* Connector segment between this badge and the next one.
- * 20px = half of 40px badge. We offset by that from the centre so the line
+ * 24px = half of 48px badge. We offset by that from the centre so the line
  * starts at the edge of the badge and stretches off the right side of the
  * host, joining the next item's mirror-offset half. */
 .numbered-stepper-item__connector {
   position: absolute;
-  left: calc(50% + 20px);
-  right: calc(-50% + 20px);
+  left: calc(50% + 36px);
+  right: calc(-50% + 36px);
   top: 50%;
-  height: 1px;
+  height: 3px;
   background: var(--colour-brand-soft-clay, #B09670);
+  border-radius: 999px;
+  transform: translateY(-50%);
 }
 
 /* Last item doesn't draw a connector. */
@@ -48,6 +56,37 @@
   max-width: 320px;
 }
 
+.numbered-stepper-item__heading {
+  font-family: var(--typography-headingfont, 'NeuSans', sans-serif);
+  font-weight: var(--font-weight-regular, 400);
+  font-size: var(--font-size-heading-card-desktop, 22px);
+  line-height: var(--line-height-heading-card, 28px);
+  letter-spacing: var(--letter-spacing-heading, -0.02em);
+  color: var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B));
+}
+
+.numbered-stepper-item__heading ::slotted(*) {
+  margin: 0;
+  font: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+}
+
+.numbered-stepper-item__body {
+  margin-top: var(--space-3, 12px);
+  font-family: var(--typography-bodyfont, 'NeuSans', sans-serif);
+  font-size: var(--font-size-body-large, 18px);
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--line-height-body-large, 26px);
+  color: var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F));
+}
+
+.numbered-stepper-item__body ::slotted(*) {
+  margin: 0;
+  font: inherit;
+  color: inherit;
+}
+
 /* Vertical parent orientation: badges in a column, text to the right.
  * Connector runs vertically along the badge column. */
 :host-context(.numbered-stepper--vertical) {
@@ -71,10 +110,10 @@
 :host-context(.numbered-stepper--vertical) .numbered-stepper-item__connector {
   left: 50%;
   right: auto;
-  top: calc(var(--space-10, 40px) + var(--space-1, 4px));
+  top: calc(48px + var(--space-1, 4px));
   bottom: calc(var(--space-8, 32px) * -1);
   height: auto;
-  width: 1px;
+  width: 3px;
   transform: translateX(-50%);
 }
 
@@ -98,6 +137,7 @@
   :host-context(.numbered-stepper--horizontal) .numbered-stepper-item__marker-row {
     width: auto;
     flex-shrink: 0;
+    margin-inline: 0;
     margin-bottom: 0;
   }
 
@@ -110,4 +150,8 @@
     flex: 1 1 auto;
     padding-top: var(--space-2, 8px);
   }
+
+  .numbered-stepper-item__heading {
+    font-size: var(--font-size-heading-card-mobile, 20px);
+  }
 }

package/dist/collection/components/af-numbered-stepper-item/af-numbered-stepper-item.js

@@ -24,7 +24,7 @@ export class AfNumberedStepperItem {
     render() {
         // The badge supports 1–10; clamp for safety so we never pass a bad prop.
         const clamped = Math.max(1, Math.min(10, this.index | 0));
-        return (h(Host, { key: '62bc6f558da62d664e22c680af3d4a0cd959ee27', role: "listitem" }, h("div", { key: 'aac9fb7f30e3a0bbb70303102526bc9871910737', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, h("af-number-badge", { key: 'fb4ba62a61cdc4bced7985f8013a7adcc309cf0e', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), h("span", { key: '3090034f17f0c62ab94a91bd45b5772856b6c632', class: "numbered-stepper-item__connector" })), h("af-typography-lockup", { key: 'fdcc257515a9265330d4443d6e665ad44630cc73', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, h("slot", { key: '6905c5a82d0dc82ed81ef3847f534bde32be9262', name: "heading" }), h("span", { key: '8be84e524019bf3f51b5d8447eaae5d6d2b881f0', slot: "description" }, h("slot", { key: '6c0b5d91a79706cb864fa532d6432699130bd728', name: "body" })))));
+        return (h(Host, { key: '81d3f6cd28b01cf55a40fda061d9cdd374485dcf', role: "listitem" }, h("div", { key: '6cc77e075287b695f5222ea8e9eff709fe38e100', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, h("af-number-badge", { key: 'a39189658b9dfd6138d765571b532eaf51bf35fd', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 48 }), h("span", { key: 'a4e2a0aaab8e1fb87ca05f2f36c076b163a92eef', class: "numbered-stepper-item__connector" })), h("div", { key: '87e2830b3edb930ae21cfdfdbc10ff8c90cfdf57', class: "numbered-stepper-item__lockup" }, h("div", { key: '2c496622671e8ea9f11964509a942311c743bf5d', class: "numbered-stepper-item__heading" }, h("slot", { key: '5702b182ee55d16efd9fd859b03e96b16ac184c9', name: "heading" })), h("div", { key: '6257e4165560c1430ede3cd46cb51c1de23d92c6', class: "numbered-stepper-item__body" }, h("slot", { key: 'e8768fb2ccd7d3287dcb8158851a5ccf2f0fcad2', name: "body" })))));
     }
     static get is() { return "af-numbered-stepper-item"; }
     static get encapsulation() { return "scoped"; }
@@ -63,4 +63,3 @@ export class AfNumberedStepperItem {
         };
     }
 }
-//# sourceMappingURL=af-numbered-stepper-item.js.map

package/dist/collection/components/af-paperclip-decoration/af-paperclip-decoration.js

@@ -54,7 +54,7 @@ export class AfPaperclipDecoration {
         this.fill = 'white';
     }
     render() {
-        return (h(Host, { key: '9db0e4d35474d6c783387ed5c522943ac89f5315' }, h("svg", { key: 'a79d736a5ab711844bc1f2233c493edf66039fb4', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, h("path", { key: 'c6a0f21366a159e5af9f69e324797450e4b31b15', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
+        return (h(Host, { key: '050140c0d13431a76bf882b708fd8e71b7c40aa5' }, h("svg", { key: 'd458c152fa4a3621e5a2f220f7c0cfd0e85f7028', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, h("path", { key: '6e1e31a5be0b79f8a6550c5c53f0b4c2f1c40843', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
     }
     static get is() { return "af-paperclip-decoration"; }
     static get encapsulation() { return "shadow"; }
@@ -153,4 +153,3 @@ export class AfPaperclipDecoration {
         };
     }
 }
-//# sourceMappingURL=af-paperclip-decoration.js.map