flowbite-angular 1.0.0-alpha.2 → 1.0.0-alpha.4

package/fesm2022/flowbite-angular-icon.mjs

@@ -0,0 +1,254 @@
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, SecurityContext, Injectable, ElementRef, model, effect, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { of, throwError, map, tap, finalize, share, take } from 'rxjs';
+import { BaseComponent } from 'flowbite-angular';
+
+/**
+ * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components
+ */
+let policy;
+function getPolicy() {
+    if (!policy) {
+        if (typeof window !== 'undefined') {
+            const tWindow = window;
+            if (tWindow.trustedTypes !== undefined) {
+                policy = tWindow.trustedTypes.createPolicy('angular#components', {
+                    createHTML: (s) => s,
+                });
+            }
+        }
+    }
+    return policy;
+}
+function trustedHTMLFromString(raw) {
+    return getPolicy()?.createHTML(raw) || raw;
+}
+
+/**
+ * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components
+ */
+function getSvgIconFromNamedError(iconName) {
+    return Error(`Unable to find icon with name ${iconName}`);
+}
+function getSvgIconFailedToSanitizeRawError(raw) {
+    return Error(`The raw provided to IconRegistry was not trusted as safe HTML by ANGULAR's DOMSanitizer. Attempted raw was : ${raw}`);
+}
+function getSvgIconFailedToSanitizeUrlError(url) {
+    return Error(`The URL provided to IconRegistry was not trusted as a resource URL via Angular's DOMSanitizer. Attempted URL was : ${url}`);
+}
+function getSvgIconNoHttpClientProvidedError() {
+    return Error(`Could not fid HttpClient provider for use with flowbite-angular icons. Please include the HttpClientModule from @angular/common/http in your app imports`);
+}
+class SvgIconConfig {
+    constructor(url, svgText, options) {
+        this.url = url;
+        this.svgText = svgText;
+        this.options = options;
+        this.svgElement = null;
+    }
+}
+class IconRegistry {
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this._httpClient = inject(HttpClient, { optional: true });
+        this._sanitizer = inject(DomSanitizer);
+        this._document = inject(DOCUMENT);
+        this._svgIconConfig = new Map();
+        this._cachedSvgIconByUrl = new Map();
+        this._inProgressSvgIconFetch = new Map();
+    }
+    addSvgIcon(iconName, url, options) {
+        return this.addSvgIconInNamespace('', iconName, url, options);
+    }
+    addRawSvgIcon(iconName, raw, options) {
+        return this.addRawSvgIconInNamepsace('', iconName, raw, options);
+    }
+    addSvgIconInNamespace(namespace, iconName, url, options) {
+        return this._addSvgIconConfig(namespace, iconName, new SvgIconConfig(url, undefined, options));
+    }
+    addRawSvgIconInNamepsace(namespace, iconName, raw, options) {
+        const cleanRaw = this._sanitizer.sanitize(SecurityContext.HTML, raw);
+        if (!cleanRaw) {
+            throw getSvgIconFailedToSanitizeRawError(raw);
+        }
+        const trustedRaw = trustedHTMLFromString(cleanRaw);
+        return this._addSvgIconConfig(namespace, iconName, new SvgIconConfig('', trustedRaw, options));
+    }
+    getSvgIconFromUrl(safeUrl) {
+        const url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, safeUrl);
+        if (!url) {
+            throw getSvgIconFailedToSanitizeUrlError(safeUrl);
+        }
+        const cachedIcon = this._cachedSvgIconByUrl.get(url);
+        if (cachedIcon) {
+            return of(cloneSvg(cachedIcon));
+        }
+        return this._loadSvgIconFromConfig(new SvgIconConfig(safeUrl, undefined));
+    }
+    getSvgIconFromName(iconName, namespace) {
+        const key = iconKey(namespace, iconName);
+        const config = this._svgIconConfig.get(key);
+        if (config) {
+            return this._getSvgIconFromConfig(config);
+        }
+        return throwError(() => getSvgIconFromNamedError(key));
+    }
+    ngOnDestroy() {
+        this._svgIconConfig.clear();
+        this._cachedSvgIconByUrl.clear();
+    }
+    _addSvgIconConfig(namespace, iconName, config) {
+        this._svgIconConfig.set(iconKey(namespace, iconName), config);
+        return this;
+    }
+    _getSvgIconFromConfig(config) {
+        if (config.svgText) {
+            return of(cloneSvg(this._svgElementFromConfig(config)));
+        }
+        else {
+            return this._loadSvgIconFromConfig(config).pipe(map((svg) => cloneSvg(svg)));
+        }
+    }
+    _loadSvgIconFromConfig(config) {
+        return this._fetchIcon(config).pipe(tap((svgText) => (config.svgText = svgText)), map(() => this._svgElementFromConfig(config)));
+    }
+    _setSvgAttributes(svg, options) {
+        svg.setAttribute('fit', '');
+        svg.setAttribute('height', '100%');
+        svg.setAttribute('width', '100%');
+        svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
+        svg.setAttribute('focusable', 'false');
+        if (options?.viewBox) {
+            svg.setAttribute('viewBox', options.viewBox);
+        }
+        return svg;
+    }
+    _svgElementFromConfig(config) {
+        if (!config.svgElement) {
+            const svg = this._svgElementFromString(config.svgText);
+            this._setSvgAttributes(svg, config.options);
+            config.svgElement = svg;
+        }
+        return config.svgElement;
+    }
+    _svgElementFromString(str) {
+        const div = this._document.createElement('div');
+        div.innerHTML = str;
+        const svg = div.querySelector('svg');
+        return svg;
+    }
+    _fetchIcon(iconConfig) {
+        if (isPlatformBrowser(this.platformId)) {
+            if (!this._httpClient) {
+                throw getSvgIconNoHttpClientProvidedError();
+            }
+            const url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, iconConfig.url);
+            if (!url) {
+                throw getSvgIconFailedToSanitizeUrlError(iconConfig.url);
+            }
+            const inProgressFetch = this._inProgressSvgIconFetch.get(url);
+            if (inProgressFetch) {
+                return inProgressFetch;
+            }
+            const req = this._httpClient.get(url, { responseType: 'text' }).pipe(map((svg) => {
+                return trustedHTMLFromString(svg);
+            }), finalize(() => this._inProgressSvgIconFetch.delete(url)), share());
+            this._inProgressSvgIconFetch.set(url, req);
+            return req;
+        }
+        else {
+            return of(trustedHTMLFromString('<svg></svg>'));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IconRegistry, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IconRegistry, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+function cloneSvg(svg) {
+    return svg.cloneNode(true);
+}
+function iconKey(namespace, iconName) {
+    return `${namespace}:${iconName}`;
+}
+
+/**
+ * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components
+ */
+class IconComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this._elementRef = inject((ElementRef));
+        this._iconRegistry = inject(IconRegistry);
+        this.svgIcon = model.required();
+    }
+    init() {
+        effect(() => {
+            this._updateSvgIcon();
+        }, { injector: this.injector });
+    }
+    fetchClass() {
+        return { rootClass: '' };
+    }
+    _splitIconName(iconName) {
+        if (!iconName) {
+            return ['', ''];
+        }
+        const parts = iconName.split(':');
+        switch (parts.length) {
+            case 1:
+                return ['', parts[0]];
+            case 2:
+                return parts;
+            default:
+                throw Error(`Invalid icon name: "${iconName}"`);
+        }
+    }
+    _updateSvgIcon() {
+        const [namespace, iconName] = this._splitIconName(this.svgIcon());
+        this._iconRegistry
+            .getSvgIconFromName(iconName, namespace)
+            .pipe(take(1))
+            .subscribe((svg) => this._setSvgElement(svg));
+    }
+    _setSvgElement(svg) {
+        this._clearSvgElements();
+        this._elementRef.nativeElement.appendChild(svg);
+    }
+    _clearSvgElements() {
+        const layoutElement = this._elementRef.nativeElement;
+        let childCount = layoutElement.childNodes.length;
+        while (childCount--) {
+            const child = layoutElement.childNodes[childCount];
+            if (child.nodeType !== 1 || child.nodeName.toLowerCase() === 'svg') {
+                child.remove();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: IconComponent, isStandalone: true, selector: "flowbite-icon", inputs: { svgIcon: { classPropertyName: "svgIcon", publicName: "svgIcon", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { svgIcon: "svgIconChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-icon',
+                    standalone: true,
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, IconRegistry, SvgIconConfig, getSvgIconFailedToSanitizeRawError, getSvgIconFailedToSanitizeUrlError, getSvgIconFromNamedError, getSvgIconNoHttpClientProvidedError, trustedHTMLFromString };
+//# sourceMappingURL=flowbite-angular-icon.mjs.map

package/fesm2022/flowbite-angular-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-icon.mjs","sources":["../../../../libs/flowbite-angular/icon/trusted-types.ts","../../../../libs/flowbite-angular/icon/icon-registry.ts","../../../../libs/flowbite-angular/icon/icon.component.ts","../../../../libs/flowbite-angular/icon/flowbite-angular-icon.ts"],"sourcesContent":["/**\n * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components\n */\n\nexport declare interface TrustedHTML {\n  __brand__: 'TrustedHTML';\n}\n\nexport declare interface TrustedTypePolicyFactory {\n  createPolicy(\n    policyName: string,\n    policyOptions: {\n      createHTML?: (input: string) => string;\n    }\n  ): TrustedTypePolicy;\n}\n\nexport declare interface TrustedTypePolicy {\n  createHTML(input: string): TrustedHTML;\n}\n\nlet policy: TrustedTypePolicy | undefined;\n\nfunction getPolicy(): TrustedTypePolicy | undefined {\n  if (!policy) {\n    if (typeof window !== 'undefined') {\n      const tWindow = window as unknown as { trustedTypes?: TrustedTypePolicyFactory };\n\n      if (tWindow.trustedTypes !== undefined) {\n        policy = tWindow.trustedTypes.createPolicy('angular#components', {\n          createHTML: (s: string) => s,\n        });\n      }\n    }\n  }\n\n  return policy;\n}\n\nexport function trustedHTMLFromString(raw: string): TrustedHTML {\n  return getPolicy()?.createHTML(raw) || (raw as unknown as TrustedHTML);\n}\n","/**\n * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components\n */\n\nimport { trustedHTMLFromString } from './trusted-types';\nimport type { TrustedHTML } from './trusted-types';\n\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport type { OnDestroy } from '@angular/core';\nimport { inject, Injectable, PLATFORM_ID, SecurityContext } from '@angular/core';\nimport type { SafeHtml } from '@angular/platform-browser';\nimport { DomSanitizer, type SafeResourceUrl } from '@angular/platform-browser';\nimport { finalize, map, of, share, tap, throwError, type Observable } from 'rxjs';\n\nexport function getSvgIconFromNamedError(iconName: string): Error {\n  return Error(`Unable to find icon with name ${iconName}`);\n}\n\nexport function getSvgIconFailedToSanitizeRawError(raw: SafeHtml): Error {\n  return Error(\n    `The raw provided to IconRegistry was not trusted as safe HTML by ANGULAR's DOMSanitizer. Attempted raw was : ${raw as string}`\n  );\n}\n\nexport function getSvgIconFailedToSanitizeUrlError(url: SafeResourceUrl): Error {\n  return Error(\n    `The URL provided to IconRegistry was not trusted as a resource URL via Angular's DOMSanitizer. Attempted URL was : ${url as string}`\n  );\n}\n\nexport function getSvgIconNoHttpClientProvidedError(): Error {\n  return Error(\n    `Could not fid HttpClient provider for use with flowbite-angular icons. Please include the HttpClientModule from @angular/common/http in your app imports`\n  );\n}\n\nexport interface SvgIconOptions {\n  viewBox: string;\n}\n\nexport class SvgIconConfig {\n  svgElement: SVGElement | null = null;\n\n  constructor(\n    public url: SafeResourceUrl,\n    public svgText: TrustedHTML | undefined,\n    public options?: SvgIconOptions\n  ) {}\n}\n\ntype LoadedSvgIconConfig = SvgIconConfig & { svgText: TrustedHTML };\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IconRegistry implements OnDestroy {\n  private platformId = inject(PLATFORM_ID);\n\n  private _httpClient = inject(HttpClient, { optional: true });\n  private _sanitizer = inject(DomSanitizer);\n  private _document = inject(DOCUMENT);\n\n  private _svgIconConfig = new Map<string, SvgIconConfig>();\n  private _cachedSvgIconByUrl = new Map<string, SVGElement>();\n  private _inProgressSvgIconFetch = new Map<string, Observable<TrustedHTML>>();\n\n  public addSvgIcon(iconName: string, url: SafeResourceUrl, options?: SvgIconOptions): this {\n    return this.addSvgIconInNamespace('', iconName, url, options);\n  }\n\n  public addRawSvgIcon(iconName: string, raw: SafeHtml, options?: SvgIconOptions): this {\n    return this.addRawSvgIconInNamepsace('', iconName, raw, options);\n  }\n\n  public addSvgIconInNamespace(\n    namespace: string,\n    iconName: string,\n    url: SafeResourceUrl,\n    options?: SvgIconOptions\n  ): this {\n    return this._addSvgIconConfig(namespace, iconName, new SvgIconConfig(url, undefined, options));\n  }\n\n  public addRawSvgIconInNamepsace(\n    namespace: string,\n    iconName: string,\n    raw: SafeHtml,\n    options?: SvgIconOptions\n  ): this {\n    const cleanRaw = this._sanitizer.sanitize(SecurityContext.HTML, raw);\n\n    if (!cleanRaw) {\n      throw getSvgIconFailedToSanitizeRawError(raw);\n    }\n\n    const trustedRaw = trustedHTMLFromString(cleanRaw);\n    return this._addSvgIconConfig(namespace, iconName, new SvgIconConfig('', trustedRaw, options));\n  }\n\n  public getSvgIconFromUrl(safeUrl: SafeResourceUrl): Observable<SVGElement> {\n    const url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, safeUrl);\n\n    if (!url) {\n      throw getSvgIconFailedToSanitizeUrlError(safeUrl);\n    }\n\n    const cachedIcon = this._cachedSvgIconByUrl.get(url);\n\n    if (cachedIcon) {\n      return of(cloneSvg(cachedIcon));\n    }\n\n    return this._loadSvgIconFromConfig(new SvgIconConfig(safeUrl, undefined));\n  }\n\n  public getSvgIconFromName(iconName: string, namespace: string): Observable<SVGElement> {\n    const key = iconKey(namespace, iconName);\n    const config = this._svgIconConfig.get(key);\n\n    if (config) {\n      return this._getSvgIconFromConfig(config);\n    }\n\n    return throwError(() => getSvgIconFromNamedError(key));\n  }\n\n  public ngOnDestroy(): void {\n    this._svgIconConfig.clear();\n    this._cachedSvgIconByUrl.clear();\n  }\n\n  private _addSvgIconConfig(namespace: string, iconName: string, config: SvgIconConfig): this {\n    this._svgIconConfig.set(iconKey(namespace, iconName), config);\n\n    return this;\n  }\n\n  private _getSvgIconFromConfig(config: SvgIconConfig): Observable<SVGElement> {\n    if (config.svgText) {\n      return of(cloneSvg(this._svgElementFromConfig(config as LoadedSvgIconConfig)));\n    } else {\n      return this._loadSvgIconFromConfig(config).pipe(map((svg) => cloneSvg(svg)));\n    }\n  }\n\n  private _loadSvgIconFromConfig(config: SvgIconConfig): Observable<SVGElement> {\n    return this._fetchIcon(config).pipe(\n      tap((svgText) => (config.svgText = svgText)),\n      map(() => this._svgElementFromConfig(config as LoadedSvgIconConfig))\n    );\n  }\n\n  private _setSvgAttributes(svg: SVGElement, options?: SvgIconOptions): SVGElement {\n    svg.setAttribute('fit', '');\n    svg.setAttribute('height', '100%');\n    svg.setAttribute('width', '100%');\n    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');\n    svg.setAttribute('focusable', 'false');\n\n    if (options?.viewBox) {\n      svg.setAttribute('viewBox', options.viewBox);\n    }\n\n    return svg;\n  }\n\n  private _svgElementFromConfig(config: LoadedSvgIconConfig): SVGElement {\n    if (!config.svgElement) {\n      const svg = this._svgElementFromString(config.svgText);\n\n      this._setSvgAttributes(svg, config.options);\n      config.svgElement = svg;\n    }\n\n    return config.svgElement;\n  }\n\n  private _svgElementFromString(str: TrustedHTML): SVGElement {\n    const div = this._document.createElement('div');\n    div.innerHTML = str as unknown as string;\n\n    const svg = div.querySelector('svg') as SVGElement;\n\n    return svg;\n  }\n\n  private _fetchIcon(iconConfig: SvgIconConfig): Observable<TrustedHTML> {\n    if (isPlatformBrowser(this.platformId)) {\n      if (!this._httpClient) {\n        throw getSvgIconNoHttpClientProvidedError();\n      }\n\n      const url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, iconConfig.url);\n\n      if (!url) {\n        throw getSvgIconFailedToSanitizeUrlError(iconConfig.url);\n      }\n\n      const inProgressFetch = this._inProgressSvgIconFetch.get(url);\n\n      if (inProgressFetch) {\n        return inProgressFetch;\n      }\n\n      const req = this._httpClient.get(url, { responseType: 'text' }).pipe(\n        map((svg) => {\n          return trustedHTMLFromString(svg);\n        }),\n        finalize(() => this._inProgressSvgIconFetch.delete(url)),\n        share()\n      );\n\n      this._inProgressSvgIconFetch.set(url, req);\n      return req;\n    } else {\n      return of(trustedHTMLFromString('<svg></svg>'));\n    }\n  }\n}\n\nfunction cloneSvg(svg: SVGElement): SVGElement {\n  return svg.cloneNode(true) as SVGElement;\n}\n\nfunction iconKey(namespace: string, iconName: string): string {\n  return `${namespace}:${iconName}`;\n}\n","/**\n * Thanks to Angular Material for Icon part of this library : https://github.com/angular/components\n */\n\nimport { IconRegistry } from './icon-registry';\n\nimport type { FlowbiteClass } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport type { OnInit } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { take } from 'rxjs';\n\n@Component({\n  selector: 'flowbite-icon',\n  standalone: true,\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent extends BaseComponent<FlowbiteClass> implements OnInit {\n  public _elementRef = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\n  public _iconRegistry = inject(IconRegistry);\n\n  public svgIcon = model.required<string>();\n\n  public override init(): void {\n    effect(\n      () => {\n        this._updateSvgIcon();\n      },\n      { injector: this.injector }\n    );\n  }\n\n  public override fetchClass(): FlowbiteClass {\n    return { rootClass: '' };\n  }\n\n  private _splitIconName(iconName: string): [string, string] {\n    if (!iconName) {\n      return ['', ''];\n    }\n\n    const parts = iconName.split(':');\n    switch (parts.length) {\n      case 1:\n        return ['', parts[0]];\n      case 2:\n        return <[string, string]>parts;\n      default:\n        throw Error(`Invalid icon name: \"${iconName}\"`);\n    }\n  }\n\n  private _updateSvgIcon() {\n    const [namespace, iconName] = this._splitIconName(this.svgIcon());\n\n    this._iconRegistry\n      .getSvgIconFromName(iconName, namespace)\n      .pipe(take(1))\n      .subscribe((svg) => this._setSvgElement(svg));\n  }\n\n  private _setSvgElement(svg: SVGElement) {\n    this._clearSvgElements();\n\n    this._elementRef.nativeElement.appendChild(svg);\n  }\n\n  private _clearSvgElements() {\n    const layoutElement: HTMLElement = this._elementRef.nativeElement;\n    let childCount = layoutElement.childNodes.length;\n\n    while (childCount--) {\n      const child = layoutElement.childNodes[childCount];\n\n      if (child.nodeType !== 1 || child.nodeName.toLowerCase() === 'svg') {\n        child.remove();\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/flowbite-angular-indicator.mjs

@@ -0,0 +1,146 @@
+import { mergeTheme, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { NgClass } from '@angular/common';
+
+const FLOWBITE_INDICATOR_THEME_TOKEN = new InjectionToken('FLOWBITE_INDICATOR_THEME_TOKEN');
+class IndicatorThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_INDICATOR_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.hasBorder[properties.hasBorder], theme.root.color[properties.color], theme.root.isDisabled[properties.isDisabled], properties.placement &&
+                properties.hasOffset == 'enabled' &&
+                theme.root.hasOffset[properties.placement], theme.root.isOutline[properties.isOutline], theme.root.isPill[properties.isPill], properties.placement && 'absolute ' + theme.root.placement[properties.placement], theme.root.isRounded[properties.isRounded], theme.root.size[properties.size]),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/indicators/
+ */
+class IndicatorComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(IndicatorThemeService);
+        //#region properties
+        this.isPill = model(false);
+        this.isOutline = model(false);
+        this.isDisabled = model(false);
+        this.hasOffset = model(false);
+        this.isRounded = model(false);
+        this.hasBorder = model(false);
+        this.color = model('primary');
+        this.size = model('md');
+        this.placement = model(undefined);
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            hasBorder: booleanToFlowbiteBoolean(this.hasBorder()),
+            color: this.color(),
+            isDisabled: booleanToFlowbiteBoolean(this.isDisabled()),
+            hasOffset: booleanToFlowbiteBoolean(this.hasOffset()),
+            isOutline: booleanToFlowbiteBoolean(this.isOutline()),
+            isPill: booleanToFlowbiteBoolean(this.isPill()),
+            isRounded: booleanToFlowbiteBoolean(this.isRounded()),
+            size: this.size(),
+            placement: this.placement(),
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: IndicatorComponent, isStandalone: true, selector: "flowbite-indicator", inputs: { isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, hasOffset: { classPropertyName: "hasOffset", publicName: "hasOffset", isSignal: true, isRequired: false, transformFunction: null }, isRounded: { classPropertyName: "isRounded", publicName: "isRounded", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isPill: "isPillChange", isOutline: "isOutlineChange", isDisabled: "isDisabledChange", hasOffset: "hasOffsetChange", isRounded: "isRoundedChange", hasBorder: "hasBorderChange", color: "colorChange", size: "sizeChange", placement: "placementChange", customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: IndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-indicator',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const indicatorTheme = createTheme({
+    root: {
+        base: 'inline-flex items-center justify-center shrink-0 font-bold',
+        hasBorder: {
+            enabled: 'border-2',
+            disabled: '',
+        },
+        color: {
+            dark: 'bg-gray-900 dark:bg-gray-700 border-white dark:border-gray-800 text-white',
+            primary: 'bg-primary-500 border-white dark:border-gray-800 text-white',
+            gray: 'bg-gray-200 border-white dark:border-gray-800 text-gray-900',
+            blue: 'bg-blue-600 border-white dark:border-gray-800 text-white',
+            green: 'bg-green-500 border-white dark:border-gray-800 text-white',
+            red: 'bg-red-500 border-white dark:border-gray-800 text-white',
+            purple: 'bg-purple-500 border-white dark:border-gray-800 text-white',
+            indigo: 'bg-indigo-500 border-white dark:border-gray-800 text-white',
+            yellow: 'bg-yellow-300 border-white dark:border-gray-800 text-gray-900',
+            teal: 'bg-teal-500 border-white dark:border-gray-800 text-white',
+        },
+        isDisabled: {
+            enabled: 'opacity-50',
+            disabled: '',
+        },
+        hasOffset: {
+            'top-left': '-translate-x-1/3 -translate-y-1/3',
+            'top-center': '-translate-y-1/3',
+            'top-right': 'translate-x-1/3 -translate-y-1/3',
+            'center-left': '-translate-x-1/3',
+            center: '',
+            'center-right': 'translate-x-1/3',
+            'bottom-left': '-translate-x-1/3 translate-y-1/3',
+            'bottom-center': 'translate-y-1/3',
+            'bottom-right': 'translate-x-1/3 translate-y-1/3',
+        },
+        placement: {
+            'top-left': 'top-0 left-0',
+            'top-center': 'top-0 left-1/2 -translate-x-1/2',
+            'top-right': 'top-0 right-0',
+            'center-left': 'top-1/2 -translate-y-1/2 left-0',
+            center: 'top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
+            'center-right': 'top-1/2 -translate-y-1/2 right-0',
+            'bottom-left': 'bottom-0 left-0',
+            'bottom-center': 'bottom-0 left-1/2 -translate-x-1/2',
+            'bottom-right': 'bottom-0 right-0',
+        },
+        isOutline: {
+            enabled: '',
+            disabled: '',
+        },
+        isPill: {
+            enabled: '',
+            disabled: '',
+        },
+        isRounded: {
+            enabled: 'rounded',
+            disabled: 'rounded-full',
+        },
+        size: {
+            xs: 'w-2 h-2 text-xs',
+            sm: 'w-2.5 h-2.5 text-sm',
+            md: 'w-3 h-3 text-sm',
+            lg: 'w-3.5 h-3.5 text-sm',
+            xl: 'w-6 h-6 text-sm',
+        },
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FLOWBITE_INDICATOR_THEME_TOKEN, IndicatorComponent, IndicatorThemeService, indicatorTheme };
+//# sourceMappingURL=flowbite-angular-indicator.mjs.map

package/fesm2022/flowbite-angular-indicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-indicator.mjs","sources":["../../../../libs/flowbite-angular/indicator/indicators.theme.service.ts","../../../../libs/flowbite-angular/indicator/indicators.component.ts","../../../../libs/flowbite-angular/indicator/indicators.theme.ts","../../../../libs/flowbite-angular/indicator/flowbite-angular-indicator.ts"],"sourcesContent":["import type { indicatorClass, IndicatorProperties, IndicatorTheme } from './indicators.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_INDICATOR_THEME_TOKEN = new InjectionToken<IndicatorTheme>(\n  'FLOWBITE_INDICATOR_THEME_TOKEN'\n);\n\nexport class IndicatorThemeService implements FlowbiteThemeService<IndicatorProperties> {\n  private readonly baseTheme = inject(FLOWBITE_INDICATOR_THEME_TOKEN);\n\n  public getClasses(properties: IndicatorProperties): indicatorClass {\n    const theme: IndicatorTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: indicatorClass = {\n      rootClass: twMerge(\n        theme.root.base,\n        theme.root.hasBorder[properties.hasBorder],\n        theme.root.color[properties.color],\n        theme.root.isDisabled[properties.isDisabled],\n        properties.placement &&\n          properties.hasOffset == 'enabled' &&\n          theme.root.hasOffset[properties.placement],\n        theme.root.isOutline[properties.isOutline],\n        theme.root.isPill[properties.isPill],\n        properties.placement && 'absolute ' + theme.root.placement[properties.placement],\n        theme.root.isRounded[properties.isRounded],\n        theme.root.size[properties.size]\n      ),\n    };\n\n    return output;\n  }\n}\n","import type {\n  indicatorClass,\n  IndicatorColors,\n  IndicatorPositions,\n  IndicatorSizes,\n  IndicatorTheme,\n} from './indicators.theme';\nimport { IndicatorThemeService } from './indicators.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/indicators/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-indicator',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IndicatorComponent extends BaseComponent<indicatorClass> {\n  public readonly themeService = inject(IndicatorThemeService);\n\n  //#region properties\n  public isPill = model<boolean>(false);\n  public isOutline = model<boolean>(false);\n  public isDisabled = model<boolean>(false);\n  public hasOffset = model<boolean>(false);\n  public isRounded = model<boolean>(false);\n  public hasBorder = model<boolean>(false);\n  public color = model<keyof IndicatorColors>('primary');\n  public size = model<keyof IndicatorSizes>('md');\n  public placement = model<keyof IndicatorPositions | undefined>(undefined);\n  public customStyle = model<DeepPartial<IndicatorTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): indicatorClass {\n    return this.themeService.getClasses({\n      hasBorder: booleanToFlowbiteBoolean(this.hasBorder()),\n      color: this.color(),\n      isDisabled: booleanToFlowbiteBoolean(this.isDisabled()),\n      hasOffset: booleanToFlowbiteBoolean(this.hasOffset()),\n      isOutline: booleanToFlowbiteBoolean(this.isOutline()),\n      isPill: booleanToFlowbiteBoolean(this.isPill()),\n      isRounded: booleanToFlowbiteBoolean(this.isRounded()),\n      size: this.size(),\n      placement: this.placement(),\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  DeepPartial,\n  FlowbiteBoolean,\n  FlowbiteClass,\n  FlowbiteColors,\n  FlowbitePositions,\n  FlowbiteSizes,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\nexport interface IndicatorColors\n  extends Pick<\n    FlowbiteColors,\n    'primary' | 'dark' | 'gray' | 'blue' | 'green' | 'red' | 'purple' | 'indigo' | 'yellow' | 'teal'\n  > {\n  [key: string]: string;\n}\n\nexport interface IndicatorSizes extends Pick<FlowbiteSizes, 'xs' | 'sm' | 'md' | 'lg' | 'xl'> {\n  [key: string]: string;\n}\n\nexport interface IndicatorPositions\n  extends Pick<\n    FlowbitePositions,\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'center-left'\n    | 'center'\n    | 'center-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right'\n  > {\n  [key: string]: string;\n}\n//#endregion\n\nexport interface IndicatorProperties {\n  isPill: keyof FlowbiteBoolean;\n  isOutline: keyof FlowbiteBoolean;\n  isDisabled: keyof FlowbiteBoolean;\n  hasOffset: keyof FlowbiteBoolean;\n  isRounded: keyof FlowbiteBoolean;\n  hasBorder: keyof FlowbiteBoolean;\n  color: keyof IndicatorColors;\n  size: keyof IndicatorSizes;\n  placement?: keyof IndicatorPositions;\n  customStyle: DeepPartial<IndicatorTheme>;\n}\n\nexport interface IndicatorTheme {\n  root: {\n    base: string;\n    isPill: FlowbiteBoolean;\n    isOutline: FlowbiteBoolean;\n    isDisabled: FlowbiteBoolean;\n    hasOffset: IndicatorPositions;\n    isRounded: FlowbiteBoolean;\n    hasBorder: FlowbiteBoolean;\n    color: IndicatorColors;\n    size: IndicatorSizes;\n    placement: IndicatorPositions;\n  };\n}\n\nexport const indicatorTheme: IndicatorTheme = createTheme({\n  root: {\n    base: 'inline-flex items-center justify-center shrink-0 font-bold',\n    hasBorder: {\n      enabled: 'border-2',\n      disabled: '',\n    },\n    color: {\n      dark: 'bg-gray-900 dark:bg-gray-700 border-white dark:border-gray-800 text-white',\n      primary: 'bg-primary-500 border-white dark:border-gray-800 text-white',\n      gray: 'bg-gray-200 border-white dark:border-gray-800 text-gray-900',\n      blue: 'bg-blue-600 border-white dark:border-gray-800 text-white',\n      green: 'bg-green-500 border-white dark:border-gray-800 text-white',\n      red: 'bg-red-500 border-white dark:border-gray-800 text-white',\n      purple: 'bg-purple-500 border-white dark:border-gray-800 text-white',\n      indigo: 'bg-indigo-500 border-white dark:border-gray-800 text-white',\n      yellow: 'bg-yellow-300 border-white dark:border-gray-800 text-gray-900',\n      teal: 'bg-teal-500 border-white dark:border-gray-800 text-white',\n    },\n    isDisabled: {\n      enabled: 'opacity-50',\n      disabled: '',\n    },\n    hasOffset: {\n      'top-left': '-translate-x-1/3 -translate-y-1/3',\n      'top-center': '-translate-y-1/3',\n      'top-right': 'translate-x-1/3 -translate-y-1/3',\n      'center-left': '-translate-x-1/3',\n      center: '',\n      'center-right': 'translate-x-1/3',\n      'bottom-left': '-translate-x-1/3 translate-y-1/3',\n      'bottom-center': 'translate-y-1/3',\n      'bottom-right': 'translate-x-1/3 translate-y-1/3',\n    },\n    placement: {\n      'top-left': 'top-0 left-0',\n      'top-center': 'top-0 left-1/2 -translate-x-1/2',\n      'top-right': 'top-0 right-0',\n      'center-left': 'top-1/2 -translate-y-1/2 left-0',\n      center: 'top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n      'center-right': 'top-1/2 -translate-y-1/2 right-0',\n      'bottom-left': 'bottom-0 left-0',\n      'bottom-center': 'bottom-0 left-1/2 -translate-x-1/2',\n      'bottom-right': 'bottom-0 right-0',\n    },\n    isOutline: {\n      enabled: '',\n      disabled: '',\n    },\n    isPill: {\n      enabled: '',\n      disabled: '',\n    },\n    isRounded: {\n      enabled: 'rounded',\n      disabled: 'rounded-full',\n    },\n    size: {\n      xs: 'w-2 h-2 text-xs',\n      sm: 'w-2.5 h-2.5 text-sm',\n      md: 'w-3 h-3 text-sm',\n      lg: 'w-3.5 h-3.5 text-sm',\n      xl: 'w-6 h-6 text-sm',\n    },\n  },\n});\n\nexport type indicatorClass = FlowbiteClass;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,8BAA8B,GAAG,IAAI,cAAc,CAC9D,gCAAgC,EAChC;MAEW,qBAAqB,CAAA;AAAlC,IAAA,WAAA,GAAA;AACmB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;KAwBrE;AAtBQ,IAAA,UAAU,CAAC,UAA+B,EAAA;AAC/C,QAAA,MAAM,KAAK,GAAmB,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;AAEjF,QAAA,MAAM,MAAM,GAAmB;YAC7B,SAAS,EAAE,OAAO,CAChB,KAAK,CAAC,IAAI,CAAC,IAAI,EACf,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAClC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAC5C,UAAU,CAAC,SAAS;gBAClB,UAAU,CAAC,SAAS,IAAI,SAAS;AACjC,gBAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAC5C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAC1C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EACpC,UAAU,CAAC,SAAS,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAChF,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAC1C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CACjC;SACF,CAAC;AAEF,QAAA,OAAO,MAAM,CAAC;KACf;AACF;;AChBD;;AAEG;AASG,MAAO,kBAAmB,SAAQ,aAA6B,CAAA;AARrE,IAAA,WAAA,GAAA;;AASkB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;;AAGtD,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACnC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAwB,SAAS,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAuB,IAAI,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAuC,SAAS,CAAC,CAAC;AACnE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA8B,EAAE,CAAC,CAAC;AAmB7D,KAAA;;;IAfiB,UAAU,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;AAClC,YAAA,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACrD,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,UAAU,EAAE,wBAAwB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;AACvD,YAAA,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACrD,YAAA,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACrD,YAAA,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC/C,YAAA,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACrD,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAChC,SAAA,CAAC,CAAC;KACJ;8GA9BU,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,qqDAJnB,CAAgB,cAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,OAAO,CAAC;AAClB,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,CAAgB,cAAA,CAAA;oBAC1B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;ACqCM,MAAM,cAAc,GAAmB,WAAW,CAAC;AACxD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,4DAA4D;AAClE,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,2EAA2E;AACjF,YAAA,OAAO,EAAE,6DAA6D;AACtE,YAAA,IAAI,EAAE,6DAA6D;AACnE,YAAA,IAAI,EAAE,0DAA0D;AAChE,YAAA,KAAK,EAAE,2DAA2D;AAClE,YAAA,GAAG,EAAE,yDAAyD;AAC9D,YAAA,MAAM,EAAE,4DAA4D;AACpE,YAAA,MAAM,EAAE,4DAA4D;AACpE,YAAA,MAAM,EAAE,+DAA+D;AACvE,YAAA,IAAI,EAAE,0DAA0D;AACjE,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,UAAU,EAAE,mCAAmC;AAC/C,YAAA,YAAY,EAAE,kBAAkB;AAChC,YAAA,WAAW,EAAE,kCAAkC;AAC/C,YAAA,aAAa,EAAE,kBAAkB;AACjC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,cAAc,EAAE,iBAAiB;AACjC,YAAA,aAAa,EAAE,kCAAkC;AACjD,YAAA,eAAe,EAAE,iBAAiB;AAClC,YAAA,cAAc,EAAE,iCAAiC;AAClD,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,UAAU,EAAE,cAAc;AAC1B,YAAA,YAAY,EAAE,iCAAiC;AAC/C,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,aAAa,EAAE,iCAAiC;AAChD,YAAA,MAAM,EAAE,oDAAoD;AAC5D,YAAA,cAAc,EAAE,kCAAkC;AAClD,YAAA,aAAa,EAAE,iBAAiB;AAChC,YAAA,eAAe,EAAE,oCAAoC;AACrD,YAAA,cAAc,EAAE,kBAAkB;AACnC,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,cAAc;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,qBAAqB;AACzB,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,qBAAqB;AACzB,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACF,CAAA;;ACrID;;AAEG;;;;"}