@affinda/wc 0.6.2 → 0.7.0

package/dist/collection/components/af-chart-tooltip/af-chart-tooltip.css

@@ -0,0 +1,155 @@
+/**
+ * af-chart-tooltip styles
+ */
+
+:host {
+  position: absolute;
+  z-index: 100;
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.15s ease, visibility 0.15s ease;
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+}
+
+:host(.chart-tooltip--visible) {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* ==========================================================================
+   Content Container
+   ========================================================================== */
+
+.chart-tooltip__content {
+  background: var(--af-chart-tooltip-bg, #ffffff);
+  border: 1px solid var(--af-chart-tooltip-border, #e8ebeb);
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  padding: 8px 12px;
+  min-width: 80px;
+  max-width: 240px;
+  white-space: nowrap;
+}
+
+/* ==========================================================================
+   Title
+   ========================================================================== */
+
+.chart-tooltip__title {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--af-chart-text-muted, #6b8085);
+  margin-bottom: 6px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--af-chart-tooltip-border, #e8ebeb);
+}
+
+/* ==========================================================================
+   Rows
+   ========================================================================== */
+
+.chart-tooltip__row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 2px 0;
+}
+
+.chart-tooltip__row--primary {
+  padding-bottom: 4px;
+}
+
+.chart-tooltip__rows {
+  border-top: 1px solid var(--af-chart-tooltip-border, #e8ebeb);
+  margin-top: 4px;
+  padding-top: 6px;
+}
+
+.chart-tooltip__rows .chart-tooltip__row {
+  font-size: 12px;
+}
+
+/* ==========================================================================
+   Swatch
+   ========================================================================== */
+
+.chart-tooltip__swatch {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  flex-shrink: 0;
+}
+
+/* ==========================================================================
+   Label & Value
+   ========================================================================== */
+
+.chart-tooltip__label {
+  flex: 1;
+  font-size: 13px;
+  color: var(--af-chart-text, #2b484f);
+}
+
+.chart-tooltip__value {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--af-chart-tooltip-text, #2b484f);
+  font-variant-numeric: tabular-nums;
+}
+
+.chart-tooltip__rows .chart-tooltip__label {
+  font-size: 12px;
+  color: var(--af-chart-text-muted, #6b8085);
+}
+
+.chart-tooltip__rows .chart-tooltip__value {
+  font-size: 12px;
+  font-weight: 500;
+}
+
+/* ==========================================================================
+   Arrow/Pointer (optional - CSS triangle)
+   ========================================================================== */
+
+:host(.chart-tooltip--top) .chart-tooltip__content::after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-top-color: var(--af-chart-tooltip-bg, #ffffff);
+}
+
+:host(.chart-tooltip--bottom) .chart-tooltip__content::after {
+  content: '';
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-bottom-color: var(--af-chart-tooltip-bg, #ffffff);
+}
+
+:host(.chart-tooltip--left) .chart-tooltip__content::after {
+  content: '';
+  position: absolute;
+  left: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border: 6px solid transparent;
+  border-left-color: var(--af-chart-tooltip-bg, #ffffff);
+}
+
+:host(.chart-tooltip--right) .chart-tooltip__content::after {
+  content: '';
+  position: absolute;
+  right: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border: 6px solid transparent;
+  border-right-color: var(--af-chart-tooltip-bg, #ffffff);
+}

package/dist/collection/components/af-chart-tooltip/af-chart-tooltip.js

@@ -0,0 +1,286 @@
+import { h, Host } from "@stencil/core";
+/**
+ * A floating tooltip component for chart interactivity.
+ *
+ * Designed to be positioned programmatically by chart components.
+ * Supports single and multi-row content with optional color swatches.
+ *
+ * @slot - Custom tooltip content (overrides default rendering)
+ *
+ * @example Basic usage
+ * ```html
+ * <af-chart-tooltip id="my-tooltip"></af-chart-tooltip>
+ *
+ * <script>
+ *   const tooltip = document.getElementById('my-tooltip');
+ *   tooltip.show({ label: 'January', value: 1200 }, 100, 50);
+ * </script>
+ * ```
+ *
+ * @example Multi-row tooltip
+ * ```html
+ * <af-chart-tooltip id="multi-tooltip"></af-chart-tooltip>
+ *
+ * <script>
+ *   tooltip.show({
+ *     title: 'Q1 2024',
+ *     label: 'Revenue',
+ *     value: '$120K',
+ *     rows: [
+ *       { label: 'Sales', value: '$80K', color: '#c6d5d1' },
+ *       { label: 'Services', value: '$40K', color: '#c0ab8d' },
+ *     ]
+ *   }, 150, 80);
+ * </script>
+ * ```
+ */
+export class AfChartTooltip {
+    constructor() {
+        /**
+         * Theme for colors.
+         */
+        this.theme = 'white';
+        /**
+         * Tooltip placement relative to the anchor point.
+         */
+        this.placement = 'top';
+        /**
+         * Offset from anchor point in pixels.
+         */
+        this.offset = 8;
+        this.visible = false;
+        this.content = null;
+        this.position = { x: 0, y: 0 };
+    }
+    /**
+     * Show the tooltip at the specified position with content.
+     *
+     * @param content - Tooltip content
+     * @param x - X position (relative to parent container)
+     * @param y - Y position (relative to parent container)
+     */
+    async show(content, x, y) {
+        this.content = content;
+        this.position = { x, y };
+        this.visible = true;
+    }
+    /**
+     * Hide the tooltip.
+     */
+    async hide() {
+        this.visible = false;
+    }
+    /**
+     * Update the tooltip position without changing content.
+     */
+    async updatePosition(x, y) {
+        this.position = { x, y };
+    }
+    getTransform() {
+        const { placement, offset } = this;
+        switch (placement) {
+            case 'top':
+                return `translate(-50%, calc(-100% - ${offset}px))`;
+            case 'bottom':
+                return `translate(-50%, ${offset}px)`;
+            case 'left':
+                return `translate(calc(-100% - ${offset}px), -50%)`;
+            case 'right':
+                return `translate(${offset}px, -50%)`;
+            default:
+                return `translate(-50%, calc(-100% - ${offset}px))`;
+        }
+    }
+    render() {
+        const { visible, content, position, placement } = this;
+        return (h(Host, { key: 'ac03b19db3735fe538048be6255856c0f2f6cea9', class: {
+                'chart-tooltip': true,
+                'chart-tooltip--visible': visible,
+                [`chart-tooltip--${placement}`]: true,
+            }, style: {
+                left: `${position.x}px`,
+                top: `${position.y}px`,
+                transform: this.getTransform(),
+            }, role: "tooltip", "aria-hidden": !visible }, content && (h("div", { key: '3ee349b78216db0a350603331b2a25c7b4dc7c19', class: "chart-tooltip__content" }, content.title && (h("div", { key: '44646cddb3338c75781185ae70f4f7864ddf7ac7', class: "chart-tooltip__title" }, content.title)), h("div", { key: '80937eed20255012e2b42d77a899e610341735a9', class: "chart-tooltip__row chart-tooltip__row--primary" }, content.color && (h("span", { key: '4c2b6639344413329d8da2653ef3dae0b5a00e6a', class: "chart-tooltip__swatch", style: { backgroundColor: content.color } })), h("span", { key: '4768ece290fdc6fffdf90b51070707fbb2d871a9', class: "chart-tooltip__label" }, content.label), h("span", { key: 'd7b87295d447b521f3c917801f4320038504d2ed', class: "chart-tooltip__value" }, content.value)), content.rows && content.rows.length > 0 && (h("div", { key: 'ea869ea38271a85fe7e98bced0d0265b90d73b0c', class: "chart-tooltip__rows" }, content.rows.map((row, i) => (h("div", { key: i, class: "chart-tooltip__row" }, row.color && (h("span", { class: "chart-tooltip__swatch", style: { backgroundColor: row.color } })), h("span", { class: "chart-tooltip__label" }, row.label), h("span", { class: "chart-tooltip__value" }, row.value)))))))), h("slot", { key: 'e1d2da37d159a1d0cea50d361e484d2e84e2095e' })));
+    }
+    static get is() { return "af-chart-tooltip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["af-chart-tooltip.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["af-chart-tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Theme",
+                    "resolved": "\"inkwell\" | \"mist-green\" | \"soft-clay\" | \"white\" | \"white-ivory\"",
+                    "references": {
+                        "Theme": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme for colors."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "theme",
+                "defaultValue": "'white'"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'top' | 'bottom' | 'left' | 'right'",
+                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip placement relative to the anchor point."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placement",
+                "defaultValue": "'top'"
+            },
+            "offset": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Offset from anchor point in pixels."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "offset",
+                "defaultValue": "8"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "visible": {},
+            "content": {},
+            "position": {}
+        };
+    }
+    static get methods() {
+        return {
+            "show": {
+                "complexType": {
+                    "signature": "(content: TooltipContent, x: number, y: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "content",
+                            "type": "TooltipContent",
+                            "docs": "- Tooltip content"
+                        }, {
+                            "name": "x",
+                            "type": "number",
+                            "docs": "- X position (relative to parent container)"
+                        }, {
+                            "name": "y",
+                            "type": "number",
+                            "docs": "- Y position (relative to parent container)"
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "TooltipContent": {
+                            "location": "local",
+                            "path": "/home/runner/work/affinda-website-npm-publish/affinda-website-npm-publish/packages/wc/src/components/af-chart-tooltip/af-chart-tooltip.tsx",
+                            "id": "src/components/af-chart-tooltip/af-chart-tooltip.tsx::TooltipContent"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Show the tooltip at the specified position with content.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "content - Tooltip content"
+                        }, {
+                            "name": "param",
+                            "text": "x - X position (relative to parent container)"
+                        }, {
+                            "name": "param",
+                            "text": "y - Y position (relative to parent container)"
+                        }]
+                }
+            },
+            "hide": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Hide the tooltip.",
+                    "tags": []
+                }
+            },
+            "updatePosition": {
+                "complexType": {
+                    "signature": "(x: number, y: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "x",
+                            "type": "number",
+                            "docs": ""
+                        }, {
+                            "name": "y",
+                            "type": "number",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Update the tooltip position without changing content.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/af-checkbox/af-checkbox.js

@@ -183,4 +183,3 @@ export class AfCheckbox {
             }];
     }
 }
-//# sourceMappingURL=af-checkbox.js.map

package/dist/collection/components/af-client-carousel/af-client-carousel.css

@@ -10,6 +10,8 @@
   align-items: center;
   width: 100%;
   overflow: hidden;
+  box-sizing: border-box;
+  border-top: 1px solid var(--af-carousel-border-subtle, rgba(20, 52, 59, 0.12));
 }
 
 .carousel-container {
@@ -46,9 +48,10 @@
   animation-duration: 40s;
 }
 
-/* No pause on hover — the carousel is purely decorative; pausing it on
-   hover felt jittery when the cursor accidentally crossed it (and live
-   affinda.com keeps it scrolling regardless). */
+.carousel-row:hover .logo-track,
+.carousel-row:focus-within .logo-track {
+  animation-play-state: paused;
+}
 
 /* Respect reduced motion: stop the infinite scroll and hold at a
  * stable frame so logos remain visible instead of being offscreen. */
@@ -136,6 +139,7 @@
   --af-carousel-logo-well-bg: var(--colour-background-level1-dark, #203e45);
   --af-carousel-logo-color: white;
   --af-carousel-logo-filter: brightness(0) invert(1);
+  --af-carousel-border-subtle: var(--colour-background-level1-dark, #203e45);
 }
 
 /* WHITE THEME */
@@ -145,6 +149,7 @@
   --af-carousel-logo-well-bg: var(--colour-background-level1, #e8eeed);
   --af-carousel-logo-color: var(--colour-brand-inkwell, #14343B);
   --af-carousel-logo-filter: none;
+  --af-carousel-border-subtle: rgba(20, 52, 59, 0.12);
 }
 
 /* MIST-GREEN THEME */
@@ -154,6 +159,7 @@
   --af-carousel-logo-well-bg: var(--colour-mistgreen-300, #dde6e3);
   --af-carousel-logo-color: var(--colour-brand-inkwell, #14343B);
   --af-carousel-logo-filter: none;
+  --af-carousel-border-subtle: rgba(20, 52, 59, 0.14);
 }
 
 /* SOFT-CLAY THEME */
@@ -163,6 +169,7 @@
   --af-carousel-logo-well-bg: var(--colour-softclay-200, #d5c5b0);
   --af-carousel-logo-color: var(--colour-brand-inkwell, #14343B);
   --af-carousel-logo-filter: none;
+  --af-carousel-border-subtle: rgba(20, 52, 59, 0.14);
 }
 
 /* WHITE-IVORY THEME */
@@ -172,6 +179,7 @@
   --af-carousel-logo-well-bg: var(--colour-softclay-100, #f2eadc);
   --af-carousel-logo-color: var(--colour-brand-inkwell, #14343B);
   --af-carousel-logo-filter: none;
+  --af-carousel-border-subtle: rgba(20, 52, 59, 0.12);
 }
 
 /* ==========================================================================

package/dist/collection/components/af-client-carousel/af-client-carousel.js

@@ -47,6 +47,28 @@ export class AfClientCarousel {
         // skipping it avoids rendering every logo twice.
         if (this.mode === 'static')
             return;
+        this.scheduleTrackPreparation();
+    }
+    disconnectedCallback() {
+        if (this.resizeFrame !== undefined) {
+            cancelAnimationFrame(this.resizeFrame);
+        }
+    }
+    handleWindowResize() {
+        if (this.mode === 'static')
+            return;
+        this.scheduleTrackPreparation();
+    }
+    scheduleTrackPreparation() {
+        if (this.resizeFrame !== undefined) {
+            cancelAnimationFrame(this.resizeFrame);
+        }
+        this.resizeFrame = requestAnimationFrame(() => {
+            this.resizeFrame = undefined;
+            this.prepareTracks();
+        });
+    }
+    prepareTracks() {
         this.duplicateTrackContent(this.row1TrackRef);
         if (Number(this.rows) === 2) {
             this.duplicateTrackContent(this.row2TrackRef);
@@ -65,20 +87,34 @@ export class AfClientCarousel {
     duplicateTrackContent(track) {
         if (!track)
             return;
+        Array.from(track.querySelectorAll('[data-carousel-clone]')).forEach((clone) => clone.remove());
         const originals = Array.from(track.children).filter((child) => !child.hasAttribute('data-carousel-clone'));
-        originals.forEach((el) => {
-            const clone = el.cloneNode(true);
-            clone.setAttribute('data-carousel-clone', '');
-            clone.setAttribute('aria-hidden', 'true');
-            track.appendChild(clone);
-        });
+        if (!originals.length)
+            return;
+        const rowWidth = track.parentElement?.getBoundingClientRect().width ||
+            this.el.getBoundingClientRect().width ||
+            0;
+        const targetWidth = rowWidth > 0 ? rowWidth * 2 : track.scrollWidth * 2;
+        let setCount = 1;
+        const appendSet = () => {
+            originals.forEach((el) => {
+                const clone = el.cloneNode(true);
+                clone.setAttribute('data-carousel-clone', '');
+                clone.setAttribute('aria-hidden', 'true');
+                track.appendChild(clone);
+            });
+            setCount += 1;
+        };
+        while ((track.scrollWidth < targetWidth || setCount % 2 !== 0) && setCount < 8) {
+            appendSet();
+        }
     }
     render() {
         const rows = Number(this.rows);
         // Direction classes are left on in static mode too — the `.mode-static`
         // CSS rule overrides `animation` to `none`, so the direction is a no-op
         // visually but keeps the markup shape consistent across modes.
-        return (h(Host, { key: 'de2ab8e013b602bae7f3a7ec86f46008271017df', class: `theme-${this.theme} mode-${this.mode}` }, h("div", { key: '2a7f391b7f2821cc2b1fd22c4fecee8db49993eb', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, h("div", { key: 'a050be7df00baa8f606edaaffaf80bf66d2745a5', class: "carousel-container" }, h("div", { key: '652ebd5057f104456d327ea0741676d4c5f365c1', class: "carousel-row scroll-left" }, h("div", { key: '115c61cf864eafef5de415cf47d5e7ad78326f49', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, h("slot", { key: '16d1001521b3950fbf24868df8f2f3141571ab9d', name: "row-1" }, h("slot", { key: 'b939997a0c782911cc46b68d6a2ea14cb3a85018' })))), rows === 2 && (h("div", { key: '3490957a149d49dbbf37571efb27663c64bd39ea', class: "carousel-row scroll-right" }, h("div", { key: '46944607b424071fc97864601f4392a649f1a890', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, h("slot", { key: 'ec1be2a0b81dccfeda6a29650242808fcc67b214', name: "row-2" }))))))));
+        return (h(Host, { key: '7534e7d63dc4c24bb168028203bcf6f82c04d171', class: `theme-${this.theme} mode-${this.mode}` }, h("div", { key: '70b14e516c6a3256ca7826b763da7c98e5ae562f', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, h("div", { key: '55cbf4feab63b26e982f4c3911890eefff879f1c', class: "carousel-container" }, h("div", { key: '5a444fb1c225c4d716c3c8f7b0d7ae7a757c0f7d', class: "carousel-row scroll-left" }, h("div", { key: '0c226b896f7faf85f5a510e6fb4ca3ee92b01687', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, h("slot", { key: '4aaf8f3ca06b90008885106baa2df40730278d11', name: "row-1" }, h("slot", { key: 'e56d75ff50f42dd23653b12af888b5fcef9bf197' })))), rows === 2 && (h("div", { key: '810fca22375f5144095b2a058a36dc9561c5984b', class: "carousel-row scroll-right" }, h("div", { key: '4838eb88311f7df4b8b9eb0a529913b288af8811', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, h("slot", { key: 'e1c9b1d2a49df2f0c0a2466b56c40476387b59d4', name: "row-2" }))))))));
     }
     static get is() { return "af-client-carousel"; }
     static get encapsulation() { return "scoped"; }
@@ -104,7 +140,8 @@ export class AfClientCarousel {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -168,5 +205,13 @@ export class AfClientCarousel {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "resize",
+                "method": "handleWindowResize",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
 }
-//# sourceMappingURL=af-client-carousel.js.map

package/dist/collection/components/af-color-swatch/af-color-swatch.js

@@ -85,4 +85,3 @@ export class AfColorSwatch {
         };
     }
 }
-//# sourceMappingURL=af-color-swatch.js.map

package/dist/collection/components/af-contact-item/af-contact-item.js

@@ -11,7 +11,7 @@ export class AfContactItem {
         this.value = '';
     }
     render() {
-        return (h(Host, { key: '2893556bc677a8897d47874fd033e5c1bb04779d' }, h("div", { key: '94f6c309c6d624ce3682af895cc9fbfdb0a6b53d', class: "contact-item" }, this.label && (h("h5", { key: '26940fbcd567d9e0261fb62782fa9707ac1e3d61', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: '9bbc554da519bfd25d50d7a5e23dfbff1ca5bc59', class: "contact-item__value" }, this.value)), h("slot", { key: 'da7c5af2d1346ef6d9a2d2266138c49b9dbd93cc' }))));
+        return (h(Host, { key: '10ce827cdd782c32350a80c0148747c7604903f9' }, h("div", { key: '5e720d41dcdf3e5ddffc8dac37f6b433393bc9c5', class: "contact-item" }, this.label && (h("h5", { key: '69c6c229f8746f6209443ea8b89190babaf461c7', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: '631e66638709723c64810792f9af35abae36b6d0', class: "contact-item__value" }, this.value)), h("slot", { key: 'c886950e068496ae832aaa13e01ec48b8ce26fd3' }))));
     }
     static get is() { return "af-contact-item"; }
     static get encapsulation() { return "scoped"; }
@@ -70,4 +70,3 @@ export class AfContactItem {
         };
     }
 }
-//# sourceMappingURL=af-contact-item.js.map

package/dist/collection/components/af-container/af-container.js

@@ -54,4 +54,3 @@ export class AfContainer {
         };
     }
 }
-//# sourceMappingURL=af-container.js.map

package/dist/collection/components/af-divider/af-divider.js

@@ -28,7 +28,7 @@ export class AfDivider {
                 marginTop: spacingValue,
                 marginBottom: spacingValue,
             };
-        return (h(Host, { key: 'ac8090274a8306a9882b32bb3d5e16a591b86f2f', class: {
+        return (h(Host, { key: '714506b79c44d5cdf5da9775936e850ed6220b99', class: {
                 'divider': true,
                 'divider--horizontal': !isVertical,
                 'divider--vertical': isVertical,
@@ -101,4 +101,3 @@ export class AfDivider {
         };
     }
 }
-//# sourceMappingURL=af-divider.js.map