@eui/eds 22.0.0-alpha.36 → 22.0.0-alpha.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/changelog.html +30 -0
- package/docs/components/EdsProgressBar.html +5 -5
- package/docs/components/EdsSwitch.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EdsProgressBar.md +3 -3
- package/docs/json/documentation.json +66 -49
- package/docs/llms.txt +5 -5
- package/docs/miscellaneous/typealiases.html +2 -2
- package/docs/properties.html +1 -1
- package/fesm2022/eui-eds-eds-progress-bar.mjs +16 -6
- package/fesm2022/eui-eds-eds-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-switch.mjs +2 -2
- package/fesm2022/eui-eds-eds-switch.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-eds-eds-progress-bar.d.ts +13 -5
- package/types/eui-eds-eds-progress-bar.d.ts.map +1 -1
|
@@ -95,7 +95,7 @@ class EdsSwitch {
|
|
|
95
95
|
useExisting: forwardRef(() => EdsSwitch),
|
|
96
96
|
multi: true,
|
|
97
97
|
},
|
|
98
|
-
], ngImport: i0, template: "<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"
|
|
98
|
+
], ngImport: i0, template: "<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"2xs\"/>\n } @else {\n <eds-icon [icon]=\"iconOff()!\" size=\"2xs\"/>\n }\n }\n </span>\n</span>\n", styles: [":host{--_eds-switch-width: 2.75rem;--_eds-switch-height: 1.5rem;--_eds-switch-handle-size: 1.25rem;--_eds-switch-handle-offset: .125rem;--_eds-switch-track-color: var(--eds-c-surface-neutral);--_eds-switch-track-color-checked: var(--eds-c-surface-primary);--_eds-switch-handle-color: var(--eds-c-surface-elevation);--_eds-switch-handle-border-color: var(--eds-c-border-neutral);--_eds-switch-icon-color: var(--eds-c-foreground-subtler);display:inline-flex;align-items:center;position:relative;cursor:pointer}:host .eds-switch__track{display:flex;align-items:center;width:var(--_eds-switch-width);height:var(--_eds-switch-height);background-color:var(--_eds-switch-track-color);border-radius:var(--eds-br-full);padding:var(--_eds-switch-handle-offset);transition:background-color .15s ease-in-out}:host .eds-switch__handle{display:flex;align-items:center;justify-content:center;width:var(--_eds-switch-handle-size);height:var(--_eds-switch-handle-size);background-color:var(--_eds-switch-handle-color);border:1px solid var(--_eds-switch-handle-border-color);border-radius:var(--eds-br-full);box-shadow:var(--eds-sh-1);transition:transform .15s ease-in-out;color:var(--_eds-switch-icon-color)}:host(:focus-visible):focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}:host([checked]) .eds-switch__track{background-color:var(--_eds-switch-track-color-checked)}:host([checked]) .eds-switch__handle{transform:translate(calc(var(--_eds-switch-width) - var(--_eds-switch-handle-size) - var(--_eds-switch-handle-offset) * 2));border-color:var(--_eds-switch-track-color-checked)}:host([disabled]){cursor:not-allowed;opacity:.4;pointer-events:none}:host([size=s]){--_eds-switch-width: 2.25rem;--_eds-switch-height: 1.25rem;--_eds-switch-handle-size: 1rem;--_eds-switch-handle-offset: .125rem}:host([size=l]){--_eds-switch-width: 3.25rem;--_eds-switch-height: 1.75rem;--_eds-switch-handle-size: 1.5rem;--_eds-switch-handle-offset: .125rem}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "color", "size", "ariaLabel", "ariaHidden", "rounded", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
99
99
|
}
|
|
100
100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSwitch, decorators: [{
|
|
101
101
|
type: Component,
|
|
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
122
122
|
useExisting: forwardRef(() => EdsSwitch),
|
|
123
123
|
multi: true,
|
|
124
124
|
},
|
|
125
|
-
], template: "<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"
|
|
125
|
+
], template: "<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"2xs\"/>\n } @else {\n <eds-icon [icon]=\"iconOff()!\" size=\"2xs\"/>\n }\n }\n </span>\n</span>\n", styles: [":host{--_eds-switch-width: 2.75rem;--_eds-switch-height: 1.5rem;--_eds-switch-handle-size: 1.25rem;--_eds-switch-handle-offset: .125rem;--_eds-switch-track-color: var(--eds-c-surface-neutral);--_eds-switch-track-color-checked: var(--eds-c-surface-primary);--_eds-switch-handle-color: var(--eds-c-surface-elevation);--_eds-switch-handle-border-color: var(--eds-c-border-neutral);--_eds-switch-icon-color: var(--eds-c-foreground-subtler);display:inline-flex;align-items:center;position:relative;cursor:pointer}:host .eds-switch__track{display:flex;align-items:center;width:var(--_eds-switch-width);height:var(--_eds-switch-height);background-color:var(--_eds-switch-track-color);border-radius:var(--eds-br-full);padding:var(--_eds-switch-handle-offset);transition:background-color .15s ease-in-out}:host .eds-switch__handle{display:flex;align-items:center;justify-content:center;width:var(--_eds-switch-handle-size);height:var(--_eds-switch-handle-size);background-color:var(--_eds-switch-handle-color);border:1px solid var(--_eds-switch-handle-border-color);border-radius:var(--eds-br-full);box-shadow:var(--eds-sh-1);transition:transform .15s ease-in-out;color:var(--_eds-switch-icon-color)}:host(:focus-visible):focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}:host([checked]) .eds-switch__track{background-color:var(--_eds-switch-track-color-checked)}:host([checked]) .eds-switch__handle{transform:translate(calc(var(--_eds-switch-width) - var(--_eds-switch-handle-size) - var(--_eds-switch-handle-offset) * 2));border-color:var(--_eds-switch-track-color-checked)}:host([disabled]){cursor:not-allowed;opacity:.4;pointer-events:none}:host([size=s]){--_eds-switch-width: 2.25rem;--_eds-switch-height: 1.25rem;--_eds-switch-handle-size: 1rem;--_eds-switch-handle-offset: .125rem}:host([size=l]){--_eds-switch-width: 3.25rem;--_eds-switch-height: 1.75rem;--_eds-switch-handle-size: 1.5rem;--_eds-switch-handle-offset: .125rem}\n"] }]
|
|
126
126
|
}], ctorParameters: () => [], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOn", required: false }] }], iconOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOff", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
127
127
|
|
|
128
128
|
/** Convenience array for importing all eds-switch components. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-eds-eds-switch.mjs","sources":["../../eds-switch/eds-switch.ts","../../eds-switch/eds-switch.html","../../eds-switch/index.ts","../../eds-switch/eui-eds-eds-switch.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n input,\n model,\n signal,\n effect,\n booleanAttribute,\n forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n/** Local narrowed size union — the switch's size contract (String-Props model). */\nexport type EdsSwitchSize = 's' | 'm' | 'l';\n\n/**\n * A binary on/off switch control. Exposes `role=\"switch\"` with `aria-checked`, is keyboard\n * operable (Space/Enter), and integrates with Angular forms via `ControlValueAccessor`.\n *\n * Size is set via the `size` string input (`s` | `m` | `l`) reflected as the `size` host\n * attribute; `checked` and `disabled` are reflected as host attributes and styled with\n * `:host([checked])` / `:host([disabled])`.\n */\n@Component({\n templateUrl: './eds-switch.html',\n selector: 'eds-switch',\n styleUrl: './eds-switch.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ...EDS_ICON,\n ],\n host: {\n class: 'eds-switch',\n '[attr.size]': 'size()',\n '[attr.checked]': 'checked() || null',\n '[attr.disabled]': 'internalDisabled() || null',\n '[attr.data-e2e]': 'e2eAttr()',\n '[attr.tabindex]': 'internalDisabled() ? -1 : 0',\n role: 'switch',\n '[attr.aria-checked]': 'checked()',\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.aria-disabled]': 'internalDisabled()',\n '(click)': 'toggle()',\n '(keydown.space)': 'toggle(); $event.preventDefault()',\n '(keydown.enter)': 'toggle()',\n '(blur)': 'onFocusOut()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => EdsSwitch),\n multi: true,\n },\n ],\n})\nexport class EdsSwitch implements ControlValueAccessor {\n /**\n * Data attribute value for end-to-end testing identification.\n * @default 'eds-switch'\n */\n e2eAttr = input('eds-switch');\n\n /**\n * Accessible label for the switch.\n * @default 'Switch'\n */\n ariaLabel = input('Switch');\n\n /**\n * Size variant, reflected as the `size` host attribute.\n * @default 'm'\n */\n size = input<EdsSwitchSize>('m');\n\n /**\n * Icon name displayed when the switch is ON.\n * Both iconOn and iconOff must be set for icons to appear.\n */\n iconOn = input<string>();\n\n /**\n * Icon name displayed when the switch is OFF.\n * Both iconOn and iconOff must be set for icons to appear.\n */\n iconOff = input<string>();\n\n /**\n * Current checked state of the switch. Two-way bindable via `[(checked)]`.\n * @default false\n */\n checked = model(false);\n\n /**\n * Whether the switch is disabled.\n * @default false\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /** Internal writable disabled state — written by the `disabled` input effect and `setDisabledState`. */\n protected readonly internalDisabled = signal(false);\n\n constructor() {\n effect(() => this.internalDisabled.set(this.disabled()));\n }\n\n /** Toggles the current state if not disabled. */\n toggle(): void {\n if (!this.internalDisabled()) {\n const newValue = !this.checked();\n this.checked.set(newValue);\n this._onChange(newValue);\n this._onTouched();\n }\n }\n\n /** Handles focus out — notifies the form control of touch. */\n onFocusOut(): void {\n this._onTouched();\n }\n\n // ControlValueAccessor\n writeValue(value: boolean): void {\n this.checked.set(!!value);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this._onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.internalDisabled.set(isDisabled);\n }\n\n private _onChange: (value: boolean) => void = () => {/* noop */};\n private _onTouched: () => void = () => {/* noop */};\n}\n","<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"
|
|
1
|
+
{"version":3,"file":"eui-eds-eds-switch.mjs","sources":["../../eds-switch/eds-switch.ts","../../eds-switch/eds-switch.html","../../eds-switch/index.ts","../../eds-switch/eui-eds-eds-switch.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n input,\n model,\n signal,\n effect,\n booleanAttribute,\n forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { EDS_ICON } from '@eui/eds/eds-icon';\n\n/** Local narrowed size union — the switch's size contract (String-Props model). */\nexport type EdsSwitchSize = 's' | 'm' | 'l';\n\n/**\n * A binary on/off switch control. Exposes `role=\"switch\"` with `aria-checked`, is keyboard\n * operable (Space/Enter), and integrates with Angular forms via `ControlValueAccessor`.\n *\n * Size is set via the `size` string input (`s` | `m` | `l`) reflected as the `size` host\n * attribute; `checked` and `disabled` are reflected as host attributes and styled with\n * `:host([checked])` / `:host([disabled])`.\n */\n@Component({\n templateUrl: './eds-switch.html',\n selector: 'eds-switch',\n styleUrl: './eds-switch.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ...EDS_ICON,\n ],\n host: {\n class: 'eds-switch',\n '[attr.size]': 'size()',\n '[attr.checked]': 'checked() || null',\n '[attr.disabled]': 'internalDisabled() || null',\n '[attr.data-e2e]': 'e2eAttr()',\n '[attr.tabindex]': 'internalDisabled() ? -1 : 0',\n role: 'switch',\n '[attr.aria-checked]': 'checked()',\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.aria-disabled]': 'internalDisabled()',\n '(click)': 'toggle()',\n '(keydown.space)': 'toggle(); $event.preventDefault()',\n '(keydown.enter)': 'toggle()',\n '(blur)': 'onFocusOut()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => EdsSwitch),\n multi: true,\n },\n ],\n})\nexport class EdsSwitch implements ControlValueAccessor {\n /**\n * Data attribute value for end-to-end testing identification.\n * @default 'eds-switch'\n */\n e2eAttr = input('eds-switch');\n\n /**\n * Accessible label for the switch.\n * @default 'Switch'\n */\n ariaLabel = input('Switch');\n\n /**\n * Size variant, reflected as the `size` host attribute.\n * @default 'm'\n */\n size = input<EdsSwitchSize>('m');\n\n /**\n * Icon name displayed when the switch is ON.\n * Both iconOn and iconOff must be set for icons to appear.\n */\n iconOn = input<string>();\n\n /**\n * Icon name displayed when the switch is OFF.\n * Both iconOn and iconOff must be set for icons to appear.\n */\n iconOff = input<string>();\n\n /**\n * Current checked state of the switch. Two-way bindable via `[(checked)]`.\n * @default false\n */\n checked = model(false);\n\n /**\n * Whether the switch is disabled.\n * @default false\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /** Internal writable disabled state — written by the `disabled` input effect and `setDisabledState`. */\n protected readonly internalDisabled = signal(false);\n\n constructor() {\n effect(() => this.internalDisabled.set(this.disabled()));\n }\n\n /** Toggles the current state if not disabled. */\n toggle(): void {\n if (!this.internalDisabled()) {\n const newValue = !this.checked();\n this.checked.set(newValue);\n this._onChange(newValue);\n this._onTouched();\n }\n }\n\n /** Handles focus out — notifies the form control of touch. */\n onFocusOut(): void {\n this._onTouched();\n }\n\n // ControlValueAccessor\n writeValue(value: boolean): void {\n this.checked.set(!!value);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this._onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.internalDisabled.set(isDisabled);\n }\n\n private _onChange: (value: boolean) => void = () => {/* noop */};\n private _onTouched: () => void = () => {/* noop */};\n}\n","<span class=\"eds-switch__track\">\n <span class=\"eds-switch__handle\">\n @if (iconOn() && iconOff()) {\n @if (checked()) {\n <eds-icon [icon]=\"iconOn()!\" size=\"2xs\"/>\n } @else {\n <eds-icon [icon]=\"iconOff()!\" size=\"2xs\"/>\n }\n }\n </span>\n</span>\n","import { EdsSwitch } from './eds-switch';\n\nexport { EdsSwitch };\n\n/** Convenience array for importing all eds-switch components. */\nexport const EDS_SWITCH = [\n EdsSwitch,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { EdsIconStateColor } from '@eui/eds/eds-icon-state';
|
|
2
3
|
|
|
3
4
|
/** Local narrowed color union — the progress-bar variant contract (String-Props model). */
|
|
4
|
-
type EdsProgressBarColor = '
|
|
5
|
+
type EdsProgressBarColor = 'primary' | 'success' | 'warning' | 'critical';
|
|
5
6
|
/** Local narrowed size union — the progress-bar variant contract (String-Props model). */
|
|
6
|
-
type EdsProgressBarSize = '
|
|
7
|
+
type EdsProgressBarSize = 'm' | 'l';
|
|
7
8
|
/**
|
|
8
9
|
* Horizontal progress indicator component that visualizes task completion or loading states.
|
|
9
10
|
* Supports determinate progress with percentage values and indeterminate loading animations.
|
|
10
11
|
* Provides optional labeling and status icons for contextual feedback.
|
|
11
12
|
*
|
|
12
|
-
* Semantic color variants (`
|
|
13
|
-
* string input and size variants (`
|
|
13
|
+
* Semantic color variants (`primary`, `success`, `warning`, `critical`) are set via the `color`
|
|
14
|
+
* string input and size variants (`m`, `l`) via the `size` string input, both
|
|
14
15
|
* reflected onto the host as attributes and styled with `:host([color="…"])` / `:host([size="…"])`.
|
|
15
16
|
*/
|
|
16
17
|
declare class EdsProgressBar {
|
|
@@ -48,7 +49,7 @@ declare class EdsProgressBar {
|
|
|
48
49
|
color: _angular_core.InputSignal<EdsProgressBarColor>;
|
|
49
50
|
/**
|
|
50
51
|
* Size variant, reflected as the `size` host attribute.
|
|
51
|
-
* @default '
|
|
52
|
+
* @default 'm'
|
|
52
53
|
*/
|
|
53
54
|
size: _angular_core.InputSignal<EdsProgressBarSize>;
|
|
54
55
|
/**
|
|
@@ -68,6 +69,12 @@ declare class EdsProgressBar {
|
|
|
68
69
|
* `label`, otherwise a generic `'Progress'` fallback so the progressbar always has a name.
|
|
69
70
|
*/
|
|
70
71
|
protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
|
|
72
|
+
/**
|
|
73
|
+
* Status-icon color. The icon-state contract has no `primary` variant, so `primary` (and the
|
|
74
|
+
* unset/default primary state) map to the neutral `info` status icon; the semantic colors pass
|
|
75
|
+
* through unchanged.
|
|
76
|
+
*/
|
|
77
|
+
protected readonly statusIconColor: _angular_core.Signal<EdsIconStateColor>;
|
|
71
78
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EdsProgressBar, never>;
|
|
72
79
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EdsProgressBar, "eds-progress-bar", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isIndeterminate": { "alias": "isIndeterminate"; "required": false; "isSignal": true; }; "hasStatusIcon": { "alias": "hasStatusIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
73
80
|
}
|
|
@@ -76,4 +83,5 @@ declare class EdsProgressBar {
|
|
|
76
83
|
declare const EDS_PROGRESS_BAR: readonly [typeof EdsProgressBar];
|
|
77
84
|
|
|
78
85
|
export { EDS_PROGRESS_BAR, EdsProgressBar };
|
|
86
|
+
export type { EdsProgressBarColor, EdsProgressBarSize };
|
|
79
87
|
//# sourceMappingURL=eui-eds-eds-progress-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-eds-eds-progress-bar.d.ts","sources":["../../eds-progress-bar/eds-progress-bar.ts","../../eds-progress-bar/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"eui-eds-eds-progress-bar.d.ts","sources":["../../eds-progress-bar/eds-progress-bar.ts","../../eds-progress-bar/index.ts"],"mappings":";;;AAcA;AACM,KAAM,mBAAmB;AAE/B;KACY,kBAAkB;AAE9B;;;;;;;;AAQG;AACH,cAqBa,cAAc;AACvB;;;AAGG;AACH,aAAO,aAAA,CAAA,WAAA;;AAGP,WAAK,aAAA,CAAA,WAAA;AAEL;;;;;AAKG;AACH,eAAS,aAAA,CAAA,WAAA;AAET;;;;;AAKG;AACH,eAAS,aAAA,CAAA,WAAA;AAET;;;;AAIG;AACH,cAAQ,aAAA,CAAA,wBAAA;AAER;;;AAGG;AACH,WAAK,aAAA,CAAA,WAAA,CAAA,mBAAA;AAEL;;;AAGG;AACH,UAAI,aAAA,CAAA,WAAA,CAAA,kBAAA;AAEJ;;;;AAIG;AACH,qBAAe,aAAA,CAAA,wBAAA;AAEf;;;;AAIG;AACH,mBAAa,aAAA,CAAA,wBAAA;AAEb;;;AAGG;AACH,0CAAoC,aAAA,CAAA,MAAA;AAEpC;;;;AAIG;AACH,wCAAkC,aAAA,CAAA,MAAA,CAAA,iBAAA;oDAtEzB,cAAc;sDAAd,cAAc;AA0E1B;;ACvHD;AACA,cAAa,gBAAgB,mBAAA,cAAA;;;;","names":[]}
|