@ascentgl/ads-icons 0.0.1

package/fesm2022/ascentgl-ads-icons.mjs

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, NgModule } from '@angular/core';
+
+class AdsIconRegistry {
+    constructor() {
+        this.registry = new Map();
+    }
+    register(icons) {
+        if (Array.isArray(icons)) {
+            icons.forEach((icon) => this.registry.set(icon.name, icon.data));
+        }
+        else {
+            this.registry.set(icons.name, icons.data);
+        }
+    }
+    get(iconName) {
+        if (!this.registry.has(iconName)) {
+            console.warn(`Could not find a Ads Icon with the name ${iconName}. Did you add it to the icon registry?`);
+        }
+        return this.registry.get(iconName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconRegistry, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AdsIconComponent {
+    constructor(element, registry, renderer) {
+        this.element = element;
+        this.registry = registry;
+        this.renderer = renderer;
+        /**
+         * The size of the icon
+         */
+        this.size = 'md';
+        /** @ignore */
+        this.sizes = {
+            xxl: '128px',
+            xl: '64px',
+            lg: '48px',
+            md: '32px',
+            sm: '24px',
+            xs: '20px',
+            xxs: '14px',
+            xxxs: '12px',
+            xxxxs: '8px',
+            auto: 'auto',
+        };
+        /** @ignore */
+        this.themes = {
+            iconPrimary: '--color-medium',
+            secondary: '--color-secondary',
+            success: '--color-success',
+            warn: '--color-error',
+            primary: '--color-primary',
+            white: '--color-white',
+            'dark-50': '--color-dark-50',
+            dark: '--color-dark',
+        };
+    }
+    ngOnInit() {
+        this.renderIcon();
+    }
+    ngOnChanges(changes) {
+        if (changes.size || changes.color || changes.theme || changes.stroke || changes.fill || changes.name) {
+            this.renderIcon();
+        }
+    }
+    /** @ignore */
+    renderIcon() {
+        const iconSVG = this.registry.get(this.name);
+        if (iconSVG) {
+            this.element.nativeElement.innerHTML = iconSVG;
+            this.updateSize();
+            this.updateColor();
+            this.updateTheme();
+            this.updateStroke();
+        }
+        else {
+            console.warn(`${this.name} is missing from the icon registry`);
+        }
+    }
+    /** @ignore */
+    updateSize() {
+        const size = this.sizes[this.size];
+        this.renderer.setStyle(this.element.nativeElement, 'fontSize', size);
+        this.renderer.setStyle(this.element.nativeElement, 'width', size);
+        this.renderer.setStyle(this.element.nativeElement, 'height', size);
+        const svgElement = this.getSvgElement();
+        if (svgElement) {
+            this.renderer.setStyle(svgElement, 'width', size);
+            this.renderer.setStyle(svgElement, 'height', size);
+        }
+    }
+    updateColor() {
+        if (this.color) {
+            this.renderer.setStyle(this.element.nativeElement, 'color', `var(${this.color})`);
+        }
+    }
+    /** @ignore */
+    updateTheme() {
+        if (this.theme) {
+            const themeColor = this.themes[this.theme];
+            if (themeColor) {
+                this.renderer.setStyle(this.element.nativeElement, 'color', `var(${themeColor})`);
+            }
+            else {
+                console.warn(`${this.theme} is not a valid ads-icon theme. Valid themes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white'`);
+            }
+        }
+    }
+    /** @ignore */
+    updateStroke() {
+        if (this.stroke) {
+            const strokeColor = this.themes[this.stroke];
+            if (strokeColor) {
+                this.renderer.setStyle(this.element.nativeElement, 'stroke', `var(${strokeColor})`);
+            }
+            else {
+                console.warn(`${this.stroke} is not a valid ads-icon stroke. Valid strokes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white', 'dark-50', 'dark'`);
+            }
+        }
+    }
+    /** @ignore */
+    getSvgElement() {
+        return this.element.nativeElement.querySelector('svg');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconComponent, deps: [{ token: i0.ElementRef }, { token: AdsIconRegistry }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsIconComponent, selector: "ads-icon", inputs: { size: "size", name: "name", color: "color", theme: "theme", stroke: "stroke" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-icon', template: '', styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: AdsIconRegistry }, { type: i0.Renderer2 }], propDecorators: { size: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], stroke: [{
+                type: Input
+            }] } });
+
+class AdsIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsIconModule, declarations: [AdsIconComponent], exports: [AdsIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsIconComponent],
+                    exports: [AdsIconComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ads-icons
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsIconComponent, AdsIconModule, AdsIconRegistry };
+//# sourceMappingURL=ascentgl-ads-icons.mjs.map

package/fesm2022/ascentgl-ads-icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-icons.mjs","sources":["../../../../libs/ads-icons/src/lib/ads-icon-registry.service.ts","../../../../libs/ads-icons/src/lib/ads-icon.component.ts","../../../../libs/ads-icons/src/lib/ads-icon.module.ts","../../../../libs/ads-icons/src/public-api.ts","../../../../libs/ads-icons/src/ascentgl-ads-icons.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { AdsIcon } from './ads-icon.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AdsIconRegistry {\n  private registry = new Map<string, string>();\n\n  public register(icons: AdsIcon | AdsIcon[]): void {\n    if (Array.isArray(icons)) {\n      icons.forEach((icon: AdsIcon) => this.registry.set(icon.name, icon.data));\n    } else {\n      this.registry.set(icons.name, icons.data);\n    }\n  }\n\n  public get(iconName: string): string | undefined {\n    if (!this.registry.has(iconName)) {\n      console.warn(`Could not find a Ads Icon with the name ${iconName}. Did you add it to the icon registry?`);\n    }\n\n    return this.registry.get(iconName);\n  }\n}\n","import { Component, ElementRef, Input, OnInit, Renderer2, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from './ads-icon-registry.service';\nimport { adsIcon } from './ads-icon.model';\n\ntype Sizes = {\n  xxl: string;\n  xl: string;\n  lg: string;\n  md: string;\n  sm: string;\n  xs: string;\n  xxs: string;\n  xxxs: string;\n  xxxxs: string;\n  auto: string;\n};\n\ntype Themes = {\n  iconPrimary: string;\n  primary: string;\n  secondary: string;\n  success: string;\n  warn: string;\n  white: string;\n  'dark-50': string;\n  dark: string;\n};\n\n@Component({\n  selector: 'ads-icon',\n  template: '',\n  styles: [\n    `\n      :host {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        width: 32px;\n        height: 32px;\n        font-size: 32px;\n        fill: currentColor;\n      }\n    `,\n  ],\n})\nexport class AdsIconComponent implements OnInit, OnChanges {\n  /**\n   * The size of the icon\n   */\n  @Input() size: keyof Sizes = 'md';\n  /**\n   * The icon name\n   */\n  @Input() name!: adsIcon;\n  /**\n   * The color of the icon\n   */\n  @Input() color?: string;\n\n  /**\n   * The icon theme\n   */\n  @Input() theme?: keyof Themes;\n  /**\n   * The icon stroke\n   */\n  @Input() stroke?: keyof Themes;\n\n  /** @ignore */\n  private sizes: Sizes = {\n    xxl: '128px',\n    xl: '64px',\n    lg: '48px',\n    md: '32px',\n    sm: '24px',\n    xs: '20px',\n    xxs: '14px',\n    xxxs: '12px',\n    xxxxs: '8px',\n    auto: 'auto',\n  };\n\n  /** @ignore */\n  private themes: Themes = {\n    iconPrimary: '--color-medium',\n    secondary: '--color-secondary',\n    success: '--color-success',\n    warn: '--color-error',\n    primary: '--color-primary',\n    white: '--color-white',\n    'dark-50': '--color-dark-50',\n    dark: '--color-dark',\n  };\n\n  constructor(\n    private element: ElementRef,\n    private registry: AdsIconRegistry,\n    private renderer: Renderer2,\n  ) {}\n\n  ngOnInit(): void {\n    this.renderIcon();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.size || changes.color || changes.theme || changes.stroke || changes.fill || changes.name) {\n      this.renderIcon();\n    }\n  }\n\n  /** @ignore */\n  private renderIcon(): void {\n    const iconSVG = this.registry.get(this.name);\n\n    if (iconSVG) {\n      this.element.nativeElement.innerHTML = iconSVG;\n      this.updateSize();\n      this.updateColor();\n      this.updateTheme();\n      this.updateStroke();\n    } else {\n      console.warn(`${this.name} is missing from the icon registry`);\n    }\n  }\n\n  /** @ignore */\n  private updateSize(): void {\n    const size = this.sizes[this.size];\n    this.renderer.setStyle(this.element.nativeElement, 'fontSize', size);\n    this.renderer.setStyle(this.element.nativeElement, 'width', size);\n    this.renderer.setStyle(this.element.nativeElement, 'height', size);\n\n    const svgElement = this.getSvgElement();\n    if (svgElement) {\n      this.renderer.setStyle(svgElement, 'width', size);\n      this.renderer.setStyle(svgElement, 'height', size);\n    }\n  }\n\n  private updateColor(): void {\n    if (this.color) {\n      this.renderer.setStyle(this.element.nativeElement, 'color', `var(${this.color})`);\n    }\n  }\n\n  /** @ignore */\n  private updateTheme(): void {\n    if (this.theme) {\n      const themeColor = this.themes[this.theme];\n      if (themeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'color', `var(${themeColor})`);\n      } else {\n        console.warn(\n          `${this.theme} is not a valid ads-icon theme. Valid themes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private updateStroke(): void {\n    if (this.stroke) {\n      const strokeColor = this.themes[this.stroke];\n      if (strokeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'stroke', `var(${strokeColor})`);\n      } else {\n        console.warn(\n          `${this.stroke} is not a valid ads-icon stroke. Valid strokes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white', 'dark-50', 'dark'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private getSvgElement(): SVGElement | null {\n    return this.element.nativeElement.querySelector('svg');\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AdsIconComponent } from './ads-icon.component';\n\n@NgModule({\n  declarations: [AdsIconComponent],\n  exports: [AdsIconComponent],\n})\nexport class AdsIconModule {}\n","/*\n * Public API Surface of ads-icons\n */\n\nexport * from './lib/ads-icon-registry.service';\nexport * from './lib/ads-icon.component';\nexport * from './lib/ads-icon.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AdsIconRegistry"],"mappings":"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"}

package/icons/index.d.ts

@@ -0,0 +1,42 @@
+import { AdsIcon } from './src/ads-icon.model';
+export type AdsIconNameSubset<T extends Readonly<AdsIcon[]>> = T[number]['name'];
+export * from './src/adsIcon-Bell.icon';
+export * from './src/adsIcon-Calendar_Star.icon';
+export * from './src/adsIcon-Check_circle_filled.icon';
+export * from './src/adsIcon-Check_Circle.icon';
+export * from './src/adsIcon-Check.icon';
+export * from './src/adsIcon-Chevron_Down.icon';
+export * from './src/adsIcon-Chevron_Left.icon';
+export * from './src/adsIcon-Chevron_Right.icon';
+export * from './src/adsIcon-Chevron_Up.icon';
+export * from './src/adsIcon-Cross.icon';
+export * from './src/adsIcon-Datepicker.icon';
+export * from './src/adsIcon-Drag.icon';
+export * from './src/adsIcon-Edit_Dashboard.icon';
+export * from './src/adsIcon-Exclamation.icon';
+export * from './src/adsIcon-Filter.icon';
+export * from './src/adsIcon-Information.icon';
+export * from './src/adsIcon-Location_Filled.icon';
+export * from './src/adsIcon-Lock.icon';
+export * from './src/adsIcon-Luggage.icon';
+export * from './src/adsIcon-Mail_Envelope.icon';
+export * from './src/adsIcon-Menu-More_Info.icon';
+export * from './src/adsIcon-Plus_Circle.icon';
+export * from './src/adsIcon-Plus.icon';
+export * from './src/adsIcon-Search.icon';
+export * from './src/adsIcon-Sort_Ascending.icon';
+export * from './src/adsIcon-Sort_Descending.icon';
+export * from './src/adsIcon-Sort_Filled.icon';
+export * from './src/adsIcon-Star_25.icon';
+export * from './src/adsIcon-Star_50.icon';
+export * from './src/adsIcon-Star_75.icon';
+export * from './src/adsIcon-Star_Full.icon';
+export * from './src/adsIcon-Star.icon';
+export * from './src/adsIcon-Timepicker.icon';
+export * from './src/adsIcon-User_Circle.icon';
+export * from './src/adsIcon-Visibility_Eye_None.icon';
+export * from './src/adsIcon-Visibility_Eye.icon';
+export * from './src/adsIcon-Warehouse.icon';
+export * from './src/adsIcon-Warning.icon';
+export * from './src/adsIcon-WarningV2.icon';
+export * from './src/ads-icon.model';

package/icons/src/ads-icon.model.d.ts

@@ -0,0 +1,5 @@
+export type adsIcon = 'bell' | 'calendar_star' | 'check_circle_filled' | 'check_circle' | 'check' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'cross' | 'datepicker' | 'drag' | 'edit_dashboard' | 'exclamation' | 'filter' | 'information' | 'location_filled' | 'lock' | 'luggage' | 'mail_envelope' | 'menu_more_info' | 'minus' | 'plus' | 'plus_circle' | 'search' | 'sort_ascending' | 'sort_descending' | 'sort_filled' | 'star_25' | 'star_50' | 'star_75' | 'star_full' | 'star' | 'stepper_circle' | 'timepicker' | 'user_circle' | 'visibility_eye_none' | 'visibility_eye' | 'warehouse' | 'warning' | 'warning_v2';
+export interface AdsIcon {
+    name: adsIcon;
+    data: string;
+}

package/icons/src/adsIcon-Bell.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconBell: {
+    name: 'bell';
+    data: string;
+};

package/icons/src/adsIcon-Calendar_Star.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconCalendarStar: {
+    name: 'calendar_star';
+    data: string;
+};

package/icons/src/adsIcon-Check.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconCheck: {
+    name: 'check';
+    data: string;
+};

package/icons/src/adsIcon-Check_Circle.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconCheckCircle: {
+    name: 'check_circle';
+    data: string;
+};

package/icons/src/adsIcon-Check_circle_filled.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconCheckCircleFilled: {
+    name: 'check_circle_filled';
+    data: string;
+};

package/icons/src/adsIcon-Chevron_Down.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconChevronDown: {
+    name: 'chevron_down';
+    data: string;
+};

package/icons/src/adsIcon-Chevron_Left.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconChevronLeft: {
+    name: 'chevron_left';
+    data: string;
+};

package/icons/src/adsIcon-Chevron_Right.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconChevronRight: {
+    name: 'chevron_right';
+    data: string;
+};

package/icons/src/adsIcon-Chevron_Up.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconChevronUp: {
+    name: 'chevron_up';
+    data: string;
+};

package/icons/src/adsIcon-Cross.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconCross: {
+    name: 'cross';
+    data: string;
+};

package/icons/src/adsIcon-Datepicker.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconDatepicker: {
+    name: 'datepicker';
+    data: string;
+};

package/icons/src/adsIcon-Drag.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconDrag: {
+    name: 'drag';
+    data: string;
+};

package/icons/src/adsIcon-Edit_Dashboard.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconEditDashboard: {
+    name: 'edit_dashboard';
+    data: string;
+};

package/icons/src/adsIcon-Exclamation.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconExclamation: {
+    name: 'exclamation';
+    data: string;
+};

package/icons/src/adsIcon-Filter.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconFilter: {
+    name: 'filter';
+    data: string;
+};

package/icons/src/adsIcon-Information.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconInformation: {
+    name: 'information';
+    data: string;
+};

package/icons/src/adsIcon-Location_Filled.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconLocationFilled: {
+    name: 'location_filled';
+    data: string;
+};

package/icons/src/adsIcon-Lock.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconLock: {
+    name: 'lock';
+    data: string;
+};

package/icons/src/adsIcon-Luggage.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconLuggage: {
+    name: 'luggage';
+    data: string;
+};

package/icons/src/adsIcon-Mail_Envelope.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconMailEnvelope: {
+    name: 'mail_envelope';
+    data: string;
+};

package/icons/src/adsIcon-Menu-More_Info.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconMenuMoreInfo: {
+    name: 'menu_more_info';
+    data: string;
+};

package/icons/src/adsIcon-Plus.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconPlus: {
+    name: 'plus';
+    data: string;
+};

package/icons/src/adsIcon-Plus_Circle.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconPlusCircle: {
+    name: 'plus_circle';
+    data: string;
+};

package/icons/src/adsIcon-Search.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconSearch: {
+    name: 'search';
+    data: string;
+};

package/icons/src/adsIcon-Sort_Ascending.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconSortAscending: {
+    name: 'sort_ascending';
+    data: string;
+};

package/icons/src/adsIcon-Sort_Descending.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconSortDescending: {
+    name: 'sort_descending';
+    data: string;
+};

package/icons/src/adsIcon-Sort_Filled.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconSortFilled: {
+    name: 'sort_filled';
+    data: string;
+};

package/icons/src/adsIcon-Star.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconStar: {
+    name: 'star';
+    data: string;
+};

package/icons/src/adsIcon-Star_25.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconStar25: {
+    name: 'star_25';
+    data: string;
+};

package/icons/src/adsIcon-Star_50.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconStar50: {
+    name: 'star_50';
+    data: string;
+};

package/icons/src/adsIcon-Star_75.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconStar75: {
+    name: 'star_75';
+    data: string;
+};

package/icons/src/adsIcon-Star_Full.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconStarFull: {
+    name: 'star_full';
+    data: string;
+};

package/icons/src/adsIcon-Timepicker.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconTimepicker: {
+    name: 'timepicker';
+    data: string;
+};

package/icons/src/adsIcon-User_Circle.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconUserCircle: {
+    name: 'user_circle';
+    data: string;
+};

package/icons/src/adsIcon-Visibility_Eye.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconVisibilityEye: {
+    name: 'visibility_eye';
+    data: string;
+};

package/icons/src/adsIcon-Visibility_Eye_None.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconVisibilityEyeNone: {
+    name: 'visibility_eye_none';
+    data: string;
+};

package/icons/src/adsIcon-Warehouse.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconWarehouse: {
+    name: 'warehouse';
+    data: string;
+};

package/icons/src/adsIcon-Warning.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconWarning: {
+    name: 'warning';
+    data: string;
+};

package/icons/src/adsIcon-WarningV2.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const adsIconWarningV2: {
+    name: 'warning_v2';
+    data: string;
+};

package/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/ads-icon-registry.service.d.ts

@@ -0,0 +1,9 @@
+import { AdsIcon } from './ads-icon.model';
+import * as i0 from "@angular/core";
+export declare class AdsIconRegistry {
+    private registry;
+    register(icons: AdsIcon | AdsIcon[]): void;
+    get(iconName: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsIconRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AdsIconRegistry>;
+}

package/lib/ads-icon.component.d.ts

@@ -0,0 +1,72 @@
+import { ElementRef, OnInit, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
+import { AdsIconRegistry } from './ads-icon-registry.service';
+import { adsIcon } from './ads-icon.model';
+import * as i0 from "@angular/core";
+type Sizes = {
+    xxl: string;
+    xl: string;
+    lg: string;
+    md: string;
+    sm: string;
+    xs: string;
+    xxs: string;
+    xxxs: string;
+    xxxxs: string;
+    auto: string;
+};
+type Themes = {
+    iconPrimary: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warn: string;
+    white: string;
+    'dark-50': string;
+    dark: string;
+};
+export declare class AdsIconComponent implements OnInit, OnChanges {
+    private element;
+    private registry;
+    private renderer;
+    /**
+     * The size of the icon
+     */
+    size: keyof Sizes;
+    /**
+     * The icon name
+     */
+    name: adsIcon;
+    /**
+     * The color of the icon
+     */
+    color?: string;
+    /**
+     * The icon theme
+     */
+    theme?: keyof Themes;
+    /**
+     * The icon stroke
+     */
+    stroke?: keyof Themes;
+    /** @ignore */
+    private sizes;
+    /** @ignore */
+    private themes;
+    constructor(element: ElementRef, registry: AdsIconRegistry, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @ignore */
+    private renderIcon;
+    /** @ignore */
+    private updateSize;
+    private updateColor;
+    /** @ignore */
+    private updateTheme;
+    /** @ignore */
+    private updateStroke;
+    /** @ignore */
+    private getSvgElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsIconComponent, "ads-icon", never, { "size": { "alias": "size"; "required": false; }; "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

package/lib/ads-icon.model.d.ts

@@ -0,0 +1,5 @@
+export type adsIcon = 'analytics' | 'arrows' | 'assembly_production_conveyer' | 'badge' | 'bar_graph' | 'bell_warning' | 'bell' | 'bookmark_filled' | 'bookmark' | 'box_check' | 'box_cross_dock' | 'box_dollar' | 'box_heart' | 'box_managed_transport' | 'box_open' | 'box' | 'boxes_stacked' | 'building' | 'business_briefcase' | 'calculator' | 'calendar_check' | 'calendar_star' | 'calendar' | 'camera' | 'caret_left' | 'caret_down_2_filled' | 'caret_down_2' | 'caret_down' | 'caret_left_2' | 'caret_right_2' | 'caret_right_play' | 'caret_up_2_filled' | 'caret_up_2' | 'caret_up' | 'check_circle_2' | 'check_circle_filled' | 'check_circle' | 'check' | 'chemicals_hazard' | 'chevron_down_circle' | 'chevron_down' | 'chevron_left_circle' | 'chevron_left' | 'chevron_right_circle' | 'chevron_right' | 'chevron_up_circle' | 'chevron_up' | 'clock_filled' | 'clock' | 'close' | 'cloud' | 'communication_chat_bubble' | 'compass_circle' | 'compass' | 'computer' | 'copy-document' | 'credit_card' | 'cross' | 'cross_v2' | 'datepicker' | 'dashboard' | 'dollar_circle' | 'dollar' | 'donut_chart' | 'double_down' | 'double_left' | 'double_right' | 'double_up' | 'download' | 'drag' | 'edit_dashboard_filled' | 'edit_dashboard' | 'electronic_tender' | 'exchange_inbound_outbound' | 'exclamation_circle' | 'exclamation' | 'expand' | 'facebook' | 'file_audit_pay' | 'file_batch_analysis' | 'file_complete' | 'file_download' | 'file_multi_quote' | 'file_multi' | 'file_pdf' | 'file_excel' | 'file_question' | 'file_search' | 'file_signature' | 'file_tariff' | 'file_upload' | 'file_waiting' | 'file' | 'filter' | 'fireworks' | 'flame_fire' | 'flame_hot' | 'flight_land' | 'flight_takeoff' | 'flight' | 'food_fork_knife' | 'fork_lift' | 'freight_container' | 'front_facing_ship' | 'furniture' | 'gavel' | 'gear_implement' | 'gear' | 'gears' | 'globe_export' | 'globe_import' | 'globe' | 'graduation_school' | 'health_beauty' | 'heart' | 'home' | 'image' | 'import_export' | 'information' | 'innovation_tech_savy' | 'instagram' | 'key_2' | 'key' | 'keyboard_typing' | 'knowledge_flexible_collaborate' | 'lightbulb' | 'lightning' | 'link_chain' | 'link' | 'linkedin' | 'list' | 'location_edit' | 'location_filled' | 'location_inbound' | 'location_minus' | 'location_outbound' | 'location_question' | 'location_slash' | 'location_smile' | 'location_tracking_map' | 'location_tracking' | 'location_x' | 'location' | 'lock' | 'luggage' | 'mail_envelope' | 'mail_forward' | 'mail' | 'manufacture' | 'map' | 'meatball_menu' | 'menu_more_info' | 'menu' | 'military_government' | 'minus_circle_filled' | 'minus_circle' | 'minus' | 'money_bill' | 'navigate_circle' | 'navigate' | 'negotiations_levels' | 'network' | 'network_v2' | 'news_document' | 'open_envelope_read_emails' | 'opportunities' | 'pallet_transportation' | 'paper_clip' | 'pencil' | 'phone' | 'phone2' | 'pie_chart' | 'plus_circle_full' | 'plus_circle' | 'plus' | 'print' | 'question_circle' | 'question' | 'refresh' | 'reply' | 'reply_all' | 'reporting' | 'restore' | 'right_arrow' | 'route_2' | 'route' | 'ruler' | 'scale' | 'search_dots' | 'search' | 'send' | 'shield_check_safety' | 'shipment' | 'sms_text' | 'snowflake_temperature' | 'sort_ascending' | 'sort_column' | 'sort_descending' | 'sort_filled' | 'sort_rearrange' | 'sound' | 'speaker_horn' | 'star_25' | 'star_50' | 'star_75' | 'star_full' | 'star_shooting' | 'star' | 'stepper_circle' | 'stopwatch' | 'strategy_knight' | 'strategy_rook' | 'table' | 'tag_loyalty' | 'tag_retail' | 'target' | 'tasks' | 'thermometer_temperature' | 'thumbs_up_opportunities' | 'timepicker' | 'tire' | 'tools' | 'traffic' | 'trailer' | 'train' | 'trash_can_blue' | 'trash_can' | 'trash_can_v2' | 'truck_dolly_loading' | 'truck_fast' | 'truck_front' | 'truck' | 'unlock' | 'update' | 'upload' | 'user_circle' | 'user_plus' | 'user' | 'user_roles' | 'users' | 'vendor_management' | 'visibility_eye_none' | 'visibility_eye' | 'warehouse' | 'warehouse_v2' | 'warning' | 'warning_v2' | 'you_tube_solid' | 'you_tube';
+export interface AdsIcon {
+    name: adsIcon;
+    data: string;
+}

package/lib/ads-icon.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ads-icon.component";
+export declare class AdsIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsIconModule, [typeof i1.AdsIconComponent], never, [typeof i1.AdsIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsIconModule>;
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@ascentgl/ads-icons",
+  "version": "0.0.1",
+  "description": "This library was generated with [Nx](https://nx.dev).",
+  "main": "jest.config.js",
+  "author": "Tyler Daugherty",
+  "license": "ISC",
+  "module": "fesm2022/ascentgl-ads-icons.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ascentgl-ads-icons.mjs",
+      "esm": "./esm2022/ascentgl-ads-icons.mjs",
+      "default": "./fesm2022/ascentgl-ads-icons.mjs"
+    },
+    "./icons": {
+      "types": "./icons/index.d.ts",
+      "esm2022": "./esm2022/icons/ascentgl-ads-icons-icons.mjs",
+      "esm": "./esm2022/icons/ascentgl-ads-icons-icons.mjs",
+      "default": "./fesm2022/ascentgl-ads-icons-icons.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/ads-icon-registry.service';
+export * from './lib/ads-icon.component';
+export * from './lib/ads-icon.module';