@tekus/design-system 4.0.2 → 5.0.0

package/fesm2022/tekus-design-system-core.mjs

@@ -0,0 +1,307 @@
+import { provideAppInitializer, inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { PrimeNG } from 'primeng/config';
+import { definePreset } from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
+
+var GapGutter;
+(function (GapGutter) {
+    GapGutter["normal"] = "24px";
+    GapGutter["small"] = "16px";
+    GapGutter["large"] = "32px";
+    GapGutter["extraLarge"] = "40px";
+})(GapGutter || (GapGutter = {}));
+var PaddingGridContainer;
+(function (PaddingGridContainer) {
+    PaddingGridContainer["large"] = "32px";
+    PaddingGridContainer["medium"] = "24px";
+    PaddingGridContainer["small"] = "16px";
+})(PaddingGridContainer || (PaddingGridContainer = {}));
+var Gutter;
+(function (Gutter) {
+    Gutter["normal"] = "normal";
+    Gutter["small"] = "small";
+    Gutter["large"] = "large";
+    Gutter["extraLarge"] = "extraLarge";
+})(Gutter || (Gutter = {}));
+
+const Breakpoints = {
+    // Covers all devices with a width less than or equal to 360px.
+    mobileSmall: '(max-width: 360px)',
+    // For small phones (e.g., most modern cell phones)
+    mobile: '(min-width: 361px) and (max-width: 424px)',
+    // For large phones (e.g., Google Pixel, iPhone Plus/Max)
+    mobileLarge: '(min-width: 425px) and (max-width: 575px)',
+    // Vertical tablets and medium-sized devices
+    tabletVertical: '(min-width: 576px) and (max-width: 767px)',
+    // Tablets in landscape mode
+    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',
+    // Laptops and small desktops
+    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',
+    // Large desks
+    desktop: '(min-width: 1200px) and (max-width: 1399px)',
+    // Ultra-wide screens
+    desktopLarge: '(min-width: 1400px)',
+};
+
+const TkPreset = definePreset(Aura, {
+    semantic: {
+        primary: {
+            900: '#16006f',
+            800: '#2b177b',
+            700: '#44338b',
+            600: '#54429d',
+            500: '#7366a8',
+            400: '#8275bb',
+            300: '#a29ac5',
+            200: '#d1cde2',
+            100: '#efeef5',
+        },
+        secondary: {
+            900: '#375f57',
+            800: '#467c71',
+            700: '#4f9385',
+            600: '#5bb09f',
+            500: '#6ad0bc',
+            400: '#87d9c9',
+            300: '#a5e2d6',
+            200: '#c3ece4',
+            100: '#e1f5f1',
+        },
+        accent: {
+            900: '#ffc55d',
+            800: '#ffca6b',
+            700: '#ffd07d',
+            600: '#ffd68f',
+            500: '#ffdc9d',
+            400: '#f5dbac',
+            300: '#ffe8be',
+            200: '#fff3df',
+            100: '#fffaf2',
+        },
+        neutral: {
+            900: '#040303',
+            800: '#333333',
+            700: '#444444',
+            600: '#5b5b5b',
+            500: '#6b6b6b',
+            400: '#9b9b9b',
+            300: '#b3b3b3',
+            200: '#cdcdcd',
+            100: '#f2f2f2',
+        },
+        success: {
+            900: '#004d34',
+            800: '#0c623e',
+            700: '#00875b',
+            600: '#18ae7d',
+            500: '#36b37e',
+            400: '#57d9a3',
+            300: '#79f2c0',
+            200: '#abf5d1',
+            100: '#e3fcef',
+        },
+        danger: {
+            900: '#950700',
+            800: '#af0c1d',
+            700: '#cf2604',
+            600: '#f43e11',
+            500: '#ff6640',
+            400: '#ff7f63',
+            300: '#ffa28b',
+            200: '#fbc2b4',
+            100: '#ffddd4',
+        },
+        info: {
+            900: '#01367b',
+            800: '#01469e',
+            700: '#0a68e0',
+            600: '#1c89ff',
+            500: '#3998ff',
+            400: '#509dff',
+            300: '#7bb4fe',
+            200: '#b3d4ff',
+            100: '#deebff',
+        },
+        warning: {
+            900: '#eca501',
+            800: '#ffb200',
+            700: '#ffbf2b',
+            600: '#ffc744',
+            500: '#ffd21b',
+            400: '#ffdc50',
+            300: '#fee26f',
+            200: '#ffeea9',
+            100: '#fff5cd',
+        },
+        surface: {
+            0: '#ffffff',
+            100: '#f2f2f2',
+        },
+        text: {
+            900: '#101820',
+            800: '#6c6c6c',
+            700: '#656d76',
+            600: '#a0a9b4',
+            500: '#d0d5dd',
+        },
+        border: {
+            soft: '#eaecf0',
+            error: '#de350b',
+            hover: '#667085',
+            focused: '#6ad0bc',
+            disabled: '#d0d5dd',
+        },
+        fullBlack: '#101820',
+        fullWhite: '#ffffff',
+    },
+    font: {
+        family: 'poppins, sans-serif',
+        size: {
+            xl: '2rem', // 32px
+            lg: '1.75rem', // 28px
+            md: '1.5rem', // 24px
+            sm: '1.25rem', // 20px
+            xs: '1.125rem', // 18px
+            '2xs': '1rem', // 16px
+            '3xs': '0.875rem', // 14px
+            '4xs': '0.75rem', // 12px
+            '5xs': '0.625rem', // 10px
+        },
+        weight: {
+            light: '200',
+            book: '300',
+            regular: '400',
+            medium: '500',
+            'semi-bold': '600',
+            bold: '700',
+            'extra-bold': '800',
+        },
+        lineHeight: {
+            xl: '1.5', // 48px / 32px
+            lg: '1.5', // 42px / 28px
+            md: '1.5', // 36px / 24px
+            sm: '1.5', // 30px / 20px
+            xs: '1.5', // 27px / 18px
+            '2xs': '1.5', // 24px / 16px
+            '3xs': '1.5', // 21px / 14px
+            '4xs': '1.5', // 18px / 12px
+            '5xs': '1.5', // 15px / 10px
+        },
+    },
+    spacing: {
+        1: '0.25rem', // 4px
+        2: '0.5rem', // 8px
+        3: '0.75rem', // 12px
+        4: '1rem', // 16px
+        5: '1.25rem', // 20px
+        6: '1.5rem', // 24px
+        8: '2rem', // 32px
+        10: '2.5rem', // 40px
+        12: '3rem', // 48px
+        16: '4rem', // 64px
+        20: '5rem', // 80px
+        24: '6rem', // 96px
+        32: '8rem', // 128px
+        40: '10rem', // 160px
+        48: '12rem', // 192px
+        56: '14rem', // 224px
+        64: '16rem', // 256px
+    },
+    components: {
+        button: {
+            root: {
+                outline: 'none',
+                boxShadow: 'none',
+                border: 'none',
+                focusBoxShadow: 'none',
+            },
+            colorScheme: {
+                light: {
+                    primary: {
+                        background: '{primary.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{primary.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{primary.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    secondary: {
+                        background: '{secondary.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{secondary.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{secondary.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    danger: {
+                        background: '{danger.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{danger.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{danger.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    link: {
+                        textDecoration: 'underline',
+                        background: 'none',
+                        boxShadow: 'none',
+                        color: '{primary.900}',
+                        fontSize: '{font.size.2xs}',
+                        fontWeight: '{font.weight.medium}',
+                        hoverColor: '{primary.700}',
+                        hoverBackground: 'none',
+                        activeColor: '{primary.600}',
+                        activeBackground: 'none',
+                    },
+                },
+            },
+        },
+    },
+});
+
+function themeFactory(config, document) {
+    return () => {
+        const fontLink = document.createElement('link');
+        fontLink.rel = 'stylesheet';
+        fontLink.href =
+            'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';
+        document.head.appendChild(fontLink);
+        const style = document.createElement('style');
+        style.innerHTML = `
+      body {
+        font-family: 'Poppins', sans-serif;
+      }
+    `;
+        document.head.appendChild(style);
+        config.theme.set({
+            preset: TkPreset,
+            options: {
+                darkModeSelector: undefined,
+            },
+        });
+    };
+}
+function provideTkTheme() {
+    return provideAppInitializer(() => {
+        const config = inject(PrimeNG);
+        const document = inject(DOCUMENT);
+        return themeFactory(config, document)();
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+//# sourceMappingURL=tekus-design-system-core.mjs.map

package/fesm2022/tekus-design-system-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      900: '#16006f',\n      800: '#2b177b',\n      700: '#44338b',\n      600: '#54429d',\n      500: '#7366a8',\n      400: '#8275bb',\n      300: '#a29ac5',\n      200: '#d1cde2',\n      100: '#efeef5',\n    },\n    secondary: {\n      900: '#375f57',\n      800: '#467c71',\n      700: '#4f9385',\n      600: '#5bb09f',\n      500: '#6ad0bc',\n      400: '#87d9c9',\n      300: '#a5e2d6',\n      200: '#c3ece4',\n      100: '#e1f5f1',\n    },\n    accent: {\n      900: '#ffc55d',\n      800: '#ffca6b',\n      700: '#ffd07d',\n      600: '#ffd68f',\n      500: '#ffdc9d',\n      400: '#f5dbac',\n      300: '#ffe8be',\n      200: '#fff3df',\n      100: '#fffaf2',\n    },\n    neutral: {\n      900: '#040303',\n      800: '#333333',\n      700: '#444444',\n      600: '#5b5b5b',\n      500: '#6b6b6b',\n      400: '#9b9b9b',\n      300: '#b3b3b3',\n      200: '#cdcdcd',\n      100: '#f2f2f2',\n    },\n    success: {\n      900: '#004d34',\n      800: '#0c623e',\n      700: '#00875b',\n      600: '#18ae7d',\n      500: '#36b37e',\n      400: '#57d9a3',\n      300: '#79f2c0',\n      200: '#abf5d1',\n      100: '#e3fcef',\n    },\n    danger: {\n      900: '#950700',\n      800: '#af0c1d',\n      700: '#cf2604',\n      600: '#f43e11',\n      500: '#ff6640',\n      400: '#ff7f63',\n      300: '#ffa28b',\n      200: '#fbc2b4',\n      100: '#ffddd4',\n    },\n    info: {\n      900: '#01367b',\n      800: '#01469e',\n      700: '#0a68e0',\n      600: '#1c89ff',\n      500: '#3998ff',\n      400: '#509dff',\n      300: '#7bb4fe',\n      200: '#b3d4ff',\n      100: '#deebff',\n    },\n    warning: {\n      900: '#eca501',\n      800: '#ffb200',\n      700: '#ffbf2b',\n      600: '#ffc744',\n      500: '#ffd21b',\n      400: '#ffdc50',\n      300: '#fee26f',\n      200: '#ffeea9',\n      100: '#fff5cd',\n    },\n    surface: {\n      0: '#ffffff',\n      100: '#f2f2f2',\n    },\n    text: {\n      900: '#101820',\n      800: '#6c6c6c',\n      700: '#656d76',\n      600: '#a0a9b4',\n      500: '#d0d5dd',\n    },\n    border: {\n      soft: '#eaecf0',\n      error: '#de350b',\n      hover: '#667085',\n      focused: '#6ad0bc',\n      disabled: '#d0d5dd',\n    },\n    fullBlack: '#101820',\n    fullWhite: '#ffffff',\n  },\n  font: {\n    family: 'poppins, sans-serif',\n    size: {\n      xl: '2rem', // 32px\n      lg: '1.75rem', // 28px\n      md: '1.5rem', // 24px\n      sm: '1.25rem', // 20px\n      xs: '1.125rem', // 18px\n      '2xs': '1rem', // 16px\n      '3xs': '0.875rem', // 14px\n      '4xs': '0.75rem', // 12px\n      '5xs': '0.625rem', // 10px\n    },\n    weight: {\n      light: '200',\n      book: '300',\n      regular: '400',\n      medium: '500',\n      'semi-bold': '600',\n      bold: '700',\n      'extra-bold': '800',\n    },\n    lineHeight: {\n      xl: '1.5', // 48px / 32px\n      lg: '1.5', // 42px / 28px\n      md: '1.5', // 36px / 24px\n      sm: '1.5', // 30px / 20px\n      xs: '1.5', // 27px / 18px\n      '2xs': '1.5', // 24px / 16px\n      '3xs': '1.5', // 21px / 14px\n      '4xs': '1.5', // 18px / 12px\n      '5xs': '1.5', // 15px / 10px\n    },\n  },\n  spacing: {\n    1: '0.25rem', // 4px\n    2: '0.5rem', // 8px\n    3: '0.75rem', // 12px\n    4: '1rem', // 16px\n    5: '1.25rem', // 20px\n    6: '1.5rem', // 24px\n    8: '2rem', // 32px\n    10: '2.5rem', // 40px\n    12: '3rem', // 48px\n    16: '4rem', // 64px\n    20: '5rem', // 80px\n    24: '6rem', // 96px\n    32: '8rem', // 128px\n    40: '10rem', // 160px\n    48: '12rem', // 192px\n    56: '14rem', // 224px\n    64: '16rem', // 256px\n  },\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      colorScheme: {\n        light: {\n          primary: {\n            background: '{primary.900}',\n            color: '{surface.0}',\n            hoverBackground: '{primary.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{primary.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: '{secondary.900}',\n            color: '{surface.0}',\n            hoverBackground: '{secondary.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{secondary.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          danger: {\n            background: '{danger.900}',\n            color: '{surface.0}',\n            hoverBackground: '{danger.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{danger.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          link: {\n            textDecoration: 'underline',\n            background: 'none',\n            boxShadow: 'none',\n            color: '{primary.900}',\n            fontSize: '{font.size.2xs}',\n            fontWeight: '{font.weight.medium}',\n            hoverColor: '{primary.700}',\n            hoverBackground: 'none',\n            activeColor: '{primary.600}',\n            activeBackground: 'none',\n          },\n        },\n      },\n    },\n  },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        darkModeSelector: undefined,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-directives-gird-item.mjs

@@ -0,0 +1,95 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i0 from '@angular/core';
+import { inject, computed, HostBinding, Input, Directive } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { Breakpoints } from '@tekus/design-system/core/types';
+
+/**
+ * Directive that controls the number of columns covered by an item within a grid.
+ *
+ * Uses Angular CDK's `BreakpointObserver` to dynamically adjust the column's `span`
+ * based on screen size, ensuring a responsive experience.
+ * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)
+ * @selector [tkGridItem]
+ */
+class GridItemDirective {
+    constructor() {
+        /**
+         * Defines how many columns this element will span.
+         * The final value will be adjusted based on the current breakpoint.
+         * @default 1
+         */
+        this.span = 1;
+        /**
+         * Injected service to observe changes in screen breakpoints.
+         * @readonly
+         */
+        this.breakpointObserver = inject(BreakpointObserver);
+        /**
+         * A signal that emits values each time a screen breakpoint changes.
+         */
+        this.screenChange = toSignal(this.breakpointObserver.observe([
+            Breakpoints.mobileSmall,
+            Breakpoints.mobile,
+            Breakpoints.mobileLarge,
+            Breakpoints.tabletVertical,
+            Breakpoints.tabletHorizontal,
+            Breakpoints.desktopSmall,
+            Breakpoints.desktop,
+            Breakpoints.desktopLarge
+        ]));
+        /**
+         * A computed signal that determines the final value of the column span.
+         *
+         * This value is adjusted (truncated) so as not to exceed the maximum number of columns
+         * allowed at each breakpoint, ensuring that the layout does not break on small screens.
+         */
+        this.finalSpan = computed(() => {
+            const breakpoints = this.screenChange()?.breakpoints;
+            if (!breakpoints)
+                return this.span;
+            if (breakpoints[Breakpoints.mobileSmall] || breakpoints[Breakpoints.mobile]) {
+                return this.span > 2 ? 2 : this.span;
+            }
+            else if (breakpoints[Breakpoints.mobileLarge]) {
+                return this.span > 3 ? 3 : this.span;
+            }
+            else if (breakpoints[Breakpoints.tabletVertical]) {
+                return this.span > 4 ? 4 : this.span;
+            }
+            else if (breakpoints[Breakpoints.tabletHorizontal]) {
+                return this.span > 8 ? 8 : this.span;
+            }
+            return this.span;
+        });
+    }
+    /**
+     * Host Binding that applies the `finalSnap` value to the `grid-column` style of the host element.
+     *
+     * This causes the element to occupy the number of columns computed in the grid.
+     */
+    get columnSpan() {
+        return `span ${this.finalSpan()}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GridItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: GridItemDirective, isStandalone: true, selector: "[tkGridItem]", inputs: { span: "span" }, host: { properties: { "style.grid-column": "this.columnSpan" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GridItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tkGridItem]',
+                    standalone: true
+                }]
+        }], propDecorators: { span: [{
+                type: Input
+            }], columnSpan: [{
+                type: HostBinding,
+                args: ['style.grid-column']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GridItemDirective };
+//# sourceMappingURL=tekus-design-system-directives-gird-item.mjs.map

package/fesm2022/tekus-design-system-directives-gird-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-directives-gird-item.mjs","sources":["../../../projects/design-system/directives/gird-item/src/grid-item.directive.ts","../../../projects/design-system/directives/gird-item/tekus-design-system-directives-gird-item.ts"],"sourcesContent":["import { BreakpointObserver } from \"@angular/cdk/layout\";\nimport { computed, Directive, HostBinding, inject, Input } from \"@angular/core\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport { Breakpoints } from \"@tekus/design-system/core/types\";\n/**\n * Directive that controls the number of columns covered by an item within a grid.\n *\n * Uses Angular CDK's `BreakpointObserver` to dynamically adjust the column's `span`\n * based on screen size, ensuring a responsive experience.\n * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)\n * @selector [tkGridItem]\n */\n@Directive({\n    selector: '[tkGridItem]',\n    standalone: true\n})\nexport class GridItemDirective {\n    /**\n     * Defines how many columns this element will span.\n     * The final value will be adjusted based on the current breakpoint.\n     * @default 1\n     */\n    @Input() span: number = 1;\n\n    /**\n     * Injected service to observe changes in screen breakpoints.\n     * @readonly\n     */\n    readonly breakpointObserver = inject(BreakpointObserver);\n\n    /**\n     * A signal that emits values each time a screen breakpoint changes.\n     */\n    readonly screenChange = toSignal(\n        this.breakpointObserver.observe([\n            Breakpoints.mobileSmall,\n            Breakpoints.mobile,\n            Breakpoints.mobileLarge,\n            Breakpoints.tabletVertical,\n            Breakpoints.tabletHorizontal,\n            Breakpoints.desktopSmall,\n            Breakpoints.desktop,\n            Breakpoints.desktopLarge\n        ])\n    )\n\n    /**\n     * A computed signal that determines the final value of the column span.\n     *\n     * This value is adjusted (truncated) so as not to exceed the maximum number of columns\n     * allowed at each breakpoint, ensuring that the layout does not break on small screens.\n     */\n    readonly finalSpan = computed(() => {\n        const breakpoints = this.screenChange()?.breakpoints;\n        if (!breakpoints) return this.span;\n\n        if (breakpoints[Breakpoints.mobileSmall] || breakpoints[Breakpoints.mobile]) {\n            return this.span > 2 ? 2 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.mobileLarge]) {\n            return this.span > 3 ? 3 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.tabletVertical]) {\n            return this.span > 4 ? 4 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.tabletHorizontal]) {\n            return this.span > 8 ? 8 : this.span\n        }\n\n        return this.span;\n\n    })\n\n    /**\n     * Host Binding that applies the `finalSnap` value to the `grid-column` style of the host element.\n     *\n     * This causes the element to occupy the number of columns computed in the grid.\n     */\n    @HostBinding('style.grid-column')\n    get columnSpan() {\n        return `span ${this.finalSpan()}`;\n    }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIA;;;;;;;AAOG;MAKU,iBAAiB,CAAA;AAJ9B,IAAA,WAAA,GAAA;AAKI;;;;AAIG;QACM,IAAI,CAAA,IAAA,GAAW,CAAC;AAEzB;;;AAGG;AACM,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAExD;;AAEG;QACM,IAAY,CAAA,YAAA,GAAG,QAAQ,CAC5B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;AAC5B,YAAA,WAAW,CAAC,WAAW;AACvB,YAAA,WAAW,CAAC,MAAM;AAClB,YAAA,WAAW,CAAC,WAAW;AACvB,YAAA,WAAW,CAAC,cAAc;AAC1B,YAAA,WAAW,CAAC,gBAAgB;AAC5B,YAAA,WAAW,CAAC,YAAY;AACxB,YAAA,WAAW,CAAC,OAAO;AACnB,YAAA,WAAW,CAAC;AACf,SAAA,CAAC,CACL;AAED;;;;;AAKG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW;AACpD,YAAA,IAAI,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAC,IAAI;AAElC,YAAA,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;AACzE,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;;AAGnC,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;AAC3C,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;;AAGnC,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;AAC9C,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;;AAGnC,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE;AAChD,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;;YAGxC,OAAO,IAAI,CAAC,IAAI;AAEpB,SAAC,CAAC;AAWL;AATG;;;;AAIG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,QAAQ,IAAI,CAAC,SAAS,EAAE,EAAE;;+GAnE5B,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE;AACf,iBAAA;8BAOY,IAAI,EAAA,CAAA;sBAAZ;gBA4DG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,mBAAmB;;;ACjFpC;;AAEG;;;;"}

package/fesm2022/tekus-design-system-services-design-tokens.mjs

@@ -0,0 +1,47 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Inject, Injectable } from '@angular/core';
+
+class DesignTokensService {
+    constructor(document) {
+        this.document = document;
+        this.cssLoaded = false;
+    }
+    initTokens() {
+        this.ensureTokensStylesheet();
+    }
+    ensureTokensStylesheet() {
+        if (this.cssLoaded) {
+            return;
+        }
+        const existingStyles = this.document.querySelectorAll('link[href*="tokens.css"]');
+        if (existingStyles.length > 0) {
+            this.cssLoaded = true;
+            return;
+        }
+        const link = this.document.createElement('link');
+        link.rel = 'stylesheet';
+        link.type = 'text/css';
+        link.href = './node_modules/@tekus/design-system/design-tokens/tokens.css';
+        this.cssLoaded = true;
+        this.document.head.appendChild(link);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DesignTokensService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DesignTokensService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DesignTokensService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DesignTokensService };
+//# sourceMappingURL=tekus-design-system-services-design-tokens.mjs.map

package/fesm2022/tekus-design-system-services-design-tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-services-design-tokens.mjs","sources":["../../../projects/design-system/services/design-tokens/src/design-tokens.service.ts","../../../projects/design-system/services/design-tokens/tekus-design-system-services-design-tokens.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Injectable, Inject } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class DesignTokensService {\n  private cssLoaded = false;\n\n  constructor(@Inject(DOCUMENT) private readonly document: Document) {}\n\n  public initTokens(): void {\n    this.ensureTokensStylesheet();\n  }\n\n  private ensureTokensStylesheet(): void {\n    if (this.cssLoaded) {\n      return;\n    }\n\n    const existingStyles = this.document.querySelectorAll(\n      'link[href*=\"tokens.css\"]'\n    );\n    if (existingStyles.length > 0) {\n      this.cssLoaded = true;\n      return;\n    }\n\n    const link = this.document.createElement('link');\n    link.rel = 'stylesheet';\n    link.type = 'text/css';\n    link.href = './node_modules/@tekus/design-system/design-tokens/tokens.css';\n\n    this.cssLoaded = true;\n    this.document.head.appendChild(link);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,mBAAmB,CAAA;AAG9B,IAAA,WAAA,CAA+C,QAAkB,EAAA;QAAlB,IAAQ,CAAA,QAAA,GAAR,QAAQ;QAF/C,IAAS,CAAA,SAAA,GAAG,KAAK;;IAIlB,UAAU,GAAA;QACf,IAAI,CAAC,sBAAsB,EAAE;;IAGvB,sBAAsB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB;;QAGF,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CACnD,0BAA0B,CAC3B;AACD,QAAA,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;YACrB;;QAGF,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAChD,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,UAAU;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,8DAA8D;AAE1E,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AA5B3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAGV,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAHjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA,CAAA;;4FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;0BAIc,MAAM;2BAAC,QAAQ;;;ACT9B;;AAEG;;;;"}

package/fesm2022/tekus-design-system-services-typography.mjs

@@ -73,10 +73,10 @@ class TypographyService {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypographyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypographyService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypographyService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/tekus-design-system-services-typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-services-typography.mjs","sources":["../../../projects/design-system/services/typography/typography.service.ts","../../../projects/design-system/services/typography/tekus-design-system-services-typography.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { TypographyStyles } from './models/typographyStyles.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TypographyService {\n  public initTheme(customTypography: TypographyStyles | null = null) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const root = document.querySelector<any>(':root');\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const classList: any =\n      customTypography ?? this.getDefaultTypographyStyles();\n    for (const key in classList) {\n      const element = classList[key];\n      for (const key2 in element) {\n        const element2 = element[key2];\n        root.style.setProperty(`--tk-typography-${key}-${key2}`, element2);\n      }\n    }\n  }\n\n  public getDefaultTypographyStyles(): TypographyStyles {\n    return {\n      general: {\n        fontFamily: '\"Poppins\", sans-serif',\n        padding: 0,\n        margin: 0,\n      },\n      'h1-heading': {\n        fontSize: '4.5rem',\n        fontWeight: 700,\n      },\n      'h2-heading': {\n        fontSize: '3.875rem',\n        fontWeight: 700,\n      },\n      'h3-heading': {\n        fontSize: '3.125rem',\n        fontWeight: 700,\n      },\n      'h4-heading': {\n        fontSize: '2.5rem',\n        fontWeight: 700,\n      },\n      'h5-heading': {\n        fontSize: '2rem',\n        fontWeight: 700,\n      },\n      'h6-heading': {\n        fontSize: '1.5rem',\n        fontWeight: 700,\n      },\n      subtitle1: {\n        fontSize: '2.5rem',\n        fontWeight: 400,\n      },\n      subtitle2: {\n        fontSize: '2rem',\n        fontWeight: 400,\n      },\n      body1: {\n        fontSize: '1.5rem',\n        fontWeight: 400,\n      },\n      body2: {\n        fontSize: '1.25rem',\n        fontWeight: 400,\n      },\n      'p1-paragraph': {\n        fontSize: '2.5rem',\n        fontWeight: 400,\n      },\n      'underline-text': {\n        fontSize: '2rem',\n        fontWeight: 400,\n        textDecoration: 'underline',\n      },\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-services-typography.mjs","sources":["../../../projects/design-system/services/typography/src/typography.service.ts","../../../projects/design-system/services/typography/tekus-design-system-services-typography.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { TypographyStyles } from '@tekus/design-system/core/types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TypographyService {\n  public initTheme(customTypography: TypographyStyles | null = null) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const root = document.querySelector<any>(':root');\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const classList: any =\n      customTypography ?? this.getDefaultTypographyStyles();\n    for (const key in classList) {\n      const element = classList[key];\n      for (const key2 in element) {\n        const element2 = element[key2];\n        root.style.setProperty(`--tk-typography-${key}-${key2}`, element2);\n      }\n    }\n  }\n\n  public getDefaultTypographyStyles(): TypographyStyles {\n    return {\n      general: {\n        fontFamily: '\"Poppins\", sans-serif',\n        padding: 0,\n        margin: 0,\n      },\n      'h1-heading': {\n        fontSize: '4.5rem',\n        fontWeight: 700,\n      },\n      'h2-heading': {\n        fontSize: '3.875rem',\n        fontWeight: 700,\n      },\n      'h3-heading': {\n        fontSize: '3.125rem',\n        fontWeight: 700,\n      },\n      'h4-heading': {\n        fontSize: '2.5rem',\n        fontWeight: 700,\n      },\n      'h5-heading': {\n        fontSize: '2rem',\n        fontWeight: 700,\n      },\n      'h6-heading': {\n        fontSize: '1.5rem',\n        fontWeight: 700,\n      },\n      subtitle1: {\n        fontSize: '2.5rem',\n        fontWeight: 400,\n      },\n      subtitle2: {\n        fontSize: '2rem',\n        fontWeight: 400,\n      },\n      body1: {\n        fontSize: '1.5rem',\n        fontWeight: 400,\n      },\n      body2: {\n        fontSize: '1.25rem',\n        fontWeight: 400,\n      },\n      'p1-paragraph': {\n        fontSize: '2.5rem',\n        fontWeight: 400,\n      },\n      'underline-text': {\n        fontSize: '2rem',\n        fontWeight: 400,\n        textDecoration: 'underline',\n      },\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs

@@ -0,0 +1,53 @@
+const UNSAFE_SVG_REGEX = {
+    script: /<script[\s\S]*?>[\s\S]*?<\/script>/gi,
+    onAttr: /\s(on\w+)=["'][^"']*["']/gi,
+    jsHref: /xlink:href=["']javascript:[^"']*["']/gi,
+    href: /\s(href)=["']javascript:[^"']*['"]/gi,
+    foreignObject: /<foreignObject[\s\S]*?>[\s\S]*?<\/foreignObject>/gi,
+    iframe: /<iframe[\s\S]*?>[\s\S]*?<\/iframe>/gi,
+};
+/**
+ * Sanitize the contents of an SVG to remove malicious code.
+ * @param svgContent The SVG content as a string.
+ * @returns The sanitized SVG.
+ */
+function sanitizeSvgContent(svgContent) {
+    let sanitizedContent = svgContent;
+    // Use the same regular expressions to remove dangerous content
+    sanitizedContent = sanitizedContent
+        ?.replace(UNSAFE_SVG_REGEX.script, '')
+        ?.replace(UNSAFE_SVG_REGEX.onAttr, '')
+        ?.replace(UNSAFE_SVG_REGEX.jsHref, '')
+        ?.replace(UNSAFE_SVG_REGEX.href, '')
+        ?.replace(UNSAFE_SVG_REGEX.foreignObject, '')
+        ?.replace(UNSAFE_SVG_REGEX.iframe, '');
+    return sanitizedContent;
+}
+/**
+ * Edit the SVG to ensure that the color is dynamic and the ‘none’ fills are maintained.
+ * @param svgContent The SVG content as a string.
+ * @returns The modified SVG.
+ */
+function retouchSvgForColor(svgContent) {
+    // Regular expression to replace `fill` that is NOT 'none'
+    const fillRegex = /fill="(?!none)[^"]*"/g;
+    // Regular expression to replace `stroke` that is NOT 'none'
+    const strokeRegex = /stroke="(?!none)[^"]*"/g;
+    let updatedSvg = svgContent;
+    // Replace `fill` with a color by `currentColor`
+    updatedSvg = updatedSvg.replace(fillRegex, 'fill="currentColor"');
+    // Replace `stroke` with a color by `currentColor`
+    updatedSvg = updatedSvg.replace(strokeRegex, 'stroke="currentColor"');
+    // If it doesn't have `fill` or `stroke`, add `currentColor`
+    if (!updatedSvg.includes('fill=') && !updatedSvg.includes('stroke=')) {
+        updatedSvg = updatedSvg.replace('<svg ', '<svg fill="currentColor" ');
+    }
+    return updatedSvg;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UNSAFE_SVG_REGEX, retouchSvgForColor, sanitizeSvgContent };
+//# sourceMappingURL=tekus-design-system-utils-sanitizer-utils.mjs.map

package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-utils-sanitizer-utils.mjs","sources":["../../../projects/design-system/utils/sanitizer-utils/src/sanitizer-utils.ts","../../../projects/design-system/utils/sanitizer-utils/tekus-design-system-utils-sanitizer-utils.ts"],"sourcesContent":["export const UNSAFE_SVG_REGEX = {\n  script: /<script[\\s\\S]*?>[\\s\\S]*?<\\/script>/gi,\n  onAttr: /\\s(on\\w+)=[\"'][^\"']*[\"']/gi,\n  jsHref: /xlink:href=[\"']javascript:[^\"']*[\"']/gi,\n  href: /\\s(href)=[\"']javascript:[^\"']*['\"]/gi,\n  foreignObject: /<foreignObject[\\s\\S]*?>[\\s\\S]*?<\\/foreignObject>/gi,\n  iframe: /<iframe[\\s\\S]*?>[\\s\\S]*?<\\/iframe>/gi,\n};\n\n/**\n * Sanitize the contents of an SVG to remove malicious code.\n * @param svgContent The SVG content as a string.\n * @returns The sanitized SVG.\n */\nexport function sanitizeSvgContent(svgContent: string): string {\n  let sanitizedContent = svgContent;\n\n  // Use the same regular expressions to remove dangerous content\n  sanitizedContent = sanitizedContent\n    ?.replace(UNSAFE_SVG_REGEX.script, '')\n    ?.replace(UNSAFE_SVG_REGEX.onAttr, '')\n    ?.replace(UNSAFE_SVG_REGEX.jsHref, '')\n    ?.replace(UNSAFE_SVG_REGEX.href, '')\n    ?.replace(UNSAFE_SVG_REGEX.foreignObject, '')\n    ?.replace(UNSAFE_SVG_REGEX.iframe, '');\n\n  return sanitizedContent;\n}\n\n/**\n * Edit the SVG to ensure that the color is dynamic and the ‘none’ fills are maintained.\n * @param svgContent The SVG content as a string.\n * @returns The modified SVG.\n */\nexport function retouchSvgForColor(svgContent: string): string {\n  // Regular expression to replace `fill` that is NOT 'none'\n  const fillRegex = /fill=\"(?!none)[^\"]*\"/g;\n  // Regular expression to replace `stroke` that is NOT 'none'\n  const strokeRegex = /stroke=\"(?!none)[^\"]*\"/g;\n\n  let updatedSvg = svgContent;\n\n  // Replace `fill` with a color by `currentColor`\n  updatedSvg = updatedSvg.replace(fillRegex, 'fill=\"currentColor\"');\n\n  // Replace `stroke` with a color by `currentColor`\n  updatedSvg = updatedSvg.replace(strokeRegex, 'stroke=\"currentColor\"');\n\n  // If it doesn't have `fill` or `stroke`, add `currentColor`\n  if (!updatedSvg.includes('fill=') && !updatedSvg.includes('stroke=')) {\n    updatedSvg = updatedSvg.replace('<svg ', '<svg fill=\"currentColor\" ');\n  }\n\n  return updatedSvg;\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAa,MAAA,gBAAgB,GAAG;AAC9B,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,MAAM,EAAE,wCAAwC;AAChD,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,aAAa,EAAE,oDAAoD;AACnE,IAAA,MAAM,EAAE,sCAAsC;;AAGhD;;;;AAIG;AACG,SAAU,kBAAkB,CAAC,UAAkB,EAAA;IACnD,IAAI,gBAAgB,GAAG,UAAU;;AAGjC,IAAA,gBAAgB,GAAG;AACjB,UAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,EAAE;AACrC,UAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,EAAE;AACrC,UAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,EAAE;AACrC,UAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE;AACnC,UAAE,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,EAAE;UAC1C,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;AAExC,IAAA,OAAO,gBAAgB;AACzB;AAEA;;;;AAIG;AACG,SAAU,kBAAkB,CAAC,UAAkB,EAAA;;IAEnD,MAAM,SAAS,GAAG,uBAAuB;;IAEzC,MAAM,WAAW,GAAG,yBAAyB;IAE7C,IAAI,UAAU,GAAG,UAAU;;IAG3B,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,qBAAqB,CAAC;;IAGjE,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,uBAAuB,CAAC;;AAGrE,IAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACpE,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,2BAA2B,CAAC;;AAGvE,IAAA,OAAO,UAAU;AACnB;;ACtDA;;AAEG;;;;"}