@testgorilla/tgo-ui 11.22.3 → 12.0.1

package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-side-sheet.mjs","sources":["../../../components/side-sheet/side-sheet.service.ts","../../../components/side-sheet/side-sheet.component.ts","../../../components/side-sheet/side-sheet.component.html","../../../components/side-sheet/side-sheet.component.module.ts","../../../components/side-sheet/testgorilla-tgo-ui-components-side-sheet.ts"],"sourcesContent":["import { ApplicationRef, Injectable, Type, ViewContainerRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { SideSheetConfig } from './side-sheet.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SideSheetService {\n  private readonly componentRef$ = new Subject<SideSheetConfig | null>();\n\n  constructor(private readonly applicationRef: ApplicationRef) {}\n\n  open<T>(config: SideSheetConfig): T {\n    const { componentRef: _componentRef, inputs, ...configFields } = config;\n    const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n    const componentReference = rootViewContainerRef.createComponent(config.componentRef as Type<unknown>);\n\n    Object.entries(inputs ?? {}).forEach(([key, value]) => componentReference.setInput(key, value));\n\n    this.componentRef$.next({ ...configFields, componentRef: componentReference });\n    return componentReference.instance as T;\n  }\n\n  close(): void {\n    this.componentRef$.next(null);\n  }\n\n  getComponentRef(): Observable<SideSheetConfig | null> {\n    return this.componentRef$.asObservable();\n  }\n}\n","import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  EventEmitter,\n  HostListener,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatDrawer, MatDrawerContainer, MatDrawerContent } from '@angular/material/sidenav';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { LogoComponent } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetConfig, SideSheetPosition } from './side-sheet.model';\nimport { SideSheetService } from './side-sheet.service';\n\n@Component({\n  selector: 'ui-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './side-sheet.component.html',\n  styleUrls: ['./side-sheet.component.scss'],\n  imports: [\n    MatDrawerContainer,\n    MatDrawer,\n    ButtonComponent,\n    MatTooltip,\n    LogoComponent,\n    MatDrawerContent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class SideSheetComponent implements OnInit {\n  /**\n   * Set position. Defaults \"end\"\n   *\n   * @type {SideSheetPosition}\n   * @memberof SideSheetComponent\n   */\n  @Input() position: SideSheetPosition = 'end';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SideSheetComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Input() testId: string | null = null;\n\n  get closeButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-close` : null;\n  }\n\n  get backButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-back` : null;\n  }\n\n  @Output() openChange = new EventEmitter<boolean>();\n\n  @ViewChild('drawer') drawer: MatDrawer;\n  @ViewChild('container', { read: ViewContainerRef, static: false }) container: ViewContainerRef;\n\n  @HostListener('keydown.esc')\n  onEscPress(): void {\n    void this.drawer.close();\n  }\n\n  protected title = '';\n  protected showBackButton = false;\n  protected showTitleTooltip = false;\n  protected showLogo = false;\n  protected componentRef$ = this.sideSheetService.getComponentRef();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef,\n    private readonly cdr: ChangeDetectorRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.setComponentRef();\n  }\n\n  private setComponentRef(): void {\n    this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {\n      if (config?.componentRef && this.container && this.drawer) {\n        this.setConfig(config);\n        // `open()`/`close()` rather than `toggle()`: `SideSheetService` broadcasts to every\n        // sheet regardless of its state, and a toggle on an already-closed drawer would slide\n        // open an empty panel (e.g. a `close()` issued after the drawer self-closed).\n        void this.drawer.open();\n        this.container.clear();\n        this.container.insert((config.componentRef as ComponentRef<unknown>).hostView);\n      } else if (!config) {\n        void this.drawer.close();\n        this.container.clear();\n      }\n      // Async mutation of template-bound config fields (title/showLogo/...).\n      this.cdr.markForCheck();\n    });\n  }\n\n  private setConfig(config: SideSheetConfig): void {\n    this.title = config.title ?? '';\n    this.showLogo = config.showLogo ?? false;\n    this.showBackButton = config.showBackButton ?? false;\n    this.showTitleTooltip = config.showTitleTooltip ?? false;\n\n    if (config.closed) {\n      config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        void this.drawer.close();\n      });\n    }\n  }\n\n  protected onClose(): void {\n    void this.drawer.close();\n  }\n\n  onOpenChange(isOpened: boolean): void {\n    this.openChange.emit(isOpened);\n  }\n}\n","<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"false\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoComponentModule } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetComponent } from './side-sheet.component';\n\n@NgModule({\n  exports: [SideSheetComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatSidenavModule,\n    UiTranslatePipe,\n    LogoComponentModule,\n    SideSheetComponent,\n  ],\n})\nexport class SideSheetComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SideSheetService"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-side-sheet.mjs","names":["i1.SideSheetService"],"sources":["../../../components/side-sheet/side-sheet.service.ts","../../../components/side-sheet/side-sheet.component.ts","../../../components/side-sheet/side-sheet.component.html","../../../components/side-sheet/side-sheet.component.module.ts"],"sourcesContent":["import { ApplicationRef, Injectable, Type, ViewContainerRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { SideSheetConfig } from './side-sheet.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SideSheetService {\n  private readonly componentRef$ = new Subject<SideSheetConfig | null>();\n\n  constructor(private readonly applicationRef: ApplicationRef) {}\n\n  open<T>(config: SideSheetConfig): T {\n    const { componentRef: _componentRef, inputs, ...configFields } = config;\n    const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n    const componentReference = rootViewContainerRef.createComponent(config.componentRef as Type<unknown>);\n\n    Object.entries(inputs ?? {}).forEach(([key, value]) => componentReference.setInput(key, value));\n\n    this.componentRef$.next({ ...configFields, componentRef: componentReference });\n    return componentReference.instance as T;\n  }\n\n  close(): void {\n    this.componentRef$.next(null);\n  }\n\n  getComponentRef(): Observable<SideSheetConfig | null> {\n    return this.componentRef$.asObservable();\n  }\n}\n","import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  EventEmitter,\n  HostListener,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatDrawer, MatDrawerContainer, MatDrawerContent } from '@angular/material/sidenav';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { LogoComponent } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetConfig, SideSheetPosition } from './side-sheet.model';\nimport { SideSheetService } from './side-sheet.service';\n\n@Component({\n  selector: 'ui-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './side-sheet.component.html',\n  styleUrls: ['./side-sheet.component.scss'],\n  imports: [\n    MatDrawerContainer,\n    MatDrawer,\n    ButtonComponent,\n    MatTooltip,\n    LogoComponent,\n    MatDrawerContent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class SideSheetComponent implements OnInit {\n  /**\n   * Set position. Defaults \"end\"\n   *\n   * @type {SideSheetPosition}\n   * @memberof SideSheetComponent\n   */\n  @Input() position: SideSheetPosition = 'end';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SideSheetComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Input() testId: string | null = null;\n\n  get closeButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-close` : null;\n  }\n\n  get backButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-back` : null;\n  }\n\n  @Output() openChange = new EventEmitter<boolean>();\n\n  @ViewChild('drawer') drawer: MatDrawer;\n  @ViewChild('container', { read: ViewContainerRef, static: false }) container: ViewContainerRef;\n\n  @HostListener('keydown.esc')\n  onEscPress(): void {\n    void this.drawer.close();\n  }\n\n  protected title = '';\n  protected showBackButton = false;\n  protected showTitleTooltip = false;\n  protected showLogo = false;\n  protected componentRef$ = this.sideSheetService.getComponentRef();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef,\n    private readonly cdr: ChangeDetectorRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.setComponentRef();\n  }\n\n  private setComponentRef(): void {\n    this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {\n      if (config?.componentRef && this.container && this.drawer) {\n        this.setConfig(config);\n        // `open()`/`close()` rather than `toggle()`: `SideSheetService` broadcasts to every\n        // sheet regardless of its state, and a toggle on an already-closed drawer would slide\n        // open an empty panel (e.g. a `close()` issued after the drawer self-closed).\n        void this.drawer.open();\n        this.container.clear();\n        this.container.insert((config.componentRef as ComponentRef<unknown>).hostView);\n      } else if (!config) {\n        void this.drawer.close();\n        this.container.clear();\n      }\n      // Async mutation of template-bound config fields (title/showLogo/...).\n      this.cdr.markForCheck();\n    });\n  }\n\n  private setConfig(config: SideSheetConfig): void {\n    this.title = config.title ?? '';\n    this.showLogo = config.showLogo ?? false;\n    this.showBackButton = config.showBackButton ?? false;\n    this.showTitleTooltip = config.showTitleTooltip ?? false;\n\n    if (config.closed) {\n      config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        void this.drawer.close();\n      });\n    }\n  }\n\n  protected onClose(): void {\n    void this.drawer.close();\n  }\n\n  onOpenChange(isOpened: boolean): void {\n    this.openChange.emit(isOpened);\n  }\n}\n","<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"false\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoComponentModule } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetComponent } from './side-sheet.component';\n\n@NgModule({\n  exports: [SideSheetComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatSidenavModule,\n    UiTranslatePipe,\n    LogoComponentModule,\n    SideSheetComponent,\n  ],\n})\nexport class SideSheetComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs

@@ -1,81 +1,133 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, Optional, Inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from 'ngx-skeleton-loader';
-import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
-import { BehaviorSubject, combineLatest, map } from 'rxjs';
-
-class SkeletonComponent {
-    set theme(value) {
-        this.theme$.next(value ?? {});
-    }
-    set appearance(value) {
-        this.appearance$.next(value ?? 'line');
-    }
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.count = '';
-        this.isAiTheme = false;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof SkeletonComponent
-         */
-        this.applicationTheme = 'light';
-        this.theme$ = new BehaviorSubject({});
-        this.appearance$ = new BehaviorSubject('line');
-        this.currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance)));
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    getThemeWithDefaultValues(theme, appearance) {
-        if (theme && appearance === 'circle') {
-            return {
-                ...theme,
-                height: theme['height'] || theme['width'] || '48px',
-                width: theme['width'] || theme['height'] || '48px',
-            };
-        }
-        else if (theme && appearance !== 'circle' && !theme['height']) {
-            return {
-                ...theme,
-                height: '24px',
-            };
-        }
-        else {
-            return theme;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SkeletonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { count: "count", theme: "theme", appearance: "appearance", isAiTheme: "isAiTheme", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme", "size", "measureUnit"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SkeletonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, NgxSkeletonLoaderModule], template: "<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { count: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], isAiTheme: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from "@angular/core";
+import * as i1 from "ngx-skeleton-loader";
+import { NgxSkeletonLoaderModule } from "ngx-skeleton-loader";
+import { BehaviorSubject, combineLatest, map } from "rxjs";
+var SkeletonComponent = class SkeletonComponent {
+	set theme(value) {
+		this.theme$.next(value ?? {});
+	}
+	set appearance(value) {
+		this.appearance$.next(value ?? "line");
+	}
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.count = "";
+		this.isAiTheme = false;
+		this.applicationTheme = "light";
+		this.theme$ = new BehaviorSubject({});
+		this.appearance$ = new BehaviorSubject("line");
+		this.currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance)));
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	getThemeWithDefaultValues(theme, appearance) {
+		if (theme && appearance === "circle") return {
+			...theme,
+			height: theme["height"] || theme["width"] || "48px",
+			width: theme["width"] || theme["height"] || "48px"
+		};
+		else if (theme && appearance !== "circle" && !theme["height"]) return {
+			...theme,
+			height: "24px"
+		};
+		else return theme;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SkeletonComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			type: SkeletonComponent,
+			isStandalone: true,
+			selector: "ui-skeleton",
+			inputs: {
+				count: "count",
+				theme: "theme",
+				appearance: "appearance",
+				isAiTheme: "isAiTheme",
+				applicationTheme: "applicationTheme"
+			},
+			ngImport: i0,
+			template: "<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "ngmodule",
+					type: NgxSkeletonLoaderModule
+				},
+				{
+					kind: "component",
+					type: i1.NgxSkeletonLoaderComponent,
+					selector: "ngx-skeleton-loader",
+					inputs: [
+						"count",
+						"loadingText",
+						"appearance",
+						"animation",
+						"ariaLabel",
+						"theme",
+						"size",
+						"measureUnit"
+					]
+				},
+				{
+					kind: "pipe",
+					type: i2.AsyncPipe,
+					name: "async"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SkeletonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-skeleton",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [CommonModule, NgxSkeletonLoaderModule],
+			template: "<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		count: [{ type: Input }],
+		theme: [{ type: Input }],
+		appearance: [{ type: Input }],
+		isAiTheme: [{ type: Input }],
+		applicationTheme: [{ type: Input }]
+	}
+});
 export { SkeletonComponent };
-//# sourceMappingURL=testgorilla-tgo-ui-components-skeleton.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-skeleton.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-skeleton.mjs","sources":["../../../components/skeleton/skeleton.component.ts","../../../components/skeleton/skeleton.component.html","../../../components/skeleton/testgorilla-tgo-ui-components-skeleton.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';\nimport { NgxSkeletonLoaderConfigTheme, NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\nimport { BehaviorSubject, combineLatest, map } from 'rxjs';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\nimport { Appearance } from './skeleton.model';\n\n@Component({\n  selector: 'ui-skeleton',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './skeleton.component.html',\n  styleUrls: ['./skeleton.component.scss'],\n  imports: [CommonModule, NgxSkeletonLoaderModule],\n})\nexport class SkeletonComponent {\n  @Input() count: number | string = '';\n  @Input() set theme(value: NgxSkeletonLoaderConfigTheme) {\n    this.theme$.next(value ?? {});\n  }\n  @Input() set appearance(value: Appearance) {\n    this.appearance$.next(value ?? 'line');\n  }\n  @Input() isAiTheme = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SkeletonComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected readonly theme$ = new BehaviorSubject<NgxSkeletonLoaderConfigTheme>({});\n  protected readonly appearance$ = new BehaviorSubject<Appearance>('line');\n  protected readonly currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(\n    map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance))\n  );\n\n  private getThemeWithDefaultValues(\n    theme: NgxSkeletonLoaderConfigTheme,\n    appearance: Appearance\n  ): NgxSkeletonLoaderConfigTheme {\n    if (theme && appearance === 'circle') {\n      return {\n        ...theme,\n        height: (theme['height'] as string) || (theme['width'] as string) || '48px',\n        width: (theme['width'] as string) || (theme['height'] as string) || '48px',\n      };\n    } else if (theme && appearance !== 'circle' && !theme['height']) {\n      return {\n        ...theme,\n        height: '24px',\n      };\n    } else {\n      return theme;\n    }\n  }\n}\n","<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-skeleton.mjs","names":[],"sources":["../../../components/skeleton/skeleton.component.ts","../../../components/skeleton/skeleton.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';\nimport { NgxSkeletonLoaderConfigTheme, NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\nimport { BehaviorSubject, combineLatest, map } from 'rxjs';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\nimport { Appearance } from './skeleton.model';\n\n@Component({\n  selector: 'ui-skeleton',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './skeleton.component.html',\n  styleUrls: ['./skeleton.component.scss'],\n  imports: [CommonModule, NgxSkeletonLoaderModule],\n})\nexport class SkeletonComponent {\n  @Input() count: number | string = '';\n  @Input() set theme(value: NgxSkeletonLoaderConfigTheme) {\n    this.theme$.next(value ?? {});\n  }\n  @Input() set appearance(value: Appearance) {\n    this.appearance$.next(value ?? 'line');\n  }\n  @Input() isAiTheme = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SkeletonComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected readonly theme$ = new BehaviorSubject<NgxSkeletonLoaderConfigTheme>({});\n  protected readonly appearance$ = new BehaviorSubject<Appearance>('line');\n  protected readonly currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(\n    map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance))\n  );\n\n  private getThemeWithDefaultValues(\n    theme: NgxSkeletonLoaderConfigTheme,\n    appearance: Appearance\n  ): NgxSkeletonLoaderConfigTheme {\n    if (theme && appearance === 'circle') {\n      return {\n        ...theme,\n        height: (theme['height'] as string) || (theme['width'] as string) || '48px',\n        width: (theme['width'] as string) || (theme['height'] as string) || '48px',\n      };\n    } else if (theme && appearance !== 'circle' && !theme['height']) {\n      return {\n        ...theme,\n        height: '24px',\n      };\n    } else {\n      return theme;\n    }\n  }\n}\n","<ngx-skeleton-loader\n  [class.skeleton-ai]=\"isAiTheme\"\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n"],"mappings":";;;;;;;AAgBA,IAAa,oBAAb,MAAa,kBAAiB;CAE5B,IAAa,MAAM,OAAmC;EACpD,KAAK,OAAO,KAAK,SAAS,CAAA,CAAE;CAC9B;CACA,IAAa,WAAW,OAAiB;EACvC,KAAK,YAAY,KAAK,SAAS,MAAM;CACvC;CAYA,YAC6E,iBAAiC;EAAjC,KAAA,kBAAA;EAnBpE,KAAA,QAAyB;EAOzB,KAAA,YAAY;EASZ,KAAA,mBAAqC;EAU3B,KAAA,SAAS,IAAI,gBAA8C,CAAA,CAAE;EAC7D,KAAA,cAAc,IAAI,gBAA4B,MAAM;EACpD,KAAA,gBAAgB,cAAc,CAAC,KAAK,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,KAChF,KAAK,CAAC,OAAO,gBAAgB,KAAK,0BAA0B,OAAO,UAAU,CAAC,CAAC;EAR/E,IAAI,iBACF,KAAK,mBAAmB;CAE5B;CAQQ,0BACN,OACA,YAAsB;EAEtB,IAAI,SAAS,eAAe,UAC1B,OAAO;GACL,GAAG;GACH,QAAS,MAAM,aAAyB,MAAM,YAAuB;GACrE,OAAQ,MAAM,YAAwB,MAAM,aAAwB;EACrE;OACI,IAAI,SAAS,eAAe,YAAY,CAAC,MAAM,WACpD,OAAO;GACL,GAAG;GACH,QAAQ;EACT;OAED,OAAO;CAEX;CAnDW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAiB,MAAA,CAAA;IAAA,OAoBN;IAAoC,UAAA;GAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CApB/C;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAiB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;IAAA,OAAA;IAAA,YAAA;IAAA,WAAA;IAAA,kBAAA;GAAA;GAAA,UAAA;GAAA,UChB9B;GAMA,QAAA,CAAA,muEAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDQY;IAAY;IAAA;KAAA,MAAA;KAAA,MAAE;IAAuB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,MAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAEpC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAP7B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAa,iBACN,wBAAwB;GAAM,SAGtC,CAAC,cAAc,uBAAuB;GAAC,UAAA;GAAA,QAAA,CAAA,muEAAA;EAAA,CAAA;;;;E,eAsB7C,MAAA,S;GAAY,MAAA;GAAO,MAAA,CAAA,oCAAoC;;;;E,UAnBzD,MAAA,M;E,UACA,MAAA,M;E,eAGA,MAAA,M;E,cAGA,MAAA,M;E,qBASA,MAAA,M"}