@glamera/animated-icons 0.1.0

package/fesm2020/glamera-animated-icons.mjs

@@ -0,0 +1,277 @@
+import * as i0 from '@angular/core';
+import { Directive, Input, Injectable, isDevMode, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, NgModule, Optional, Inject, makeEnvironmentProviders, ENVIRONMENT_INITIALIZER, inject } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+/** Matches the reference heart animation (`duration = 1` second). */
+const GLAMERA_DEFAULT_DURATION = 1000;
+/** Accepts `24`, `"24"`, or CSS units like `"2rem"`. */
+function coerceIconSize(size) {
+    if (typeof size === 'number' && Number.isFinite(size)) {
+        return `${size}px`;
+    }
+    const value = String(size).trim();
+    if (/^\d+(\.\d+)?$/.test(value)) {
+        return `${value}px`;
+    }
+    return value || '24px';
+}
+function coerceDurationMs(value) {
+    const parsed = typeof value === 'number' ? value : Number(value);
+    if (!Number.isFinite(parsed) || parsed < 0) {
+        return GLAMERA_DEFAULT_DURATION;
+    }
+    return parsed;
+}
+function coerceBooleanAttribute(value) {
+    return value === '' || value === true || value === 'true';
+}
+
+class GlameraIconBase {
+    get parentHover() {
+        return this._parentHover;
+    }
+    set parentHover(value) {
+        this._parentHover = coerceBooleanAttribute(value);
+    }
+    get decorative() {
+        return this._decorative;
+    }
+    set decorative(value) {
+        this._decorative = coerceBooleanAttribute(value);
+    }
+    constructor(sanitizer, cdr) {
+        this.sanitizer = sanitizer;
+        this.cdr = cdr;
+        this.animation = 'hover';
+        this.size = 24;
+        this.duration = GLAMERA_DEFAULT_DURATION;
+        this.delay = 0;
+        this.isActive = false;
+        this._decorative = false;
+        this._parentHover = false;
+        this.clickTimer = null;
+    }
+    get iconName() {
+        const def = this.iconDef;
+        return def ? def.name : null;
+    }
+    get resolvedSize() {
+        return coerceIconSize(this.size);
+    }
+    get resolvedDuration() {
+        return `${coerceDurationMs(this.duration)}ms`;
+    }
+    get resolvedDelay() {
+        return `${coerceDurationMs(this.delay)}ms`;
+    }
+    get a11yLabel() {
+        if (this.decorative) {
+            return null;
+        }
+        return this.label || this.ariaLabel || null;
+    }
+    get a11yHidden() {
+        return this.decorative || !this.a11yLabel ? 'true' : null;
+    }
+    get a11yRole() {
+        return this.a11yLabel && !this.decorative ? 'img' : 'presentation';
+    }
+    get safeSvg() {
+        const def = this.iconDef;
+        if (!def) {
+            return this.sanitizer.bypassSecurityTrustHtml('');
+        }
+        const strokeWidth = def.strokeWidth ?? 2;
+        return this.sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${def.viewBox}" fill="none" stroke="currentColor" stroke-width="${strokeWidth}" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true">${def.svg}</svg>`);
+    }
+    onClick() {
+        if (this.animation !== 'click') {
+            return;
+        }
+        this.isActive = false;
+        this.cdr.markForCheck();
+        if (this.clickTimer !== null) {
+            clearTimeout(this.clickTimer);
+            this.clickTimer = null;
+        }
+        this.clickTimer = setTimeout(() => {
+            this.isActive = true;
+            this.cdr.markForCheck();
+            const total = coerceDurationMs(this.duration) + coerceDurationMs(this.delay) + 40;
+            this.clickTimer = setTimeout(() => {
+                this.isActive = false;
+                this.clickTimer = null;
+                this.cdr.markForCheck();
+            }, total);
+        }, 0);
+    }
+    ngOnDestroy() {
+        if (this.clickTimer !== null) {
+            clearTimeout(this.clickTimer);
+        }
+    }
+}
+GlameraIconBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconBase, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+GlameraIconBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GlameraIconBase, inputs: { animation: "animation", size: "size", duration: "duration", delay: "delay", label: "label", ariaLabel: ["aria-label", "ariaLabel"], parentHover: "parentHover", decorative: "decorative" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { animation: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], duration: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], parentHover: [{
+                type: Input
+            }], decorative: [{
+                type: Input
+            }] } });
+
+const GLAMERA_ICON_HOST_TEMPLATE = `
+<span
+  class="glm-icon"
+  [class.glm-anim-hover]="animation === 'hover'"
+  [class.glm-anim-hover-loop]="animation === 'hover-loop'"
+  [class.glm-anim-loop]="animation === 'loop'"
+  [class.glm-anim-none]="animation === 'none'"
+  [class.glm-anim-click]="animation === 'click'"
+  [class.glm-is-active]="isActive"
+  [class.glm-parent-hover]="parentHover"
+  [class.glm-missing]="!iconDef"
+  [attr.data-icon]="iconName"
+  [style.--glm-size]="resolvedSize"
+  [style.--glm-duration]="resolvedDuration"
+  [style.--glm-delay]="resolvedDelay"
+  [attr.role]="a11yRole"
+  [attr.aria-hidden]="a11yHidden"
+  [attr.aria-label]="a11yLabel"
+  (click)="onClick()">
+  <span class="glm-icon-svg" [innerHTML]="safeSvg"></span>
+</span>
+`;
+
+class GlameraIconRegistry {
+    constructor() {
+        this.icons = new Map();
+    }
+    register(icons) {
+        const list = Array.isArray(icons) ? icons : [icons];
+        for (const icon of list) {
+            this.icons.set(icon.name, icon);
+        }
+    }
+    get(name) {
+        return this.icons.get(name);
+    }
+    has(name) {
+        return this.icons.has(name);
+    }
+    names() {
+        return Array.from(this.icons.keys());
+    }
+}
+GlameraIconRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+GlameraIconRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class GlameraIconComponent extends GlameraIconBase {
+    constructor(sanitizer, cdr, registry) {
+        super(sanitizer, cdr);
+        this.registry = registry;
+        this.name = '';
+    }
+    get iconDef() {
+        const icon = this.registry.get(this.name);
+        if (!icon && this.name && isDevMode() && !GlameraIconComponent.warned.has(this.name)) {
+            GlameraIconComponent.warned.add(this.name);
+            console.warn(`Glamera icon "${this.name}" is not registered. Call provideGlameraIcons() or GlameraIconsModule.withIcons() with this icon.`);
+        }
+        return icon;
+    }
+}
+GlameraIconComponent.warned = new Set();
+GlameraIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: GlameraIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
+GlameraIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GlameraIconComponent, isStandalone: true, selector: "glamera-icon", inputs: { name: "name" }, usesInheritance: true, ngImport: i0, template: "\n<span\n  class=\"glm-icon\"\n  [class.glm-anim-hover]=\"animation === 'hover'\"\n  [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n  [class.glm-anim-loop]=\"animation === 'loop'\"\n  [class.glm-anim-none]=\"animation === 'none'\"\n  [class.glm-anim-click]=\"animation === 'click'\"\n  [class.glm-is-active]=\"isActive\"\n  [class.glm-parent-hover]=\"parentHover\"\n  [class.glm-missing]=\"!iconDef\"\n  [attr.data-icon]=\"iconName\"\n  [style.--glm-size]=\"resolvedSize\"\n  [style.--glm-duration]=\"resolvedDuration\"\n  [style.--glm-delay]=\"resolvedDelay\"\n  [attr.role]=\"a11yRole\"\n  [attr.aria-hidden]=\"a11yHidden\"\n  [attr.aria-label]=\"a11yLabel\"\n  (click)=\"onClick()\">\n  <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n", isInline: true, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'glamera-icon', template: GLAMERA_ICON_HOST_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".glm-icon{--glm-duration: 1s;display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:0;vertical-align:middle;flex-shrink:0;-webkit-tap-highlight-color:transparent}.glm-icon-svg,.glm-icon-svg svg{display:block;width:var(--glm-size, 24px);height:var(--glm-size, 24px);overflow:visible}.glm-icon-svg svg,.glm-icon-svg svg *{transform-box:fill-box;transform-origin:center}.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover.glm-parent-hover .glm-icon-svg *{animation-iteration-count:1!important}@media (prefers-reduced-motion: reduce){.glm-icon.glm-anim-hover:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop:hover .glm-icon-svg *,.glm-icon.glm-anim-hover-loop.glm-parent-hover .glm-icon-svg *,.glm-icon.glm-anim-loop .glm-icon-svg *,.glm-icon.glm-anim-click.glm-is-active .glm-icon-svg *{animation:none!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: GlameraIconRegistry }]; }, propDecorators: { name: [{
+                type: Input
+            }] } });
+
+/** Multi-provider token used by `GlameraIconsModule.withIcons()`. */
+const GLAMERA_ICONS = new InjectionToken('GLAMERA_ICONS');
+
+/**
+ * @deprecated Prefer `provideGlameraIcons()` or dedicated icon components from `@glamera/animated-icons/<icon>`.
+ */
+class GlameraIconsModule {
+    constructor(registry, groups) {
+        if (groups) {
+            for (const group of groups) {
+                registry.register(group);
+            }
+        }
+    }
+    /**
+     * @deprecated Prefer `provideGlameraIcons()` in standalone applications.
+     */
+    static withIcons(icons) {
+        return {
+            ngModule: GlameraIconsModule,
+            providers: [{ provide: GLAMERA_ICONS, useValue: icons, multi: true }],
+        };
+    }
+}
+GlameraIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, deps: [{ token: GlameraIconRegistry }, { token: GLAMERA_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+GlameraIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, imports: [GlameraIconComponent], exports: [GlameraIconComponent] });
+GlameraIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, imports: [GlameraIconComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GlameraIconsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [GlameraIconComponent],
+                    exports: [GlameraIconComponent],
+                }]
+        }], ctorParameters: function () { return [{ type: GlameraIconRegistry }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [GLAMERA_ICONS]
+                }] }]; } });
+
+/**
+ * Standalone registration for `<glamera-icon name="...">`.
+ * Pass only the icon definitions the app actually imports.
+ *
+ * `<glamera-icon>` ships base styles only. Add animation styles explicitly, for example:
+ * `@import '@glamera/animated-icons/styles/search.scss';` in `angular.json`, or import
+ * only the dedicated icon components which bundle their own animation CSS.
+ */
+function provideGlameraIcons(icons) {
+    return makeEnvironmentProviders([
+        {
+            provide: ENVIRONMENT_INITIALIZER,
+            multi: true,
+            useValue: () => {
+                inject(GlameraIconRegistry).register(icons);
+            },
+        },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GLAMERA_DEFAULT_DURATION, GLAMERA_ICONS, GLAMERA_ICON_HOST_TEMPLATE, GlameraIconBase, GlameraIconComponent, GlameraIconRegistry, GlameraIconsModule, coerceBooleanAttribute, coerceDurationMs, coerceIconSize, provideGlameraIcons };
+//# sourceMappingURL=glamera-animated-icons.mjs.map

package/fesm2020/glamera-animated-icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"glamera-animated-icons.mjs","sources":["../../../projects/animated-icons/src/lib/utils.ts","../../../projects/animated-icons/src/lib/base/icon-base.ts","../../../projects/animated-icons/src/lib/base/icon-host.template.ts","../../../projects/animated-icons/src/lib/icon-registry.ts","../../../projects/animated-icons/src/lib/components/icon/icon.component.ts","../../../projects/animated-icons/src/lib/tokens.ts","../../../projects/animated-icons/src/lib/glamera-icons.module.ts","../../../projects/animated-icons/src/lib/provide-icons.ts","../../../projects/animated-icons/src/glamera-animated-icons.ts"],"sourcesContent":["import { GlameraIconSize } from './types';\n\n/** Matches the reference heart animation (`duration = 1` second). */\nexport const GLAMERA_DEFAULT_DURATION = 1000;\n\n/** Accepts `24`, `\"24\"`, or CSS units like `\"2rem\"`. */\nexport function coerceIconSize(size: GlameraIconSize): string {\n  if (typeof size === 'number' && Number.isFinite(size)) {\n    return `${size}px`;\n  }\n\n  const value = String(size).trim();\n  if (/^\\d+(\\.\\d+)?$/.test(value)) {\n    return `${value}px`;\n  }\n\n  return value || '24px';\n}\n\nexport function coerceDurationMs(value: number | string): number {\n  const parsed = typeof value === 'number' ? value : Number(value);\n  if (!Number.isFinite(parsed) || parsed < 0) {\n    return GLAMERA_DEFAULT_DURATION;\n  }\n  return parsed;\n}\n\nexport function coerceBooleanAttribute(value: boolean | string | null | undefined): boolean {\n  return value === '' || value === true || value === 'true';\n}\n","import {\n  ChangeDetectorRef,\n  Directive,\n  Input,\n  OnDestroy,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { GlameraAnimationMode, GlameraIconDefinition, GlameraIconSize } from '../types';\nimport { coerceBooleanAttribute, coerceDurationMs, coerceIconSize, GLAMERA_DEFAULT_DURATION } from '../utils';\n\n@Directive()\nexport abstract class GlameraIconBase implements OnDestroy {\n  @Input() animation: GlameraAnimationMode = 'hover';\n  @Input() size: GlameraIconSize = 24;\n  @Input() duration: number | string = GLAMERA_DEFAULT_DURATION;\n  @Input() delay: number | string = 0;\n  @Input() label?: string | null;\n  @Input('aria-label') ariaLabel?: string | null;\n\n  @Input()\n  get parentHover(): boolean {\n    return this._parentHover;\n  }\n  set parentHover(value: boolean | string | null | undefined) {\n    this._parentHover = coerceBooleanAttribute(value);\n  }\n\n  @Input()\n  get decorative(): boolean {\n    return this._decorative;\n  }\n  set decorative(value: boolean | string | null | undefined) {\n    this._decorative = coerceBooleanAttribute(value);\n  }\n\n  isActive = false;\n\n  private _decorative = false;\n  private _parentHover = false;\n  private clickTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected constructor(\n    protected readonly sanitizer: DomSanitizer,\n    protected readonly cdr: ChangeDetectorRef\n  ) {}\n\n  abstract get iconDef(): GlameraIconDefinition | undefined;\n\n  get iconName(): string | null {\n    const def = this.iconDef;\n    return def ? def.name : null;\n  }\n\n  get resolvedSize(): string {\n    return coerceIconSize(this.size);\n  }\n\n  get resolvedDuration(): string {\n    return `${coerceDurationMs(this.duration)}ms`;\n  }\n\n  get resolvedDelay(): string {\n    return `${coerceDurationMs(this.delay)}ms`;\n  }\n\n  get a11yLabel(): string | null {\n    if (this.decorative) {\n      return null;\n    }\n    return this.label || this.ariaLabel || null;\n  }\n\n  get a11yHidden(): string | null {\n    return this.decorative || !this.a11yLabel ? 'true' : null;\n  }\n\n  get a11yRole(): string | null {\n    return this.a11yLabel && !this.decorative ? 'img' : 'presentation';\n  }\n\n  get safeSvg(): SafeHtml {\n    const def = this.iconDef;\n    if (!def) {\n      return this.sanitizer.bypassSecurityTrustHtml('');\n    }\n\n    const strokeWidth = def.strokeWidth ?? 2;\n    return this.sanitizer.bypassSecurityTrustHtml(\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${def.viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"${strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\">${def.svg}</svg>`\n    );\n  }\n\n  onClick(): void {\n    if (this.animation !== 'click') {\n      return;\n    }\n\n    this.isActive = false;\n    this.cdr.markForCheck();\n\n    if (this.clickTimer !== null) {\n      clearTimeout(this.clickTimer);\n      this.clickTimer = null;\n    }\n\n    this.clickTimer = setTimeout(() => {\n      this.isActive = true;\n      this.cdr.markForCheck();\n\n      const total = coerceDurationMs(this.duration) + coerceDurationMs(this.delay) + 40;\n      this.clickTimer = setTimeout(() => {\n        this.isActive = false;\n        this.clickTimer = null;\n        this.cdr.markForCheck();\n      }, total);\n    }, 0);\n  }\n\n  ngOnDestroy(): void {\n    if (this.clickTimer !== null) {\n      clearTimeout(this.clickTimer);\n    }\n  }\n}\n","export const GLAMERA_ICON_HOST_TEMPLATE = `\n<span\n  class=\"glm-icon\"\n  [class.glm-anim-hover]=\"animation === 'hover'\"\n  [class.glm-anim-hover-loop]=\"animation === 'hover-loop'\"\n  [class.glm-anim-loop]=\"animation === 'loop'\"\n  [class.glm-anim-none]=\"animation === 'none'\"\n  [class.glm-anim-click]=\"animation === 'click'\"\n  [class.glm-is-active]=\"isActive\"\n  [class.glm-parent-hover]=\"parentHover\"\n  [class.glm-missing]=\"!iconDef\"\n  [attr.data-icon]=\"iconName\"\n  [style.--glm-size]=\"resolvedSize\"\n  [style.--glm-duration]=\"resolvedDuration\"\n  [style.--glm-delay]=\"resolvedDelay\"\n  [attr.role]=\"a11yRole\"\n  [attr.aria-hidden]=\"a11yHidden\"\n  [attr.aria-label]=\"a11yLabel\"\n  (click)=\"onClick()\">\n  <span class=\"glm-icon-svg\" [innerHTML]=\"safeSvg\"></span>\n</span>\n`;\n","import { Injectable } from '@angular/core';\nimport { GlameraIconDefinition } from './types';\n\n@Injectable({ providedIn: 'root' })\nexport class GlameraIconRegistry {\n  private readonly icons = new Map<string, GlameraIconDefinition>();\n\n  register(icons: GlameraIconDefinition | readonly GlameraIconDefinition[]): void {\n    const list = Array.isArray(icons) ? icons : [icons];\n    for (const icon of list) {\n      this.icons.set(icon.name, icon);\n    }\n  }\n\n  get(name: string): GlameraIconDefinition | undefined {\n    return this.icons.get(name);\n  }\n\n  has(name: string): boolean {\n    return this.icons.has(name);\n  }\n\n  names(): string[] {\n    return Array.from(this.icons.keys());\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  ViewEncapsulation,\n  isDevMode,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { GlameraIconBase } from '../../base/icon-base';\nimport { GLAMERA_ICON_HOST_TEMPLATE } from '../../base/icon-host.template';\nimport { GlameraIconRegistry } from '../../icon-registry';\nimport { GlameraIconDefinition } from '../../types';\n\n@Component({\n  standalone: true,\n  selector: 'glamera-icon',\n  template: GLAMERA_ICON_HOST_TEMPLATE,\n  styleUrls: ['../../base/icon-base.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class GlameraIconComponent extends GlameraIconBase {\n  @Input() name = '';\n\n  private static readonly warned = new Set<string>();\n\n  constructor(\n    sanitizer: DomSanitizer,\n    cdr: ChangeDetectorRef,\n    private readonly registry: GlameraIconRegistry\n  ) {\n    super(sanitizer, cdr);\n  }\n\n  get iconDef(): GlameraIconDefinition | undefined {\n    const icon = this.registry.get(this.name);\n    if (!icon && this.name && isDevMode() && !GlameraIconComponent.warned.has(this.name)) {\n      GlameraIconComponent.warned.add(this.name);\n      console.warn(\n        `Glamera icon \"${this.name}\" is not registered. Call provideGlameraIcons() or GlameraIconsModule.withIcons() with this icon.`\n      );\n    }\n    return icon;\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { GlameraIconDefinition } from './types';\n\n/** Multi-provider token used by `GlameraIconsModule.withIcons()`. */\nexport const GLAMERA_ICONS = new InjectionToken<GlameraIconDefinition[][]>(\n  'GLAMERA_ICONS'\n);\n","import { Inject, ModuleWithProviders, NgModule, Optional } from '@angular/core';\nimport { GlameraIconComponent } from './components/icon/icon.component';\nimport { GlameraIconRegistry } from './icon-registry';\nimport { GLAMERA_ICONS } from './tokens';\nimport { GlameraIconDefinition } from './types';\n\n/**\n * @deprecated Prefer `provideGlameraIcons()` or dedicated icon components from `@glamera/animated-icons/<icon>`.\n */\n@NgModule({\n  imports: [GlameraIconComponent],\n  exports: [GlameraIconComponent],\n})\nexport class GlameraIconsModule {\n  constructor(\n    registry: GlameraIconRegistry,\n    @Optional() @Inject(GLAMERA_ICONS) groups: GlameraIconDefinition[][] | null\n  ) {\n    if (groups) {\n      for (const group of groups) {\n        registry.register(group);\n      }\n    }\n  }\n\n  /**\n   * @deprecated Prefer `provideGlameraIcons()` in standalone applications.\n   */\n  static withIcons(icons: GlameraIconDefinition[]): ModuleWithProviders<GlameraIconsModule> {\n    return {\n      ngModule: GlameraIconsModule,\n      providers: [{ provide: GLAMERA_ICONS, useValue: icons, multi: true }],\n    };\n  }\n}\n","import { ENVIRONMENT_INITIALIZER, inject, makeEnvironmentProviders } from '@angular/core';\nimport { GlameraIconRegistry } from './icon-registry';\nimport { GlameraIconDefinition } from './types';\n\n/**\n * Standalone registration for `<glamera-icon name=\"...\">`.\n * Pass only the icon definitions the app actually imports.\n *\n * `<glamera-icon>` ships base styles only. Add animation styles explicitly, for example:\n * `@import '@glamera/animated-icons/styles/search.scss';` in `angular.json`, or import\n * only the dedicated icon components which bundle their own animation CSS.\n */\nexport function provideGlameraIcons(icons: GlameraIconDefinition[]) {\n  return makeEnvironmentProviders([\n    {\n      provide: ENVIRONMENT_INITIALIZER,\n      multi: true,\n      useValue: () => {\n        inject(GlameraIconRegistry).register(icons);\n      },\n    },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.GlameraIconRegistry"],"mappings":"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"}

package/files/files.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_FILES: GlameraIconDefinition;
+export declare class FilesIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilesIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilesIconComponent, "glamera-files-icon", never, {}, {}, never, never, true, never>;
+}

package/files/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/files" />
+export * from './public-api';

package/files/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_FILES, FilesIconComponent, FilesIconComponent as FilesIcon, } from './files';

package/files/src/files.animation.scss

@@ -0,0 +1,64 @@
+@import '../../src/lib/animations/play';
+
+$files-ease: cubic-bezier(0.16, 1, 0.3, 1);
+
+@keyframes glm-files-draw {
+  0% {
+    stroke-dashoffset: 1;
+    opacity: 0;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-files-draw-loop {
+  0%,
+  100% {
+    stroke-dashoffset: 1;
+    opacity: 0;
+  }
+
+  40% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+
+  60% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='files'] .glm-files-front-a,
+.glm-icon[data-icon='files'] .glm-files-front-b,
+.glm-icon[data-icon='files'] .glm-files-back {
+  fill: none;
+  stroke-dasharray: 1;
+  stroke-dashoffset: 0;
+  opacity: 1;
+}
+
+@include glm-when-playing('files') {
+  .glm-files-front-a,
+  .glm-files-front-b {
+    animation: glm-files-draw calc(var(--glm-duration) * 0.5) $files-ease var(--glm-delay) both;
+  }
+
+  .glm-files-back {
+    animation: glm-files-draw calc(var(--glm-duration) * 0.5) $files-ease calc(var(--glm-delay) + var(--glm-duration) * 0.18) both;
+  }
+}
+
+@include glm-loop('files') {
+  .glm-files-front-a,
+  .glm-files-front-b {
+    animation: glm-files-draw-loop calc(var(--glm-duration) * 1.2) $files-ease var(--glm-delay) infinite both;
+  }
+
+  .glm-files-back {
+    animation: glm-files-draw-loop calc(var(--glm-duration) * 1.2) $files-ease calc(var(--glm-delay) + var(--glm-duration) * 0.18) infinite both;
+  }
+}

package/heart/heart.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_HEART: GlameraIconDefinition;
+export declare class HeartIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeartIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeartIconComponent, "glamera-heart-icon", never, {}, {}, never, never, true, never>;
+}

package/heart/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/heart" />
+export * from './public-api';

package/heart/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_HEART, HeartIconComponent, HeartIconComponent as HeartIcon } from './heart';

package/heart/src/heart.animation.scss

@@ -0,0 +1,65 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-heart-draw {
+  0% {
+    stroke-dashoffset: 1;
+    opacity: 0;
+  }
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes glm-heart-pulse {
+  0% {
+    transform: scale(1);
+  }
+  28% {
+    transform: scale(1.25);
+  }
+  48% {
+    transform: scale(0.95);
+  }
+  72% {
+    transform: scale(1.12);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.glm-icon[data-icon='heart'] .glm-heart-left,
+.glm-icon[data-icon='heart'] .glm-heart-right {
+  fill: none;
+  stroke-dasharray: 1;
+  stroke-dashoffset: 0;
+}
+
+.glm-icon[data-icon='heart'] .glm-heart-body {
+  transform-box: view-box;
+  transform-origin: 12px 12px;
+}
+
+@include glm-when-playing('heart') {
+  .glm-heart-left,
+  .glm-heart-right {
+    animation: glm-heart-draw calc(var(--glm-duration) * 0.45) cubic-bezier(0.16, 1, 0.3, 1) var(--glm-delay) both;
+  }
+
+  .glm-heart-right {
+    animation-delay: calc(var(--glm-delay) + var(--glm-duration) * 0.1);
+  }
+
+  .glm-heart-body {
+    animation: glm-heart-pulse calc(var(--glm-duration) * 0.95) ease-out calc(var(--glm-delay) + var(--glm-duration) * 0.1) both;
+  }
+}
+
+@include glm-loop('heart') {
+  .glm-heart-left,
+  .glm-heart-right,
+  .glm-heart-body {
+    animation-iteration-count: infinite;
+  }
+}

package/house/house.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_HOUSE: GlameraIconDefinition;
+export declare class HouseIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<HouseIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HouseIconComponent, "glamera-house-icon", never, {}, {}, never, never, true, never>;
+}

package/house/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/house" />
+export * from './public-api';

package/house/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_HOUSE, HouseIconComponent, HouseIconComponent as HouseIcon, } from './house';

package/house/src/house.animation.scss

@@ -0,0 +1,95 @@
+@import '../../src/lib/animations/play';
+
+@keyframes glm-house-pop {
+  0% {
+    transform: scale(0.7);
+  }
+
+  55% {
+    transform: scale(1.06);
+  }
+
+  80% {
+    transform: scale(0.98);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes glm-house-pop-loop {
+  0%,
+  100% {
+    transform: scale(0.7);
+  }
+
+  27.5% {
+    transform: scale(1.06);
+  }
+
+  40% {
+    transform: scale(0.98);
+  }
+
+  50% {
+    transform: scale(1);
+  }
+}
+
+@keyframes glm-house-door {
+  0% {
+    transform: scaleY(0);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scaleY(1);
+    opacity: 1;
+  }
+}
+
+@keyframes glm-house-door-loop {
+  0%,
+  100% {
+    transform: scaleY(0);
+    opacity: 0;
+  }
+
+  35%,
+  50% {
+    transform: scaleY(1);
+    opacity: 1;
+  }
+}
+
+.glm-icon[data-icon='house'] .glm-house-group {
+  transform-box: view-box;
+  transform-origin: 12px 21px;
+}
+
+.glm-icon[data-icon='house'] .glm-house-door {
+  transform-box: view-box;
+  transform-origin: 12px 21px;
+  opacity: 1;
+}
+
+@include glm-when-playing('house') {
+  .glm-house-group {
+    animation: glm-house-pop calc(var(--glm-duration) * 0.55) ease-out var(--glm-delay) both;
+  }
+
+  .glm-house-door {
+    animation: glm-house-door calc(var(--glm-duration) * 0.3) ease-out calc(var(--glm-delay) + var(--glm-duration) * 0.35) both;
+  }
+}
+
+@include glm-loop('house') {
+  .glm-house-group {
+    animation: glm-house-pop-loop calc(var(--glm-duration) * 1.1) ease-out var(--glm-delay) infinite both;
+  }
+
+  .glm-house-door {
+    animation: glm-house-door-loop calc(var(--glm-duration) * 1.1) ease-out calc(var(--glm-delay) + var(--glm-duration) * 0.35) infinite both;
+  }
+}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons" />
+export * from './public-api';

package/layers/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@glamera/animated-icons/layers" />
+export * from './public-api';

package/layers/layers.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { GlameraIconBase, GlameraIconDefinition } from '@glamera/animated-icons';
+import * as i0 from "@angular/core";
+export declare const GLM_LAYERS: GlameraIconDefinition;
+export declare class LayersIconComponent extends GlameraIconBase {
+    readonly iconDef: GlameraIconDefinition;
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayersIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayersIconComponent, "glamera-layers-icon", never, {}, {}, never, never, true, never>;
+}

package/layers/public-api.d.ts

@@ -0,0 +1 @@
+export { GLM_LAYERS, LayersIconComponent, LayersIconComponent as LayersIcon, } from './layers';