@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-chip.mjs

@@ -0,0 +1,176 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, input, output, computed, contentChild, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1 from '@malva-ui/cdk/density';
+import { MLV_DENSITY_ELEMENT, MlvDensityDirective } from '@malva-ui/cdk/density';
+import { LucideX } from '@lucide/angular';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import { MLV_CHIP_I18N } from '@malva-ui/i18n';
+import { MlvButtonClose } from '@malva-ui/core/button';
+
+/**
+ * Template slot directive for content rendered **before** the chip text label.
+ * Use with `<ng-template mlvChipPrepend>` inside a chip element.
+ */
+class MlvChipPrepend extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChipPrepend, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvChipPrepend, isStandalone: true, selector: "[mlvChipPrepend]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChipPrepend, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvChipPrepend]',
+                }]
+        }] });
+/**
+ * Template slot directive for content rendered **after** the chip text label.
+ * Use with `<ng-template mlvChipAppend>` inside a chip element.
+ */
+class MlvChipAppend extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChipAppend, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvChipAppend, isStandalone: true, selector: "[mlvChipAppend]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChipAppend, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvChipAppend]',
+                }]
+        }] });
+
+/**
+ * Chip component for representing filterable tags, selected items, or categorized attributes.
+ * Similar to badge but with richer interactivity: prepend/append slots, closable mode,
+ * floating (elevated) variant, and full density system integration.
+ *
+ * When `animated` is `true`, enter and leave animations (opacity + scale + width) are enabled.
+ * The leave animation completes before `chipClose` emits.
+ *
+ * @example
+ * ```html
+ * <mlv-chip tone="primary">Angular</mlv-chip>
+ * <mlv-chip tone="success" muted closable animated (chipClose)="removeTag('done')">Done</mlv-chip>
+ * <mlv-chip tone="accent" floating>
+ *   <ng-template mlvChipPrepend><svg lucideStar [size]="12" /></ng-template>
+ *   Featured
+ * </mlv-chip>
+ * ```
+ */
+class MlvChip {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_CHIP_I18N);
+    /**
+     * The semantic tone of the chip.
+     * Determines the background and text colors.
+     * Defaults to `'default'` (neutral).
+     */
+    tone = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, uses muted surface/text tokens instead of solid fill colors.
+     * Muted chips are less visually prominent — suited for inline or secondary contexts.
+     * Supports attribute usage: `<mlv-chip muted>`.
+     */
+    muted = input(false, { ...(ngDevMode ? { debugName: "muted" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, renders the chip with fully rounded (pill) corners.
+     * Default shape uses `--mlv-radius-l` (slightly rounded).
+     * Supports attribute usage: `<mlv-chip rounded>`.
+     */
+    rounded = input(false, { ...(ngDevMode ? { debugName: "rounded" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, renders the chip with an elevated box-shadow, making it appear
+     * to float above the page surface. Equivalent to the button's `elevated` variant.
+     * Supports attribute usage: `<mlv-chip floating>`.
+     */
+    floating = input(false, { ...(ngDevMode ? { debugName: "floating" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, renders a close (×) button after all chip content.
+     * Clicking it triggers the leave animation (if `animated`) before emitting `chipClose`.
+     * Supports attribute usage: `<mlv-chip closable>`.
+     */
+    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Configurable tabindex for the chip host. Defaults to `0` (focusable).
+     * Set to `-1` when the parent (e.g., tokenizer) manages focus via FocusKeyManager.
+     */
+    chipTabIndex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chipTabIndex" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional override for the close button's `aria-label`. When `null` (default),
+     * the generic i18n "Remove" label (`MLV_CHIP_I18N.remove`) is used. Set this to
+     * a more descriptive value — e.g. `"Remove: Angular"` — so screen-reader users
+     * know which item the close button removes when the same chip is one of many.
+     */
+    closeAriaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Emits after the leave animation completes when the user clicks the close button.
+     * Only relevant when `closable` is `true`.
+     */
+    chipClose = output();
+    /**
+     * @protected Resolved accessible name for the close button. Prefers the
+     * explicit {@link closeAriaLabel} override, falling back to the generic
+     * i18n "Remove" string.
+     */
+    _resolvedCloseAriaLabel = computed(() => this.closeAriaLabel() ?? this._i18n().remove, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedCloseAriaLabel" }] : /* istanbul ignore next */ []));
+    /** @protected Template slot rendered before the chip label. */
+    _prependRef = contentChild(MlvChipPrepend, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_prependRef" }] : /* istanbul ignore next */ []));
+    /** @protected Template slot rendered after the chip label (before the close button). */
+    _appendRef = contentChild(MlvChipAppend, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_appendRef" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Handles the close button click. When `animated` is true, sets `_leaving`
+     * to trigger the CSS leave animation and defers `chipClose` until it completes.
+     * When not animated, emits `chipClose` immediately.
+     * Prevents event propagation so the chip's container doesn't receive the click.
+     */
+    _handleClose(event) {
+        event.stopPropagation();
+        this.chipClose.emit();
+    }
+    /**
+     * @protected Handles Backspace/Delete key to remove a closable chip.
+     * Emits `chipClose` and prevents default to avoid browser back navigation.
+     */
+    _handleKeyRemove(event) {
+        event.preventDefault();
+        this.chipClose.emit();
+    }
+    /** @private Host element reference, exposed publicly via the `element` getter. */
+    _elementRef = inject(ElementRef);
+    get element() {
+        return this._elementRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvChip, isStandalone: true, selector: "mlv-chip", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, floating: { classPropertyName: "floating", publicName: "floating", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, chipTabIndex: { classPropertyName: "chipTabIndex", publicName: "chipTabIndex", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chipClose: "chipClose" }, host: { listeners: { "keydown.backspace": "closable() && _handleKeyRemove($event)", "keydown.delete": "closable() && _handleKeyRemove($event)" }, properties: { "class": "\"mlv-chip--tone-\" + tone()", "class.mlv-chip--muted": "muted()", "class.mlv-chip--rounded": "rounded()", "class.mlv-chip--floating": "floating()", "class.mlv-chip--closable": "closable()", "attr.tabindex": "closable() ? chipTabIndex() : null" }, classAttribute: "mlv-chip" }, providers: [{ provide: MLV_DENSITY_ELEMENT, useValue: 'chip' }], queries: [{ propertyName: "_prependRef", first: true, predicate: MlvChipPrepend, descendants: true, isSignal: true }, { propertyName: "_appendRef", first: true, predicate: MlvChipAppend, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.MlvDensityDirective, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "@if (_prependRef()) {\n<span class=\"mlv-chip__prepend\">\n  <ng-container [ngTemplateOutlet]=\"_prependRef()!.templateRef\" />\n</span>\n}\n<span class=\"mlv-chip__label\"><ng-content /></span>\n@if (_appendRef()) {\n<span class=\"mlv-chip__append\">\n  <ng-container [ngTemplateOutlet]=\"_appendRef()!.templateRef\" />\n</span>\n} @if (closable()) {\n<button\n  class=\"mlv-chip__close\"\n  type=\"button\"\n  [attr.aria-label]=\"_resolvedCloseAriaLabel()\"\n  tabindex=\"-1\"\n  (click)=\"_handleClose($event)\"\n>\n  <svg lucideX [size]=\"12\" />\n</button>\n}\n", styles: ["@layer mlv.components{.mlv-chip{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-primary);--mlv-chip-border: transparent;--mlv-chip-shadow: none;--mlv-chip-font-size: var(--mlv-font-size-m);display:inline-flex;align-items:center;gap:.25rem;padding:var(--mlv-padding-s);font-size:var(--mlv-chip-font-size);border-radius:var(--mlv-radius-tag);border:var(--mlv-stroke-width) solid var(--mlv-chip-border);font-family:var(--mlv-font-family-sans, sans-serif);font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;background-color:var(--mlv-chip-bg);color:var(--mlv-chip-color);box-shadow:var(--mlv-chip-shadow);box-sizing:border-box}[class*=--tight] .mlv-chip:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-chip[class*=--tight]{--mlv-chip-font-size: var(--mlv-font-size-xs);padding:var(--mlv-padding-xs)}[class*=--compact] .mlv-chip:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-chip[class*=--compact]{--mlv-chip-font-size: var(--mlv-font-size-s);padding:var(--mlv-padding-xs)}[class*=--spacious] .mlv-chip:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-chip[class*=--spacious]{--mlv-chip-font-size: var(--mlv-font-size-l);padding:var(--mlv-padding-m)}[class*=--airy] .mlv-chip:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-chip[class*=--airy]{--mlv-chip-font-size: var(--mlv-font-size-xl);padding:var(--mlv-padding-l)}.mlv-chip{transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),box-shadow var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-chip--animated{overflow:hidden;max-width:40rem;animation:mlv-chip-enter var(--mlv-duration-normal) var(--mlv-ease-out) backwards}.mlv-chip__prepend,.mlv-chip__append{display:inline-flex;align-items:center;flex-shrink:0;color:inherit;font-size:var(--mlv-chip-font-size)}.mlv-chip__prepend svg,.mlv-chip__append svg{width:1.25em;height:1.25em;display:block}.mlv-chip__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;line-height:1.2;font-size:var(--mlv-chip-font-size)}.mlv-chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:transparent;padding:0;cursor:pointer;color:inherit;opacity:.7;border-radius:var(--mlv-radius-full);transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default);font-size:var(--mlv-chip-font-size);margin-inline-end:calc(var(--mlv-spacing-1) * -1)}.mlv-chip__close svg{width:1.25em;height:1.25em;display:block}.mlv-chip__close:hover{opacity:1}.mlv-chip__close:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus, currentColor);outline-offset:var(--mlv-focus-ring-offset)}.mlv-chip--leaving{overflow:hidden;max-width:40rem;animation:mlv-chip-leave var(--mlv-duration-normal) var(--mlv-ease-in) forwards;pointer-events:none}.mlv-chip--tone-default{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-primary)}.mlv-chip--tone-primary{--mlv-chip-bg: var(--mlv-background-accent-1);--mlv-chip-color: var(--mlv-text-primary-on-accent-1)}.mlv-chip--tone-secondary{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-action)}.mlv-chip--tone-accent{--mlv-chip-bg: var(--mlv-background-accent-2);--mlv-chip-color: var(--mlv-text-primary-on-accent-2)}.mlv-chip--tone-success{--mlv-chip-bg: var(--mlv-palette-success-500);--mlv-chip-color: var(--mlv-text-inverse)}.mlv-chip--tone-info{--mlv-chip-bg: var(--mlv-palette-info-500);--mlv-chip-color: var(--mlv-text-inverse)}.mlv-chip--tone-warning{--mlv-chip-bg: var(--mlv-background-warning-1);--mlv-chip-color: var(--mlv-text-on-warning)}.mlv-chip--tone-danger{--mlv-chip-bg: var(--mlv-background-danger-1);--mlv-chip-color: var(--mlv-text-on-danger)}.mlv-chip--muted.mlv-chip--tone-default{--mlv-chip-bg: var(--mlv-muted-default-bg-2);--mlv-chip-color: var(--mlv-muted-default-text-2);--mlv-chip-border: var(--mlv-muted-default-border-2)}.mlv-chip--muted.mlv-chip--tone-primary{--mlv-chip-bg: var(--mlv-muted-primary-bg-2);--mlv-chip-color: var(--mlv-muted-primary-text-2);--mlv-chip-border: var(--mlv-muted-primary-border-2)}.mlv-chip--muted.mlv-chip--tone-secondary{--mlv-chip-bg: var(--mlv-muted-secondary-bg-2);--mlv-chip-color: var(--mlv-muted-secondary-text-2);--mlv-chip-border: var(--mlv-muted-secondary-border-2)}.mlv-chip--muted.mlv-chip--tone-accent{--mlv-chip-bg: var(--mlv-muted-accent-bg-2);--mlv-chip-color: var(--mlv-muted-accent-text-2);--mlv-chip-border: var(--mlv-muted-accent-border-2)}.mlv-chip--muted.mlv-chip--tone-success{--mlv-chip-bg: var(--mlv-muted-success-bg-2);--mlv-chip-color: var(--mlv-muted-success-text-2);--mlv-chip-border: var(--mlv-muted-success-border-2)}.mlv-chip--muted.mlv-chip--tone-info{--mlv-chip-bg: var(--mlv-muted-info-bg-2);--mlv-chip-color: var(--mlv-muted-info-text-2);--mlv-chip-border: var(--mlv-muted-info-border-2)}.mlv-chip--muted.mlv-chip--tone-warning{--mlv-chip-bg: var(--mlv-muted-warning-bg-2);--mlv-chip-color: var(--mlv-muted-warning-text-2);--mlv-chip-border: var(--mlv-muted-warning-border-2)}.mlv-chip--muted.mlv-chip--tone-danger{--mlv-chip-bg: var(--mlv-muted-danger-bg-2);--mlv-chip-color: var(--mlv-muted-danger-text-2);--mlv-chip-border: var(--mlv-muted-danger-border-2)}.mlv-chip--rounded{border-radius:var(--mlv-radius-full)}.mlv-chip--floating{--mlv-chip-shadow: var(--mlv-shadow-raised)}.mlv-chip--floating:hover{--mlv-chip-shadow: var(--mlv-shadow-floating)}.mlv-chip--floating:active{--mlv-chip-shadow: var(--mlv-shadow-raised)}@keyframes mlv-chip-enter{0%{opacity:0;transform:scale(.85);max-width:0;padding-inline:0}}@keyframes mlv-chip-leave{70%{opacity:0;transform:scale(.85);padding-inline:0}to{max-width:0}}@media(prefers-reduced-motion:reduce){.mlv-chip--animated,.mlv-chip--leaving{animation-duration:.01ms!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvChip, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, LucideX, MlvButtonClose], providers: [{ provide: MLV_DENSITY_ELEMENT, useValue: 'chip' }], hostDirectives: [
+                        {
+                            directive: MlvDensityDirective,
+                            inputs: ['mlvDensity'],
+                        },
+                    ], host: {
+                        class: 'mlv-chip',
+                        '[class]': '"mlv-chip--tone-" + tone()',
+                        '[class.mlv-chip--muted]': 'muted()',
+                        '[class.mlv-chip--rounded]': 'rounded()',
+                        '[class.mlv-chip--floating]': 'floating()',
+                        '[class.mlv-chip--closable]': 'closable()',
+                        '[attr.tabindex]': 'closable() ? chipTabIndex() : null',
+                        '(keydown.backspace)': 'closable() && _handleKeyRemove($event)',
+                        '(keydown.delete)': 'closable() && _handleKeyRemove($event)',
+                    }, template: "@if (_prependRef()) {\n<span class=\"mlv-chip__prepend\">\n  <ng-container [ngTemplateOutlet]=\"_prependRef()!.templateRef\" />\n</span>\n}\n<span class=\"mlv-chip__label\"><ng-content /></span>\n@if (_appendRef()) {\n<span class=\"mlv-chip__append\">\n  <ng-container [ngTemplateOutlet]=\"_appendRef()!.templateRef\" />\n</span>\n} @if (closable()) {\n<button\n  class=\"mlv-chip__close\"\n  type=\"button\"\n  [attr.aria-label]=\"_resolvedCloseAriaLabel()\"\n  tabindex=\"-1\"\n  (click)=\"_handleClose($event)\"\n>\n  <svg lucideX [size]=\"12\" />\n</button>\n}\n", styles: ["@layer mlv.components{.mlv-chip{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-primary);--mlv-chip-border: transparent;--mlv-chip-shadow: none;--mlv-chip-font-size: var(--mlv-font-size-m);display:inline-flex;align-items:center;gap:.25rem;padding:var(--mlv-padding-s);font-size:var(--mlv-chip-font-size);border-radius:var(--mlv-radius-tag);border:var(--mlv-stroke-width) solid var(--mlv-chip-border);font-family:var(--mlv-font-family-sans, sans-serif);font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;background-color:var(--mlv-chip-bg);color:var(--mlv-chip-color);box-shadow:var(--mlv-chip-shadow);box-sizing:border-box}[class*=--tight] .mlv-chip:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-chip[class*=--tight]{--mlv-chip-font-size: var(--mlv-font-size-xs);padding:var(--mlv-padding-xs)}[class*=--compact] .mlv-chip:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-chip[class*=--compact]{--mlv-chip-font-size: var(--mlv-font-size-s);padding:var(--mlv-padding-xs)}[class*=--spacious] .mlv-chip:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-chip[class*=--spacious]{--mlv-chip-font-size: var(--mlv-font-size-l);padding:var(--mlv-padding-m)}[class*=--airy] .mlv-chip:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-chip[class*=--airy]{--mlv-chip-font-size: var(--mlv-font-size-xl);padding:var(--mlv-padding-l)}.mlv-chip{transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),box-shadow var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-chip--animated{overflow:hidden;max-width:40rem;animation:mlv-chip-enter var(--mlv-duration-normal) var(--mlv-ease-out) backwards}.mlv-chip__prepend,.mlv-chip__append{display:inline-flex;align-items:center;flex-shrink:0;color:inherit;font-size:var(--mlv-chip-font-size)}.mlv-chip__prepend svg,.mlv-chip__append svg{width:1.25em;height:1.25em;display:block}.mlv-chip__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;line-height:1.2;font-size:var(--mlv-chip-font-size)}.mlv-chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:transparent;padding:0;cursor:pointer;color:inherit;opacity:.7;border-radius:var(--mlv-radius-full);transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default);font-size:var(--mlv-chip-font-size);margin-inline-end:calc(var(--mlv-spacing-1) * -1)}.mlv-chip__close svg{width:1.25em;height:1.25em;display:block}.mlv-chip__close:hover{opacity:1}.mlv-chip__close:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus, currentColor);outline-offset:var(--mlv-focus-ring-offset)}.mlv-chip--leaving{overflow:hidden;max-width:40rem;animation:mlv-chip-leave var(--mlv-duration-normal) var(--mlv-ease-in) forwards;pointer-events:none}.mlv-chip--tone-default{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-primary)}.mlv-chip--tone-primary{--mlv-chip-bg: var(--mlv-background-accent-1);--mlv-chip-color: var(--mlv-text-primary-on-accent-1)}.mlv-chip--tone-secondary{--mlv-chip-bg: var(--mlv-background-neutral-1);--mlv-chip-color: var(--mlv-text-action)}.mlv-chip--tone-accent{--mlv-chip-bg: var(--mlv-background-accent-2);--mlv-chip-color: var(--mlv-text-primary-on-accent-2)}.mlv-chip--tone-success{--mlv-chip-bg: var(--mlv-palette-success-500);--mlv-chip-color: var(--mlv-text-inverse)}.mlv-chip--tone-info{--mlv-chip-bg: var(--mlv-palette-info-500);--mlv-chip-color: var(--mlv-text-inverse)}.mlv-chip--tone-warning{--mlv-chip-bg: var(--mlv-background-warning-1);--mlv-chip-color: var(--mlv-text-on-warning)}.mlv-chip--tone-danger{--mlv-chip-bg: var(--mlv-background-danger-1);--mlv-chip-color: var(--mlv-text-on-danger)}.mlv-chip--muted.mlv-chip--tone-default{--mlv-chip-bg: var(--mlv-muted-default-bg-2);--mlv-chip-color: var(--mlv-muted-default-text-2);--mlv-chip-border: var(--mlv-muted-default-border-2)}.mlv-chip--muted.mlv-chip--tone-primary{--mlv-chip-bg: var(--mlv-muted-primary-bg-2);--mlv-chip-color: var(--mlv-muted-primary-text-2);--mlv-chip-border: var(--mlv-muted-primary-border-2)}.mlv-chip--muted.mlv-chip--tone-secondary{--mlv-chip-bg: var(--mlv-muted-secondary-bg-2);--mlv-chip-color: var(--mlv-muted-secondary-text-2);--mlv-chip-border: var(--mlv-muted-secondary-border-2)}.mlv-chip--muted.mlv-chip--tone-accent{--mlv-chip-bg: var(--mlv-muted-accent-bg-2);--mlv-chip-color: var(--mlv-muted-accent-text-2);--mlv-chip-border: var(--mlv-muted-accent-border-2)}.mlv-chip--muted.mlv-chip--tone-success{--mlv-chip-bg: var(--mlv-muted-success-bg-2);--mlv-chip-color: var(--mlv-muted-success-text-2);--mlv-chip-border: var(--mlv-muted-success-border-2)}.mlv-chip--muted.mlv-chip--tone-info{--mlv-chip-bg: var(--mlv-muted-info-bg-2);--mlv-chip-color: var(--mlv-muted-info-text-2);--mlv-chip-border: var(--mlv-muted-info-border-2)}.mlv-chip--muted.mlv-chip--tone-warning{--mlv-chip-bg: var(--mlv-muted-warning-bg-2);--mlv-chip-color: var(--mlv-muted-warning-text-2);--mlv-chip-border: var(--mlv-muted-warning-border-2)}.mlv-chip--muted.mlv-chip--tone-danger{--mlv-chip-bg: var(--mlv-muted-danger-bg-2);--mlv-chip-color: var(--mlv-muted-danger-text-2);--mlv-chip-border: var(--mlv-muted-danger-border-2)}.mlv-chip--rounded{border-radius:var(--mlv-radius-full)}.mlv-chip--floating{--mlv-chip-shadow: var(--mlv-shadow-raised)}.mlv-chip--floating:hover{--mlv-chip-shadow: var(--mlv-shadow-floating)}.mlv-chip--floating:active{--mlv-chip-shadow: var(--mlv-shadow-raised)}@keyframes mlv-chip-enter{0%{opacity:0;transform:scale(.85);max-width:0;padding-inline:0}}@keyframes mlv-chip-leave{70%{opacity:0;transform:scale(.85);padding-inline:0}to{max-width:0}}@media(prefers-reduced-motion:reduce){.mlv-chip--animated,.mlv-chip--leaving{animation-duration:.01ms!important}}}\n"] }]
+        }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], muted: [{ type: i0.Input, args: [{ isSignal: true, alias: "muted", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], floating: [{ type: i0.Input, args: [{ isSignal: true, alias: "floating", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], chipTabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipTabIndex", required: false }] }], closeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAriaLabel", required: false }] }], chipClose: [{ type: i0.Output, args: ["chipClose"] }], _prependRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvChipPrepend), { isSignal: true }] }], _appendRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvChipAppend), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvChip, MlvChipAppend, MlvChipPrepend };
+//# sourceMappingURL=malva-ui-core-chip.mjs.map

package/fesm2022/malva-ui-core-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-chip.mjs","sources":["../../../../libs/core/chip/src/lib/chip/chip.directives.ts","../../../../libs/core/chip/src/lib/chip/chip.ts","../../../../libs/core/chip/src/lib/chip/chip.html","../../../../libs/core/chip/src/malva-ui-core-chip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n/**\n * Template slot directive for content rendered **before** the chip text label.\n * Use with `<ng-template mlvChipPrepend>` inside a chip element.\n */\n@Directive({\n  selector: '[mlvChipPrepend]',\n})\nexport class MlvChipPrepend extends MlvStructural {}\n\n/**\n * Template slot directive for content rendered **after** the chip text label.\n * Use with `<ng-template mlvChipAppend>` inside a chip element.\n */\n@Directive({\n  selector: '[mlvChipAppend]',\n})\nexport class MlvChipAppend extends MlvStructural {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  ElementRef,\n  inject,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  MlvDensityDirective,\n  MLV_DENSITY_ELEMENT,\n} from '@malva-ui/cdk/density';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport { LucideX } from '@lucide/angular';\nimport { MlvChipAppend, MlvChipPrepend } from './chip.directives';\nimport { MLV_CHIP_I18N } from '@malva-ui/i18n';\nimport { MlvButtonClose } from '@malva-ui/core/button';\n\n/**\n * Available tone variants for the chip component.\n * Extends the shared {@link MlvTone} semantic vocabulary with neutral and\n * brand options, mapping to color tokens in the design system.\n */\nexport type MlvChipTone =\n  | MlvTone\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent';\n\n/**\n * Chip component for representing filterable tags, selected items, or categorized attributes.\n * Similar to badge but with richer interactivity: prepend/append slots, closable mode,\n * floating (elevated) variant, and full density system integration.\n *\n * When `animated` is `true`, enter and leave animations (opacity + scale + width) are enabled.\n * The leave animation completes before `chipClose` emits.\n *\n * @example\n * ```html\n * <mlv-chip tone=\"primary\">Angular</mlv-chip>\n * <mlv-chip tone=\"success\" muted closable animated (chipClose)=\"removeTag('done')\">Done</mlv-chip>\n * <mlv-chip tone=\"accent\" floating>\n *   <ng-template mlvChipPrepend><svg lucideStar [size]=\"12\" /></ng-template>\n *   Featured\n * </mlv-chip>\n * ```\n */\n@Component({\n  selector: 'mlv-chip',\n  templateUrl: './chip.html',\n  styleUrl: './chip.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, LucideX, MlvButtonClose],\n  providers: [{ provide: MLV_DENSITY_ELEMENT, useValue: 'chip' }],\n  hostDirectives: [\n    {\n      directive: MlvDensityDirective,\n      inputs: ['mlvDensity'],\n    },\n  ],\n  host: {\n    class: 'mlv-chip',\n    '[class]': '\"mlv-chip--tone-\" + tone()',\n    '[class.mlv-chip--muted]': 'muted()',\n    '[class.mlv-chip--rounded]': 'rounded()',\n    '[class.mlv-chip--floating]': 'floating()',\n    '[class.mlv-chip--closable]': 'closable()',\n    '[attr.tabindex]': 'closable() ? chipTabIndex() : null',\n    '(keydown.backspace)': 'closable() && _handleKeyRemove($event)',\n    '(keydown.delete)': 'closable() && _handleKeyRemove($event)',\n  },\n})\nexport class MlvChip {\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_CHIP_I18N);\n\n  /**\n   * The semantic tone of the chip.\n   * Determines the background and text colors.\n   * Defaults to `'default'` (neutral).\n   */\n  readonly tone = input<MlvChipTone>('default');\n\n  /**\n   * When `true`, uses muted surface/text tokens instead of solid fill colors.\n   * Muted chips are less visually prominent — suited for inline or secondary contexts.\n   * Supports attribute usage: `<mlv-chip muted>`.\n   */\n  readonly muted = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, renders the chip with fully rounded (pill) corners.\n   * Default shape uses `--mlv-radius-l` (slightly rounded).\n   * Supports attribute usage: `<mlv-chip rounded>`.\n   */\n  readonly rounded = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, renders the chip with an elevated box-shadow, making it appear\n   * to float above the page surface. Equivalent to the button's `elevated` variant.\n   * Supports attribute usage: `<mlv-chip floating>`.\n   */\n  readonly floating = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, renders a close (×) button after all chip content.\n   * Clicking it triggers the leave animation (if `animated`) before emitting `chipClose`.\n   * Supports attribute usage: `<mlv-chip closable>`.\n   */\n  readonly closable = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Configurable tabindex for the chip host. Defaults to `0` (focusable).\n   * Set to `-1` when the parent (e.g., tokenizer) manages focus via FocusKeyManager.\n   */\n  readonly chipTabIndex = input<number>(0);\n\n  /**\n   * Optional override for the close button's `aria-label`. When `null` (default),\n   * the generic i18n \"Remove\" label (`MLV_CHIP_I18N.remove`) is used. Set this to\n   * a more descriptive value — e.g. `\"Remove: Angular\"` — so screen-reader users\n   * know which item the close button removes when the same chip is one of many.\n   */\n  readonly closeAriaLabel = input<string | null>(null);\n\n  /**\n   * Emits after the leave animation completes when the user clicks the close button.\n   * Only relevant when `closable` is `true`.\n   */\n  readonly chipClose = output<void>();\n\n  /**\n   * @protected Resolved accessible name for the close button. Prefers the\n   * explicit {@link closeAriaLabel} override, falling back to the generic\n   * i18n \"Remove\" string.\n   */\n  protected readonly _resolvedCloseAriaLabel = computed(\n    () => this.closeAriaLabel() ?? this._i18n().remove,\n  );\n\n  /** @protected Template slot rendered before the chip label. */\n  protected readonly _prependRef = contentChild(MlvChipPrepend);\n\n  /** @protected Template slot rendered after the chip label (before the close button). */\n  protected readonly _appendRef = contentChild(MlvChipAppend);\n\n  /**\n   * @protected Handles the close button click. When `animated` is true, sets `_leaving`\n   * to trigger the CSS leave animation and defers `chipClose` until it completes.\n   * When not animated, emits `chipClose` immediately.\n   * Prevents event propagation so the chip's container doesn't receive the click.\n   */\n  protected _handleClose(event: Event): void {\n    event.stopPropagation();\n    this.chipClose.emit();\n  }\n\n  /**\n   * @protected Handles Backspace/Delete key to remove a closable chip.\n   * Emits `chipClose` and prevents default to avoid browser back navigation.\n   */\n  protected _handleKeyRemove(event: Event): void {\n    event.preventDefault();\n    this.chipClose.emit();\n  }\n\n  /** @private Host element reference, exposed publicly via the `element` getter. */\n  private readonly _elementRef = inject(ElementRef);\n\n  get element(): HTMLElement {\n    return this._elementRef.nativeElement;\n  }\n}\n","@if (_prependRef()) {\n<span class=\"mlv-chip__prepend\">\n  <ng-container [ngTemplateOutlet]=\"_prependRef()!.templateRef\" />\n</span>\n}\n<span class=\"mlv-chip__label\"><ng-content /></span>\n@if (_appendRef()) {\n<span class=\"mlv-chip__append\">\n  <ng-container [ngTemplateOutlet]=\"_appendRef()!.templateRef\" />\n</span>\n} @if (closable()) {\n<button\n  class=\"mlv-chip__close\"\n  type=\"button\"\n  [attr.aria-label]=\"_resolvedCloseAriaLabel()\"\n  tabindex=\"-1\"\n  (click)=\"_handleClose($event)\"\n>\n  <svg lucideX [size]=\"12\" />\n</button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAGA;;;AAGG;AAIG,MAAO,cAAe,SAAQ,aAAa,CAAA;uGAApC,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;AAGD;;;AAGG;AAIG,MAAO,aAAc,SAAQ,aAAa,CAAA;uGAAnC,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;;ACkBD;;;;;;;;;;;;;;;;;AAiBG;MA2BU,OAAO,CAAA;;AAEC,IAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC;AAEhD;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAc,SAAS;6EAAC;AAE7C;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAwB,KAAK,6EACjD,SAAS,EAAE,qBAAqB,EAAA,CAChC;AAEF;;;;AAIG;IACM,OAAO,GAAG,KAAK,CAAwB,KAAK,+EACnD,SAAS,EAAE,qBAAqB,EAAA,CAChC;AAEF;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,EAAA,CAChC;AAEF;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,EAAA,CAChC;AAEF;;;AAGG;IACM,YAAY,GAAG,KAAK,CAAS,CAAC;qFAAC;AAExC;;;;;AAKG;IACM,cAAc,GAAG,KAAK,CAAgB,IAAI;uFAAC;AAEpD;;;AAGG;IACM,SAAS,GAAG,MAAM,EAAQ;AAEnC;;;;AAIG;AACgB,IAAA,uBAAuB,GAAG,QAAQ,CACnD,MAAM,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;gGACnD;;IAGkB,WAAW,GAAG,YAAY,CAAC,cAAc;oFAAC;;IAG1C,UAAU,GAAG,YAAY,CAAC,aAAa;mFAAC;AAE3D;;;;;AAKG;AACO,IAAA,YAAY,CAAC,KAAY,EAAA;QACjC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACvB;AAEA;;;AAGG;AACO,IAAA,gBAAgB,CAAC,KAAY,EAAA;QACrC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACvB;;AAGiB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAEjD,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa;IACvC;uGA3GW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wCAAA,EAAA,gBAAA,EAAA,wCAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,8BAAA,EAAA,uBAAA,EAAA,SAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,0BAAA,EAAA,YAAA,EAAA,0BAAA,EAAA,YAAA,EAAA,eAAA,EAAA,oCAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAnBP,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAgGjB,cAAc,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGf,aAAa,+JChK5D,wjBAqBA,EAAA,MAAA,EAAA,CAAA,kyLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDuCY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,cAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAoBxB,OAAO,EAAA,UAAA,EAAA,CAAA;kBA1BnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,aAAA,EAGL,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,EAAE,OAAO,EAAE,cAAc,CAAC,EAAA,SAAA,EACzC,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAA,cAAA,EAC/C;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;4BAC9B,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,SAAS,EAAE,4BAA4B;AACvC,wBAAA,yBAAyB,EAAE,SAAS;AACpC,wBAAA,2BAA2B,EAAE,WAAW;AACxC,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,iBAAiB,EAAE,oCAAoC;AACvD,wBAAA,qBAAqB,EAAE,wCAAwC;AAC/D,wBAAA,kBAAkB,EAAE,wCAAwC;AAC7D,qBAAA,EAAA,QAAA,EAAA,wjBAAA,EAAA,MAAA,EAAA,CAAA,kyLAAA,CAAA,EAAA;AA+E6C,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,cAAc,4FAGf,aAAa,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEhK5D;;AAEG;;;;"}