ngwr 6.1.1 → 7.1.0

package/fesm2022/ngwr-density.mjs

@@ -0,0 +1,157 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, effect, Service, input, ElementRef, Directive, makeEnvironmentProviders } from '@angular/core';
+import { WrStorage } from 'ngwr/storage';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+const DEFAULT_WR_DENSITY_CONFIG = {
+    defaultDensity: 'default',
+    storageKey: 'wr-density',
+    attribute: 'data-wr-density',
+};
+const WR_DENSITY_CONFIG = new InjectionToken('WR_DENSITY_CONFIG', {
+    factory: () => DEFAULT_WR_DENSITY_CONFIG,
+});
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+const VALID = ['compact', 'default', 'comfortable'];
+function isDensity(v) {
+    return typeof v === 'string' && VALID.includes(v);
+}
+/**
+ * Global density scale. Writes `[data-wr-density]` on `<html>` so the
+ * stylesheet's density-scoped CSS-variable rules apply, then components
+ * pick up the new multipliers without re-rendering.
+ *
+ * - **Per-subtree override** — drop `[wrDensity]` on any element; its
+ *   descendants read the override instead of the global value.
+ * - **Persisted** via {@link WrStorage} (swap the engine globally if you
+ *   need a different store).
+ *
+ * @example
+ * ```ts
+ * const density = inject(WrDensity);
+ * density.set('compact');
+ * density.current();   // 'compact'
+ * ```
+ *
+ * @see https://ngwr.dev/services/density
+ */
+class WrDensity {
+    doc = inject(DOCUMENT);
+    storage = inject(WrStorage);
+    config = inject(WR_DENSITY_CONFIG);
+    /** Active density. */
+    current;
+    _current = signal(this.readPersisted() ?? this.config.defaultDensity, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_current" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.current = this._current.asReadonly();
+        effect(() => {
+            const value = this._current();
+            const html = this.doc.documentElement;
+            if (html)
+                html.setAttribute(this.config.attribute, value);
+            this.persist(value);
+        });
+    }
+    /** Switch the active density. Ignores unknown values. */
+    set(density) {
+        if (!isDensity(density))
+            return;
+        this._current.set(density);
+    }
+    /** Cycle compact → default → comfortable → compact … */
+    cycle() {
+        const order = ['compact', 'default', 'comfortable'];
+        const i = order.indexOf(this._current());
+        this._current.set(order[(i + 1) % order.length]);
+    }
+    // Persistence
+    readPersisted() {
+        if (!this.config.storageKey)
+            return null;
+        const raw = this.storage.get(this.config.storageKey);
+        return isDensity(raw) ? raw : null;
+    }
+    persist(density) {
+        if (!this.config.storageKey)
+            return;
+        this.storage.set(this.config.storageKey, density);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDensity, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.2", ngImport: i0, type: WrDensity });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDensity, decorators: [{
+            type: Service
+        }], ctorParameters: () => [] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Scope a density override to a subtree. Writes the same `data-*`
+ * attribute the global service writes — but on the host instead of
+ * `<html>` — so the CSS-variable scope rules cascade only to descendants.
+ *
+ * @example
+ * ```html
+ * <!-- The whole sidebar is compact, the rest of the app keeps its global density. -->
+ * <aside wrDensity="compact">
+ *   <wr-list ...></wr-list>
+ * </aside>
+ * ```
+ */
+class WrDensityDirective {
+    /** Density to apply to this subtree. */
+    wrDensity = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrDensity" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    config = inject(WR_DENSITY_CONFIG);
+    constructor() {
+        effect(() => {
+            this.host.nativeElement.setAttribute(this.config.attribute, this.wrDensity());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: WrDensityDirective, isStandalone: true, selector: "[wrDensity]", inputs: { wrDensity: { classPropertyName: "wrDensity", publicName: "wrDensity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDensityDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wrDensity]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { wrDensity: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrDensity", required: true }] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** Configure {@link WrDensity}. All fields optional — merged with defaults. */
+function provideWrDensity(config = {}) {
+    return makeEnvironmentProviders([
+        { provide: WR_DENSITY_CONFIG, useValue: { ...DEFAULT_WR_DENSITY_CONFIG, ...config } },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_WR_DENSITY_CONFIG, WR_DENSITY_CONFIG, WrDensity, WrDensityDirective, provideWrDensity };
+//# sourceMappingURL=ngwr-density.mjs.map

package/fesm2022/ngwr-density.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-density.mjs","sources":["../../../projects/lib/density/density-config.ts","../../../projects/lib/density/density.ts","../../../projects/lib/density/density.directive.ts","../../../projects/lib/density/provide-wr-density.ts","../../../projects/lib/density/ngwr-density.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport type { WrDensityConfig } from './interfaces';\n\nexport const DEFAULT_WR_DENSITY_CONFIG: WrDensityConfig = {\n  defaultDensity: 'default',\n  storageKey: 'wr-density',\n  attribute: 'data-wr-density',\n};\n\nexport const WR_DENSITY_CONFIG = new InjectionToken<WrDensityConfig>('WR_DENSITY_CONFIG', {\n  factory: (): WrDensityConfig => DEFAULT_WR_DENSITY_CONFIG,\n});\n\nexport type { WrDensityValue, WrDensityConfig } from './interfaces';\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { DOCUMENT } from '@angular/common';\nimport { Service, type Signal, effect, inject, signal } from '@angular/core';\n\nimport { WrStorage } from 'ngwr/storage';\n\nimport { WR_DENSITY_CONFIG, type WrDensityValue } from './density-config';\n\nconst VALID: readonly WrDensityValue[] = ['compact', 'default', 'comfortable'];\n\nfunction isDensity(v: unknown): v is WrDensityValue {\n  return typeof v === 'string' && (VALID as readonly string[]).includes(v);\n}\n\n/**\n * Global density scale. Writes `[data-wr-density]` on `<html>` so the\n * stylesheet's density-scoped CSS-variable rules apply, then components\n * pick up the new multipliers without re-rendering.\n *\n * - **Per-subtree override** — drop `[wrDensity]` on any element; its\n *   descendants read the override instead of the global value.\n * - **Persisted** via {@link WrStorage} (swap the engine globally if you\n *   need a different store).\n *\n * @example\n * ```ts\n * const density = inject(WrDensity);\n * density.set('compact');\n * density.current();   // 'compact'\n * ```\n *\n * @see https://ngwr.dev/services/density\n */\n@Service()\nexport class WrDensity {\n  private readonly doc = inject(DOCUMENT);\n  private readonly storage = inject(WrStorage);\n  private readonly config = inject(WR_DENSITY_CONFIG);\n\n  /** Active density. */\n  readonly current: Signal<WrDensityValue>;\n\n  private readonly _current = signal<WrDensityValue>(this.readPersisted() ?? this.config.defaultDensity);\n\n  constructor() {\n    this.current = this._current.asReadonly();\n    effect(() => {\n      const value = this._current();\n      const html = this.doc.documentElement;\n      if (html) html.setAttribute(this.config.attribute, value);\n      this.persist(value);\n    });\n  }\n\n  /** Switch the active density. Ignores unknown values. */\n  set(density: WrDensityValue): void {\n    if (!isDensity(density)) return;\n    this._current.set(density);\n  }\n\n  /** Cycle compact → default → comfortable → compact … */\n  cycle(): void {\n    const order: readonly WrDensityValue[] = ['compact', 'default', 'comfortable'];\n    const i = order.indexOf(this._current());\n    this._current.set(order[(i + 1) % order.length]);\n  }\n\n  // Persistence\n\n  private readPersisted(): WrDensityValue | null {\n    if (!this.config.storageKey) return null;\n    const raw = this.storage.get<WrDensityValue>(this.config.storageKey);\n    return isDensity(raw) ? raw : null;\n  }\n\n  private persist(density: WrDensityValue): void {\n    if (!this.config.storageKey) return;\n    this.storage.set(this.config.storageKey, density);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, ElementRef, effect, inject, input } from '@angular/core';\n\nimport { WR_DENSITY_CONFIG, type WrDensityValue } from './density-config';\n\n/**\n * Scope a density override to a subtree. Writes the same `data-*`\n * attribute the global service writes — but on the host instead of\n * `<html>` — so the CSS-variable scope rules cascade only to descendants.\n *\n * @example\n * ```html\n * <!-- The whole sidebar is compact, the rest of the app keeps its global density. -->\n * <aside wrDensity=\"compact\">\n *   <wr-list ...></wr-list>\n * </aside>\n * ```\n */\n@Directive({\n  selector: '[wrDensity]',\n})\nexport class WrDensityDirective {\n  /** Density to apply to this subtree. */\n  readonly wrDensity = input.required<WrDensityValue>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly config = inject(WR_DENSITY_CONFIG);\n\n  constructor() {\n    effect(() => {\n      this.host.nativeElement.setAttribute(this.config.attribute, this.wrDensity());\n    });\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { DEFAULT_WR_DENSITY_CONFIG, WR_DENSITY_CONFIG, type WrDensityConfig } from './density-config';\n\n/** Configure {@link WrDensity}. All fields optional — merged with defaults. */\nexport function provideWrDensity(config: Partial<WrDensityConfig> = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: WR_DENSITY_CONFIG, useValue: { ...DEFAULT_WR_DENSITY_CONFIG, ...config } },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-descriptions.mjs

@@ -0,0 +1,83 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Read-only labeled key / value list. Project `<wr-description-item>`
+ * children. `title` is optional. Default layout stacks vertically; set
+ * `[inline]="true"` for label-left / value-right rows.
+ *
+ * @example
+ * ```html
+ * <wr-descriptions title="Account" inline>
+ *   <wr-description-item label="Name">Ada Lovelace</wr-description-item>
+ *   <wr-description-item label="Email">ada@example.com</wr-description-item>
+ *   <wr-description-item label="Joined">2024-03-12</wr-description-item>
+ * </wr-descriptions>
+ * ```
+ *
+ * @see https://ngwr.dev/components/descriptions
+ */
+class WrDescriptions {
+    /** Optional title shown above the list. */
+    title = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    /** Two-column rows (label left, value right) instead of stacked. @default false */
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Add visible borders around each row. @default false */
+    bordered = input(false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    classes = computed(() => {
+        const parts = ['wr-descriptions'];
+        if (this.inline())
+            parts.push('wr-descriptions--inline');
+        if (this.bordered())
+            parts.push('wr-descriptions--bordered');
+        return parts.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDescriptions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: WrDescriptions, isStandalone: true, selector: "wr-descriptions", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<dl class=\"wr-descriptions__list\">\n  <ng-content />\n</dl>\n", encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDescriptions, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-descriptions', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<dl class=\"wr-descriptions__list\">\n  <ng-content />\n</dl>\n" }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * One row in a {@link WrDescriptions}. The label comes from the
+ * `label` input; the value is the projected content.
+ */
+class WrDescriptionItem {
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDescriptionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: WrDescriptionItem, isStandalone: true, selector: "wr-description-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-descriptions__row" }, ngImport: i0, template: '<dt class="wr-descriptions__label">{{ label() }}</dt><dd class="wr-descriptions__value"><ng-content /></dd>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrDescriptionItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wr-description-item',
+                    template: '<dt class="wr-descriptions__label">{{ label() }}</dt><dd class="wr-descriptions__value"><ng-content /></dd>',
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'wr-descriptions__row' },
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrDescriptionItem, WrDescriptions };
+//# sourceMappingURL=ngwr-descriptions.mjs.map

package/fesm2022/ngwr-descriptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-descriptions.mjs","sources":["../../../projects/lib/descriptions/descriptions.ts","../../../projects/lib/descriptions/descriptions.html","../../../projects/lib/descriptions/description-item.ts","../../../projects/lib/descriptions/ngwr-descriptions.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\n/**\n * Read-only labeled key / value list. Project `<wr-description-item>`\n * children. `title` is optional. Default layout stacks vertically; set\n * `[inline]=\"true\"` for label-left / value-right rows.\n *\n * @example\n * ```html\n * <wr-descriptions title=\"Account\" inline>\n *   <wr-description-item label=\"Name\">Ada Lovelace</wr-description-item>\n *   <wr-description-item label=\"Email\">ada@example.com</wr-description-item>\n *   <wr-description-item label=\"Joined\">2024-03-12</wr-description-item>\n * </wr-descriptions>\n * ```\n *\n * @see https://ngwr.dev/components/descriptions\n */\n@Component({\n  selector: 'wr-descriptions',\n  templateUrl: './descriptions.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrDescriptions {\n  /** Optional title shown above the list. */\n  readonly title = input<string>('');\n\n  /** Two-column rows (label left, value right) instead of stacked. @default false */\n  readonly inline = input(false, { transform: coerceBooleanProperty });\n\n  /** Add visible borders around each row. @default false */\n  readonly bordered = input(false, { transform: coerceBooleanProperty });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-descriptions'];\n    if (this.inline()) parts.push('wr-descriptions--inline');\n    if (this.bordered()) parts.push('wr-descriptions--bordered');\n    return parts.join(' ');\n  });\n}\n","@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<dl class=\"wr-descriptions__list\">\n  <ng-content />\n</dl>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * One row in a {@link WrDescriptions}. The label comes from the\n * `label` input; the value is the projected content.\n */\n@Component({\n  selector: 'wr-description-item',\n  template:\n    '<dt class=\"wr-descriptions__label\">{{ label() }}</dt><dd class=\"wr-descriptions__value\"><ng-content /></dd>',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-descriptions__row' },\n})\nexport class WrDescriptionItem {\n  readonly label = input<string>('');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;AAKH;;;;;;;;;;;;;;;AAeG;MAOU,cAAc,CAAA;;IAEhB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;;IAGzB,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;IAG3D,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;AAEnD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,KAAK,GAAG,CAAC,iBAAiB,CAAC;QACjC,IAAI,IAAI,CAAC,MAAM,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACxD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,2BAA2B,CAAC;AAC5D,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACxB,CAAC;gFAAC;uGAfS,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,2fChC3B,kJAMA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FD0Ba,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,QAC/B,EAAE,SAAS,EAAE,WAAW,EAAE,EAAA,QAAA,EAAA,kJAAA,EAAA;;;AE9BlC;;;;;AAKG;AAIH;;;AAGG;MAQU,iBAAiB,CAAA;IACnB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;uGADvB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,qQAJ1B,6GAA6G,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAIpG,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EACN,6GAA6G;oBAC/G,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;AACxC,iBAAA;;;ACnBD;;AAEG;;;;"}