@ascentgl/ads-icons 21.4.0 → 21.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -19,10 +19,10 @@ class AdsIconRegistry {
|
|
|
19
19
|
}
|
|
20
20
|
return this.registry.get(iconName);
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
23
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, providedIn: 'root' }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, decorators: [{
|
|
26
26
|
type: Injectable,
|
|
27
27
|
args: [{
|
|
28
28
|
providedIn: 'root',
|
|
@@ -63,6 +63,7 @@ class AdsIconComponent {
|
|
|
63
63
|
white: '--color-white',
|
|
64
64
|
'dark-50': '--color-dark-50',
|
|
65
65
|
dark: '--color-dark',
|
|
66
|
+
light: '--color-light',
|
|
66
67
|
link: '--color-link',
|
|
67
68
|
secondaryHover: '--color-secondary-hover',
|
|
68
69
|
};
|
|
@@ -138,10 +139,10 @@ class AdsIconComponent {
|
|
|
138
139
|
getSvgElement() {
|
|
139
140
|
return this.element.nativeElement.querySelector('svg');
|
|
140
141
|
}
|
|
141
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
142
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconComponent, deps: [{ token: i0.ElementRef }, { token: AdsIconRegistry }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
143
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AdsIconComponent, isStandalone: false, 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}:host ::ng-deep [data-no-fill]{fill:none!important}:host ::ng-deep [data-no-stroke]{stroke:none!important}:host ::ng-deep [data-stroke-white]{stroke:var(--color-white)}:host ::ng-deep [data-fill-white]{fill:var(--color-white)}\n"] }); }
|
|
143
144
|
}
|
|
144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconComponent, decorators: [{
|
|
145
146
|
type: Component,
|
|
146
147
|
args: [{ selector: 'ads-icon', template: '', standalone: false, styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}:host ::ng-deep [data-no-fill]{fill:none!important}:host ::ng-deep [data-no-stroke]{stroke:none!important}:host ::ng-deep [data-stroke-white]{stroke:var(--color-white)}:host ::ng-deep [data-fill-white]{fill:var(--color-white)}\n"] }]
|
|
147
148
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: AdsIconRegistry }, { type: i0.Renderer2 }], propDecorators: { size: [{
|
|
@@ -157,11 +158,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
|
|
|
157
158
|
}] } });
|
|
158
159
|
|
|
159
160
|
class AdsIconModule {
|
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
161
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
162
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
161
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
162
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, declarations: [AdsIconComponent], exports: [AdsIconComponent] }); }
|
|
163
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule }); }
|
|
163
164
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, decorators: [{
|
|
165
166
|
type: NgModule,
|
|
166
167
|
args: [{
|
|
167
168
|
declarations: [AdsIconComponent],
|
|
@@ -1 +1 @@
|
|
|
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 '@ascentgl/ads-icons/icons';\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 '@ascentgl/ads-icons/icons';\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\nexport type IconThemes = {\n iconPrimary: string;\n primary: string;\n secondary: string;\n secondaryHover: string;\n success: string;\n warn: string;\n white: string;\n 'dark-50': string;\n dark: string;\n link: string;\n 'medium-50': string;\n};\n\n@Component({\n selector: 'ads-icon',\n template: '',\n styleUrls: ['./ads-icon.component.scss'],\n standalone: false,\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 IconThemes;\n /**\n * The icon stroke\n */\n @Input() stroke?: keyof IconThemes;\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: IconThemes = {\n iconPrimary: '--color-medium',\n 'medium-50': '--color-medium-50',\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 link: '--color-link',\n secondaryHover: '--color-secondary-hover',\n };\n\n /** @ignore */\n constructor(\n private element: ElementRef,\n private registry: AdsIconRegistry,\n private renderer: Renderer2,\n ) {}\n\n /** @ignore */\n ngOnInit(): void {\n this.renderIcon();\n }\n\n /** @ignore */\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 /** @ignore */\n private updateColor(): void {\n if (this.color) {\n const svg = this.element.nativeElement.querySelector('svg');\n this.renderer.setStyle(svg, 'fill', `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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"}
|
|
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 '@ascentgl/ads-icons/icons';\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 '@ascentgl/ads-icons/icons';\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\nexport type IconThemes = {\n iconPrimary: string;\n primary: string;\n secondary: string;\n secondaryHover: string;\n success: string;\n warn: string;\n white: string;\n 'dark-50': string;\n dark: string;\n link: string;\n 'medium-50': string;\n light: string;\n};\n\n@Component({\n selector: 'ads-icon',\n template: '',\n styleUrls: ['./ads-icon.component.scss'],\n standalone: false,\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 IconThemes;\n /**\n * The icon stroke\n */\n @Input() stroke?: keyof IconThemes;\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: IconThemes = {\n iconPrimary: '--color-medium',\n 'medium-50': '--color-medium-50',\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 light: '--color-light',\n link: '--color-link',\n secondaryHover: '--color-secondary-hover',\n };\n\n /** @ignore */\n constructor(\n private element: ElementRef,\n private registry: AdsIconRegistry,\n private renderer: Renderer2,\n ) {}\n\n /** @ignore */\n ngOnInit(): void {\n this.renderIcon();\n }\n\n /** @ignore */\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 /** @ignore */\n private updateColor(): void {\n if (this.color) {\n const svg = this.element.nativeElement.querySelector('svg');\n this.renderer.setStyle(svg, 'fill', `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/package.json
CHANGED