@acorex/components 22.1.0-next.1 → 22.1.0-next.11
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/combo-box/README.md +5 -1
- package/fesm2022/acorex-components-accordion.mjs +2 -2
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +2 -2
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +2 -2
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-combo-box.mjs +270 -57
- package/fesm2022/acorex-components-combo-box.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +222 -101
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +21 -5
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +2 -2
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +2 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +59 -42
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-lookup.mjs +186 -67
- package/fesm2022/acorex-components-lookup.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +2 -2
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +2 -2
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +6 -7
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +2 -2
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +2 -2
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +2 -2
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/lookup/README.md +11 -0
- package/package.json +4 -7
- package/types/acorex-components-combo-box.d.ts +90 -21
- package/types/acorex-components-conversation.d.ts +81 -48
- package/types/acorex-components-loading-dialog.d.ts +12 -4
- package/types/acorex-components-lookup.d.ts +47 -10
- package/types/acorex-components-select-box.d.ts +2 -2
- package/fesm2022/acorex-components-selection-list-2.mjs +0 -168
- package/fesm2022/acorex-components-selection-list-2.mjs.map +0 -1
- package/selection-list-2/README.md +0 -3
- package/types/acorex-components-selection-list-2.d.ts +0 -52
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { TemplateRef, ElementRef } from '@angular/core';
|
|
3
|
-
import { AXEvent, AXDataSource, AXListDataSource, AXHtmlEvent,
|
|
3
|
+
import { AXEvent, AXDataSource, AXListDataSource, AXHtmlEvent, NXValueComponent, AXStyleLookType, AXValueChangedEvent, AXFocusEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
|
|
4
4
|
import { AXPopoverComponent } from '@acorex/components/popover';
|
|
5
|
+
import { AXSearchBoxComponent } from '@acorex/components/search-box';
|
|
5
6
|
import { AXTreeViewNode, AXTreeViewDataSource, AXTreeViewSelectionBehavior, AXTreeViewItemTemplateContext, AXTreeViewSelectionChangeEvent } from '@acorex/components/tree-view';
|
|
6
7
|
import { FormValueControl } from '@angular/forms/signals';
|
|
7
8
|
import { AXListNavigationDirective, AXListNavigationItemDirective } from '@acorex/cdk/list-navigation';
|
|
@@ -127,6 +128,11 @@ declare abstract class AXLookupListViewBase {
|
|
|
127
128
|
protected isSelected(item: AXLookupItem): boolean;
|
|
128
129
|
protected isDisabled(item: AXLookupItem): boolean;
|
|
129
130
|
protected handleItemClick(item: AXLookupItem | null | undefined): void;
|
|
131
|
+
/**
|
|
132
|
+
* Commit on mousedown (not click) so a searchable trigger blur cannot destroy the
|
|
133
|
+
* list before the pick is applied.
|
|
134
|
+
*/
|
|
135
|
+
protected handleItemMouseDown(event: Event, item: AXLookupItem | null | undefined): void;
|
|
130
136
|
protected handleItemKeypress(e: AXHtmlEvent<KeyboardEvent>, item: AXLookupItem | null | undefined): void;
|
|
131
137
|
protected handleListKeypress(e: AXHtmlEvent<KeyboardEvent>): void;
|
|
132
138
|
protected activateNavItem(nav: AXListNavigationDirective, item: AXListNavigationItemDirective): void;
|
|
@@ -195,7 +201,8 @@ declare class AXLookupMultiSelectTreeComponent {
|
|
|
195
201
|
* - `multi-select` — a predefined list of options for multiple item selection (chips in the trigger).
|
|
196
202
|
* - `drop-down-tree` — a predefined list rendered in a tree-like structure for single item selection.
|
|
197
203
|
* - `multi-select-tree` — a tree-like structure for multiple item selection.
|
|
198
|
-
* - `multi-column` — an `ax-data-table` grid; when searchable, the trigger input filters as you type
|
|
204
|
+
* - `multi-column` — an `ax-data-table` grid; when searchable, the trigger input filters as you type
|
|
205
|
+
* (on small screens the search field is inside the actionsheet).
|
|
199
206
|
*
|
|
200
207
|
* With `adaptivityEnabled` (default `true`), the list opens as a bottom actionsheet on small
|
|
201
208
|
* screens instead of an anchored dropdown — the same alternate presentation as `ax-select-box`.
|
|
@@ -205,8 +212,12 @@ declare class AXLookupMultiSelectTreeComponent {
|
|
|
205
212
|
*
|
|
206
213
|
* @category Components
|
|
207
214
|
*/
|
|
208
|
-
declare class AXLookupComponent extends
|
|
215
|
+
declare class AXLookupComponent extends NXValueComponent implements FormValueControl<unknown | unknown[] | null> {
|
|
209
216
|
#private;
|
|
217
|
+
/**
|
|
218
|
+
* The name of the form field, used by validation rules and `ax-form.validate(names)`.
|
|
219
|
+
*/
|
|
220
|
+
name: _angular_core.InputSignal<string>;
|
|
210
221
|
/**
|
|
211
222
|
* The lookup rendering mode. Selects which mini component renders in the popup.
|
|
212
223
|
*/
|
|
@@ -242,11 +253,13 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
242
253
|
* Whether the trigger accepts typing and filters the datasource (`true`),
|
|
243
254
|
* or is select-only with no writable input (`false`).
|
|
244
255
|
* Applies to `drop-down-list`, `multi-select`, and `multi-column`. Tree modes ignore this.
|
|
256
|
+
* On small screens with `adaptivityEnabled`, search is typed in the actionsheet instead of the trigger.
|
|
245
257
|
*/
|
|
246
258
|
searchable: _angular_core.InputSignal<boolean>;
|
|
247
259
|
/**
|
|
248
260
|
* When `true` (default), the popup list uses the alternate actionsheet presentation on small
|
|
249
|
-
* screens (`SM`).
|
|
261
|
+
* screens (`SM`). Searchable list modes then show a search field inside the sheet. When `false`,
|
|
262
|
+
* the list always opens as an anchored dropdown.
|
|
250
263
|
*/
|
|
251
264
|
adaptivityEnabled: _angular_core.InputSignal<boolean>;
|
|
252
265
|
/**
|
|
@@ -260,7 +273,8 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
260
273
|
alternate: _angular_core.InputSignal<boolean>;
|
|
261
274
|
/**
|
|
262
275
|
* Placeholder for the trigger search input when items are already selected
|
|
263
|
-
* (mainly useful in `multi-select`)
|
|
276
|
+
* (mainly useful in `multi-select`), and for the in-sheet search field on small screens.
|
|
277
|
+
* Falls back to `placeholder` when the selection is empty on desktop.
|
|
264
278
|
*/
|
|
265
279
|
searchPlaceholder: _angular_core.InputSignal<string>;
|
|
266
280
|
/**
|
|
@@ -313,6 +327,12 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
313
327
|
* via {@link FormValueControl}.
|
|
314
328
|
*/
|
|
315
329
|
readonly value: _angular_core.ModelSignal<unknown>;
|
|
330
|
+
/**
|
|
331
|
+
* Full items that resolve the current `value` key(s) without calling datasource `byKey`.
|
|
332
|
+
* Use when the parent already has the selected entity (e.g. edit forms). Seeds the internal
|
|
333
|
+
* item cache; missing keys still fall through to `find` / `byKey`.
|
|
334
|
+
*/
|
|
335
|
+
valueItems: _angular_core.InputSignal<AXLookupItem[]>;
|
|
316
336
|
/**
|
|
317
337
|
* Emitted when the selected value changes.
|
|
318
338
|
*/
|
|
@@ -353,8 +373,14 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
353
373
|
protected isMultiple: _angular_core.Signal<boolean>;
|
|
354
374
|
/** Whether the current mode renders a tree. */
|
|
355
375
|
protected isTreeMode: _angular_core.Signal<boolean>;
|
|
356
|
-
/** Whether the
|
|
376
|
+
/** Whether the current mode can filter a flat list as you type. */
|
|
377
|
+
protected isListSearchMode: _angular_core.Signal<boolean>;
|
|
378
|
+
/** Whether the trigger input is writable and filters as you type (desktop only). */
|
|
357
379
|
protected isEditableTrigger: _angular_core.Signal<boolean>;
|
|
380
|
+
/** Whether search is typed in the actionsheet instead of the trigger. */
|
|
381
|
+
protected isSheetSearchEnabled: _angular_core.Signal<boolean>;
|
|
382
|
+
/** Query typed in the actionsheet search field (independent of the trigger display text). */
|
|
383
|
+
protected sheetSearchText: _angular_core.WritableSignal<string>;
|
|
358
384
|
/** The datasource for list-based modes; plain arrays are converted. */
|
|
359
385
|
protected resolvedDataSource: _angular_core.Signal<AXDataSource<AXLookupItem>>;
|
|
360
386
|
/** The current selection normalized to an array. */
|
|
@@ -374,9 +400,12 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
374
400
|
* the selected display text (same pattern as combo-box).
|
|
375
401
|
*/
|
|
376
402
|
protected showSelectedTemplate: _angular_core.Signal<boolean>;
|
|
403
|
+
/** Placeholder for the editable trigger search input. */
|
|
404
|
+
protected triggerSearchPlaceholder: _angular_core.Signal<string>;
|
|
377
405
|
protected popoverRef: _angular_core.Signal<AXPopoverComponent>;
|
|
378
406
|
protected triggerSearchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
|
|
379
407
|
protected listView: _angular_core.Signal<AXLookupListViewBase>;
|
|
408
|
+
protected sheetSearchRef: _angular_core.Signal<AXSearchBoxComponent>;
|
|
380
409
|
constructor();
|
|
381
410
|
/** Returns the display text of an item using the `textField` mapping. */
|
|
382
411
|
protected getItemText(item: AXLookupItem): string;
|
|
@@ -397,7 +426,7 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
397
426
|
/** Blocks typing when the trigger is not editable (keeps Tab / keyboard open working). */
|
|
398
427
|
protected onBeforeInput(event: Event): void;
|
|
399
428
|
/**
|
|
400
|
-
* Returns focus to the
|
|
429
|
+
* Returns focus to the search field when list navigation requests it.
|
|
401
430
|
*/
|
|
402
431
|
protected onListNavigateOut(_reason: 'up' | 'typeahead'): void;
|
|
403
432
|
protected focusListFirst(): void;
|
|
@@ -422,8 +451,8 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
422
451
|
* Handles typing in the editable trigger input.
|
|
423
452
|
*/
|
|
424
453
|
protected onTriggerSearchInput(text: string): void;
|
|
425
|
-
/**
|
|
426
|
-
protected
|
|
454
|
+
/** Filters the datasource from the actionsheet search field (reads the input so delayed ngModel cannot block typing). */
|
|
455
|
+
protected onSheetSearchInput(): void;
|
|
427
456
|
/**
|
|
428
457
|
* Commits a single pick (drop-down-list, drop-down-tree, multi-column) and closes the popup.
|
|
429
458
|
*/
|
|
@@ -445,6 +474,13 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
445
474
|
* Removes a single chip from the multi selection.
|
|
446
475
|
*/
|
|
447
476
|
protected removeChip(event: Event, item: AXLookupItem): void;
|
|
477
|
+
/**
|
|
478
|
+
* Seeds the item cache with known items so matching `value` keys resolve without `byKey`.
|
|
479
|
+
* Useful after an async parent-entity load when `valueItems` is not bound.
|
|
480
|
+
*
|
|
481
|
+
* @param items - Full items that include `valueField` (and ideally `textField`) properties.
|
|
482
|
+
*/
|
|
483
|
+
seedItems(items: AXLookupItem[]): void;
|
|
448
484
|
/**
|
|
449
485
|
* Clears the whole selection.
|
|
450
486
|
* Sets `null` in single modes and `[]` in multi modes. Used by projected `ax-clear-button`.
|
|
@@ -453,7 +489,7 @@ declare class AXLookupComponent extends NXComponent implements FormValueControl<
|
|
|
453
489
|
*/
|
|
454
490
|
reset(isUserInteraction?: boolean): void;
|
|
455
491
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupComponent, never>;
|
|
456
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupComponent, "ax-lookup", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "treeDataSource": { "alias": "treeDataSource"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "treeSelectionBehavior": { "alias": "treeSelectionBehavior"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; "onSelectionChanged": "onSelectionChanged"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-header", "ax-footer"], true, never>;
|
|
492
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupComponent, "ax-lookup", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "treeDataSource": { "alias": "treeDataSource"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "treeSelectionBehavior": { "alias": "treeSelectionBehavior"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueItems": { "alias": "valueItems"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; "onSelectionChanged": "onSelectionChanged"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-header", "ax-footer", "ax-validation-rule"], true, never>;
|
|
457
493
|
}
|
|
458
494
|
|
|
459
495
|
/**
|
|
@@ -607,6 +643,7 @@ declare class AXLookupMultiColumnComponent {
|
|
|
607
643
|
protected resolveRowCssClass: (row: unknown) => string;
|
|
608
644
|
protected handleRowClick(event: AXDataTableRowClick): void;
|
|
609
645
|
protected handleItemClick(item: AXLookupItem | null | undefined): void;
|
|
646
|
+
protected handleItemMouseDown(event: Event, item: AXLookupItem | null | undefined): void;
|
|
610
647
|
protected isSelected(item: AXLookupItem): boolean;
|
|
611
648
|
protected isDisabled(item: AXLookupItem): boolean;
|
|
612
649
|
private getValue;
|
|
@@ -12,7 +12,7 @@ import { Observable } from 'rxjs';
|
|
|
12
12
|
import * as i1 from '@angular/common';
|
|
13
13
|
import * as i3 from '@angular/forms';
|
|
14
14
|
import * as i4 from '@acorex/components/check-box';
|
|
15
|
-
import * as i5 from '@acorex/components/
|
|
15
|
+
import * as i5 from '@acorex/components/tag';
|
|
16
16
|
import * as i6 from '@acorex/components/decorators';
|
|
17
17
|
import * as i7 from '@acorex/core/translation';
|
|
18
18
|
import * as i8 from '@acorex/components/popover';
|
|
@@ -197,7 +197,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
|
|
|
197
197
|
*/
|
|
198
198
|
declare class AXSelectBoxModule {
|
|
199
199
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
|
|
200
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.
|
|
200
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXTagModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXPopoverModule, typeof i9.AXLoadingModule, typeof i10.A11yModule, typeof i11.AXTextBoxModule, typeof i12.AXDropdownModule, typeof i13.AXListModule, typeof AXSelectBoxComponent], [typeof AXSelectBoxComponent]>;
|
|
201
201
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSelectBoxModule>;
|
|
202
202
|
}
|
|
203
203
|
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
|
|
2
|
-
import * as i1 from '@acorex/cdk/selection';
|
|
3
|
-
import { AXSelectionCdkModule } from '@acorex/cdk/selection';
|
|
4
|
-
import * as i3 from '@acorex/core/translation';
|
|
5
|
-
import { AXTranslationModule } from '@acorex/core/translation';
|
|
6
|
-
import * as i2 from '@angular/common';
|
|
7
|
-
import { NgTemplateOutlet, CommonModule } from '@angular/common';
|
|
8
|
-
import * as i0 from '@angular/core';
|
|
9
|
-
import { input, forwardRef, HostBinding, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
10
|
-
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
11
|
-
import { AXCheckBoxModule } from '@acorex/components/check-box';
|
|
12
|
-
import { AXFormModule } from '@acorex/components/form';
|
|
13
|
-
import { AXLabelModule } from '@acorex/components/label';
|
|
14
|
-
import { AXRadioModule } from '@acorex/components/radio';
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* The Button is a component which detects user interaction and triggers a corresponding event
|
|
18
|
-
*
|
|
19
|
-
* @category Components
|
|
20
|
-
*/
|
|
21
|
-
class AXSelectionList2Component extends MXSelectionValueComponent {
|
|
22
|
-
constructor() {
|
|
23
|
-
super(...arguments);
|
|
24
|
-
this.direction = input('horizontal', /* @ts-ignore */
|
|
25
|
-
...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
|
|
26
|
-
this.customTemplate = input(/* @ts-ignore */
|
|
27
|
-
...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : /* istanbul ignore next */ []));
|
|
28
|
-
this.look = input('solid', /* @ts-ignore */
|
|
29
|
-
...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
|
|
30
|
-
this._showControl = true;
|
|
31
|
-
this._items = [];
|
|
32
|
-
this._hintField = 'hint';
|
|
33
|
-
}
|
|
34
|
-
changeState(e) {
|
|
35
|
-
this.commitValue(e, true);
|
|
36
|
-
}
|
|
37
|
-
get showControl() {
|
|
38
|
-
return this._showControl;
|
|
39
|
-
}
|
|
40
|
-
set showControl(v) {
|
|
41
|
-
this.setOption({
|
|
42
|
-
name: 'showControl',
|
|
43
|
-
value: v,
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
get items() {
|
|
47
|
-
return this._items;
|
|
48
|
-
}
|
|
49
|
-
set items(v) {
|
|
50
|
-
this.softClearSelectionCache();
|
|
51
|
-
this.setOption({
|
|
52
|
-
name: 'items',
|
|
53
|
-
value: v,
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
get hintField() {
|
|
57
|
-
return this._hintField;
|
|
58
|
-
}
|
|
59
|
-
set hintField(v) {
|
|
60
|
-
this.setOption({
|
|
61
|
-
name: 'hintField',
|
|
62
|
-
value: v,
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
getItemByKey(key) {
|
|
66
|
-
return this.items.find((c) => c == this.value || c[this.valueField] == key);
|
|
67
|
-
}
|
|
68
|
-
get __hostClass() {
|
|
69
|
-
return [
|
|
70
|
-
`ax-look-${this.look()}`,
|
|
71
|
-
`${this.disabled ? 'ax-state-disabled' : ''}`,
|
|
72
|
-
`${this.readonly ? 'ax-state-readonly' : ''}`,
|
|
73
|
-
];
|
|
74
|
-
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSelectionList2Component, isStandalone: true, selector: "ax-selection-list2", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: false, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: false, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: false, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: "readonlyField", publicName: "readonlyField", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, showControl: { classPropertyName: "showControl", publicName: "showControl", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
|
77
|
-
{ provide: AXComponent, useExisting: AXSelectionList2Component },
|
|
78
|
-
{ provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
|
|
79
|
-
{ provide: AXValuableComponent, useExisting: AXSelectionList2Component },
|
|
80
|
-
{
|
|
81
|
-
provide: NG_VALUE_ACCESSOR,
|
|
82
|
-
useExisting: forwardRef(() => AXSelectionList2Component),
|
|
83
|
-
multi: true,
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
provide: AX_SELECTION_DATA_TOKEN,
|
|
87
|
-
useClass: MXSelectionBridgeService,
|
|
88
|
-
},
|
|
89
|
-
], usesInheritance: true, ngImport: i0, template: "<ul\n [selectedKeys]=\"value\"\n (selectedKeysChange)=\"changeState($event)\"\n class=\"ax-{{ direction() }}\"\n axSelectionGroup\n [multiple]=\"multiple\"\n [disable]=\"disabled || readonly\"\n>\n @for (item of items; let i = $index; track item.id) {\n <li\n axSelectionItem\n #a=\"axSelectionItem\"\n [key]=\"item.id\"\n [class.ax-state-selected]=\"a.isActive()\"\n [class.ax-state-disabled]=\"item.disabled\"\n [disable]=\"item.disabled\"\n >\n <label [class.ax-hide-control]=\"!showControl\">\n @if (multiple) {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-checkbox\"\n type=\"checkbox\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n } @else {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-radio\"\n type=\"radio\"\n [attr.name]=\"id\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n }\n\n @if (customTemplate()) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"customTemplate()\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n <p class=\"ax-title-text\">{{ getDisplayText(item) | translate | async }}</p>\n\n @if (item[hintField]) {\n <p class=\"ax-hint-text\">\n {{ item[hintField] | translate | async }}\n </p>\n }\n </div>\n }\n </label>\n </li>\n }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n", styles: ["@layer properties;@layer components{:is(ax-selection-list2.ax-look-divided ul.ax-vertical,ax-selection-list2.ax-look-divided ul.ax-horizontal) li:last-child label{--tw-border-style: none;border-style:none}ax-selection-list2.ax-look-divided ul.ax-vertical>li label{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:calc(var(--spacing, .25rem) * 3)}ax-selection-list2.ax-look-divided ul.ax-horizontal>li label{border-inline-end-style:var(--tw-border-style);border-inline-end-width:2px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list2.ax-look-card ul{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li label{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-darkest-surface))}@supports (color: color-mix(in lab,red,red)){:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-darkest-surface)) 25%,transparent)}}ax-selection-list2.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:calc(var(--spacing, .25rem) * 0)}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:calc(var(--spacing, .25rem) * 1)}ax-selection-list2 ul li label>div{margin-inline-start:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list2 ul li label>div .ax-hint-text{margin-top:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-selection-list2 ul li label>div .ax-hint-text{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-lightest-surface)) 75%,transparent)}}ax-selection-list2 ul li.ax-state-disabled{opacity:50%}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-selection-list2.ax-look-divided ul.ax-vertical,ax-selection-list2.ax-look-divided ul.ax-horizontal) li:last-child label{--tw-border-style: none;border-style:none}ax-selection-list2.ax-look-divided ul.ax-vertical>li label{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:calc(var(--spacing, .25rem) * 3)}ax-selection-list2.ax-look-divided ul.ax-horizontal>li label{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list2.ax-look-card ul{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li label{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-darkest-surface))}@supports (color: color-mix(in lab,red,red)){:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-darkest-surface)) 25%,transparent)}}ax-selection-list2.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:calc(var(--spacing, .25rem) * 0)}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:calc(var(--spacing, .25rem) * 1)}ax-selection-list2 ul li label>div{margin-inline-start:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list2 ul li label>div .ax-hint-text{margin-top:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-selection-list2 ul li label>div .ax-hint-text{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-lightest-surface)) 75%,transparent)}}ax-selection-list2 ul li.ax-state-disabled{opacity:50%}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXSelectionCdkModule }, { kind: "directive", type: i1.AXSelectionGroupDirective, selector: "[axSelectionGroup]", inputs: ["multiple", "disable", "selectedKeys"], outputs: ["selectedKeysChange"], exportAs: ["axSelectionGroup"] }, { kind: "directive", type: i1.AXSelectionItemDirective, selector: "[axSelectionItem]", inputs: ["key", "disable"], outputs: ["onClick", "disableChange"], exportAs: ["axSelectionItem"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
90
|
-
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Component, decorators: [{
|
|
92
|
-
type: Component,
|
|
93
|
-
args: [{ selector: 'ax-selection-list2', inputs: [
|
|
94
|
-
'id',
|
|
95
|
-
'name',
|
|
96
|
-
'disabled',
|
|
97
|
-
'readonly',
|
|
98
|
-
'tabIndex',
|
|
99
|
-
'size',
|
|
100
|
-
'value',
|
|
101
|
-
'valueField',
|
|
102
|
-
'textField',
|
|
103
|
-
'disabledField',
|
|
104
|
-
'readonlyField',
|
|
105
|
-
'multiple',
|
|
106
|
-
], outputs: ['onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, providers: [
|
|
107
|
-
{ provide: AXComponent, useExisting: AXSelectionList2Component },
|
|
108
|
-
{ provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
|
|
109
|
-
{ provide: AXValuableComponent, useExisting: AXSelectionList2Component },
|
|
110
|
-
{
|
|
111
|
-
provide: NG_VALUE_ACCESSOR,
|
|
112
|
-
useExisting: forwardRef(() => AXSelectionList2Component),
|
|
113
|
-
multi: true,
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
provide: AX_SELECTION_DATA_TOKEN,
|
|
117
|
-
useClass: MXSelectionBridgeService,
|
|
118
|
-
},
|
|
119
|
-
], imports: [NgTemplateOutlet, AXSelectionCdkModule, CommonModule, AXTranslationModule], template: "<ul\n [selectedKeys]=\"value\"\n (selectedKeysChange)=\"changeState($event)\"\n class=\"ax-{{ direction() }}\"\n axSelectionGroup\n [multiple]=\"multiple\"\n [disable]=\"disabled || readonly\"\n>\n @for (item of items; let i = $index; track item.id) {\n <li\n axSelectionItem\n #a=\"axSelectionItem\"\n [key]=\"item.id\"\n [class.ax-state-selected]=\"a.isActive()\"\n [class.ax-state-disabled]=\"item.disabled\"\n [disable]=\"item.disabled\"\n >\n <label [class.ax-hide-control]=\"!showControl\">\n @if (multiple) {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-checkbox\"\n type=\"checkbox\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n } @else {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-radio\"\n type=\"radio\"\n [attr.name]=\"id\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n }\n\n @if (customTemplate()) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"customTemplate()\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n <p class=\"ax-title-text\">{{ getDisplayText(item) | translate | async }}</p>\n\n @if (item[hintField]) {\n <p class=\"ax-hint-text\">\n {{ item[hintField] | translate | async }}\n </p>\n }\n </div>\n }\n </label>\n </li>\n }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n", styles: ["@layer properties;@layer components{:is(ax-selection-list2.ax-look-divided ul.ax-vertical,ax-selection-list2.ax-look-divided ul.ax-horizontal) li:last-child label{--tw-border-style: none;border-style:none}ax-selection-list2.ax-look-divided ul.ax-vertical>li label{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:calc(var(--spacing, .25rem) * 3)}ax-selection-list2.ax-look-divided ul.ax-horizontal>li label{border-inline-end-style:var(--tw-border-style);border-inline-end-width:2px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list2.ax-look-card ul{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li label{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-darkest-surface))}@supports (color: color-mix(in lab,red,red)){:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-darkest-surface)) 25%,transparent)}}ax-selection-list2.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:calc(var(--spacing, .25rem) * 0)}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:calc(var(--spacing, .25rem) * 1)}ax-selection-list2 ul li label>div{margin-inline-start:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list2 ul li label>div .ax-hint-text{margin-top:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-selection-list2 ul li label>div .ax-hint-text{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-lightest-surface)) 75%,transparent)}}ax-selection-list2 ul li.ax-state-disabled{opacity:50%}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-selection-list2.ax-look-divided ul.ax-vertical,ax-selection-list2.ax-look-divided ul.ax-horizontal) li:last-child label{--tw-border-style: none;border-style:none}ax-selection-list2.ax-look-divided ul.ax-vertical>li label{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:calc(var(--spacing, .25rem) * 3)}ax-selection-list2.ax-look-divided ul.ax-horizontal>li label{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list2.ax-look-card ul{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li label{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-darkest-surface))}@supports (color: color-mix(in lab,red,red)){:is(ax-selection-list2.ax-look-card ul.ax-vertical,ax-selection-list2.ax-look-card ul.ax-horizontal)>li.ax-state-selected label:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-darkest-surface)) 25%,transparent)}}ax-selection-list2.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:calc(var(--spacing, .25rem) * 0)}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:calc(var(--spacing, .25rem) * 1)}ax-selection-list2 ul li label>div{margin-inline-start:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list2 ul li label>div .ax-hint-text{margin-top:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-selection-list2 ul li label>div .ax-hint-text{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-lightest-surface)) 75%,transparent)}}ax-selection-list2 ul li.ax-state-disabled{opacity:50%}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
120
|
-
}], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], showControl: [{
|
|
121
|
-
type: Input
|
|
122
|
-
}], items: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], __hostClass: [{
|
|
125
|
-
type: HostBinding,
|
|
126
|
-
args: ['class']
|
|
127
|
-
}] } });
|
|
128
|
-
|
|
129
|
-
class AXSelectionList2Module {
|
|
130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
131
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
|
|
132
|
-
FormsModule,
|
|
133
|
-
AXCheckBoxModule,
|
|
134
|
-
AXRadioModule,
|
|
135
|
-
AXLabelModule,
|
|
136
|
-
AXFormModule,
|
|
137
|
-
AXSelectionList2Component], exports: [AXSelectionList2Component] }); }
|
|
138
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
|
|
139
|
-
FormsModule,
|
|
140
|
-
AXCheckBoxModule,
|
|
141
|
-
AXRadioModule,
|
|
142
|
-
AXLabelModule,
|
|
143
|
-
AXFormModule,
|
|
144
|
-
AXSelectionList2Component] }); }
|
|
145
|
-
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, decorators: [{
|
|
147
|
-
type: NgModule,
|
|
148
|
-
args: [{
|
|
149
|
-
imports: [
|
|
150
|
-
CommonModule,
|
|
151
|
-
FormsModule,
|
|
152
|
-
AXCheckBoxModule,
|
|
153
|
-
AXRadioModule,
|
|
154
|
-
AXLabelModule,
|
|
155
|
-
AXFormModule,
|
|
156
|
-
AXSelectionList2Component,
|
|
157
|
-
],
|
|
158
|
-
exports: [AXSelectionList2Component],
|
|
159
|
-
providers: [],
|
|
160
|
-
}]
|
|
161
|
-
}] });
|
|
162
|
-
|
|
163
|
-
/**
|
|
164
|
-
* Generated bundle index. Do not edit.
|
|
165
|
-
*/
|
|
166
|
-
|
|
167
|
-
export { AXSelectionList2Component, AXSelectionList2Module };
|
|
168
|
-
//# sourceMappingURL=acorex-components-selection-list-2.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-selection-list-2.mjs","sources":["../../../../packages/components/selection-list-2/src/lib/selection-list2.component.ts","../../../../packages/components/selection-list-2/src/lib/selection-list2.component.html","../../../../packages/components/selection-list-2/src/lib/selection-list2.module.ts","../../../../packages/components/selection-list-2/src/acorex-components-selection-list-2.ts"],"sourcesContent":["import {\n AXComponent,\n AXDirection,\n AXFocusableComponent,\n AXValuableComponent,\n AX_SELECTION_DATA_TOKEN,\n MXSelectionBridgeService,\n MXSelectionValueComponent,\n} from '@acorex/cdk/common';\nimport { AXSelectionCdkModule, AXSelectionGroupSelectedKeys } from '@acorex/cdk/selection';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, TemplateRef, ViewEncapsulation, forwardRef, input } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { AXSelectionList2Item, AXSelectionListLook } from './selection-list2.type';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-selection-list2',\n templateUrl: './selection-list2.component.html',\n styleUrls: ['./selection-list2.component.css'],\n inputs: [\n 'id',\n 'name',\n 'disabled',\n 'readonly',\n 'tabIndex',\n 'size',\n 'value',\n 'valueField',\n 'textField',\n 'disabledField',\n 'readonlyField',\n 'multiple',\n ],\n outputs: ['onValueChanged', 'onBlur', 'onFocus'],\n encapsulation: ViewEncapsulation.None,\n\n providers: [\n { provide: AXComponent, useExisting: AXSelectionList2Component },\n { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },\n { provide: AXValuableComponent, useExisting: AXSelectionList2Component },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AXSelectionList2Component),\n multi: true,\n },\n {\n provide: AX_SELECTION_DATA_TOKEN,\n useClass: MXSelectionBridgeService,\n },\n ],\n imports: [NgTemplateOutlet, AXSelectionCdkModule, CommonModule, AXTranslationModule],\n})\nexport class AXSelectionList2Component extends MXSelectionValueComponent {\n readonly direction = input<AXDirection>('horizontal');\n\n readonly customTemplate = input<TemplateRef<unknown>>();\n\n readonly look = input<AXSelectionListLook>('solid');\n\n protected changeState(e: AXSelectionGroupSelectedKeys) {\n this.commitValue(e, true);\n }\n\n private _showControl = true;\n\n @Input()\n public get showControl(): boolean {\n return this._showControl;\n }\n\n public set showControl(v: boolean) {\n this.setOption({\n name: 'showControl',\n value: v,\n });\n }\n\n private _items: AXSelectionList2Item[] = [];\n\n @Input()\n public get items(): AXSelectionList2Item[] {\n return this._items;\n }\n\n public set items(v: AXSelectionList2Item[]) {\n this.softClearSelectionCache();\n this.setOption({\n name: 'items',\n value: v,\n });\n }\n\n private _hintField = 'hint';\n\n public get hintField(): string {\n return this._hintField;\n }\n\n public set hintField(v: string) {\n this.setOption({\n name: 'hintField',\n value: v,\n });\n }\n\n getItemByKey(key: unknown): unknown {\n return this.items.find((c) => c == this.value || c[this.valueField] == key);\n }\n\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [\n `ax-look-${this.look()}`,\n `${this.disabled ? 'ax-state-disabled' : ''}`,\n `${this.readonly ? 'ax-state-readonly' : ''}`,\n ];\n }\n}\n","<ul\n [selectedKeys]=\"value\"\n (selectedKeysChange)=\"changeState($event)\"\n class=\"ax-{{ direction() }}\"\n axSelectionGroup\n [multiple]=\"multiple\"\n [disable]=\"disabled || readonly\"\n>\n @for (item of items; let i = $index; track item.id) {\n <li\n axSelectionItem\n #a=\"axSelectionItem\"\n [key]=\"item.id\"\n [class.ax-state-selected]=\"a.isActive()\"\n [class.ax-state-disabled]=\"item.disabled\"\n [disable]=\"item.disabled\"\n >\n <label [class.ax-hide-control]=\"!showControl\">\n @if (multiple) {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-checkbox\"\n type=\"checkbox\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n } @else {\n <input\n [id]=\"id + '-' + i\"\n class=\"ax-radio\"\n type=\"radio\"\n [attr.name]=\"id\"\n [checked]=\"a.isActive()\"\n [disabled]=\"disabled || item[disabledField] || readonly\"\n />\n }\n\n @if (customTemplate()) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"customTemplate()\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n <p class=\"ax-title-text\">{{ getDisplayText(item) | translate | async }}</p>\n\n @if (item[hintField]) {\n <p class=\"ax-hint-text\">\n {{ item[hintField] | translate | async }}\n </p>\n }\n </div>\n }\n </label>\n </li>\n }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSelectionList2Component } from './selection-list2.component';\n\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXRadioModule } from '@acorex/components/radio';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n AXCheckBoxModule,\n AXRadioModule,\n AXLabelModule,\n AXFormModule,\n AXSelectionList2Component,\n ],\n exports: [AXSelectionList2Component],\n providers: [],\n})\nexport class AXSelectionList2Module {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef } from '@angular/core';
|
|
3
|
-
import { MXSelectionValueComponent, AXDirection } from '@acorex/cdk/common';
|
|
4
|
-
import { AXSelectionGroupSelectedKeys } from '@acorex/cdk/selection';
|
|
5
|
-
import * as i1 from '@angular/common';
|
|
6
|
-
import * as i2 from '@angular/forms';
|
|
7
|
-
import * as i3 from '@acorex/components/check-box';
|
|
8
|
-
import * as i4 from '@acorex/components/radio';
|
|
9
|
-
import * as i5 from '@acorex/components/label';
|
|
10
|
-
import * as i6 from '@acorex/components/form';
|
|
11
|
-
|
|
12
|
-
type AXSelectionListLook = 'solid' | 'divided' | 'card';
|
|
13
|
-
type AXSelectionList2Item = {
|
|
14
|
-
id: string | number;
|
|
15
|
-
text: string;
|
|
16
|
-
hint?: string;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* The Button is a component which detects user interaction and triggers a corresponding event
|
|
22
|
-
*
|
|
23
|
-
* @category Components
|
|
24
|
-
*/
|
|
25
|
-
declare class AXSelectionList2Component extends MXSelectionValueComponent {
|
|
26
|
-
readonly direction: i0.InputSignal<AXDirection>;
|
|
27
|
-
readonly customTemplate: i0.InputSignal<TemplateRef<unknown>>;
|
|
28
|
-
readonly look: i0.InputSignal<AXSelectionListLook>;
|
|
29
|
-
protected changeState(e: AXSelectionGroupSelectedKeys): void;
|
|
30
|
-
private _showControl;
|
|
31
|
-
get showControl(): boolean;
|
|
32
|
-
set showControl(v: boolean);
|
|
33
|
-
private _items;
|
|
34
|
-
get items(): AXSelectionList2Item[];
|
|
35
|
-
set items(v: AXSelectionList2Item[]);
|
|
36
|
-
private _hintField;
|
|
37
|
-
get hintField(): string;
|
|
38
|
-
set hintField(v: string);
|
|
39
|
-
getItemByKey(key: unknown): unknown;
|
|
40
|
-
private get __hostClass();
|
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Component, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionList2Component, "ax-selection-list2", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
declare class AXSelectionList2Module {
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Module, never>;
|
|
47
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionList2Module, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXCheckBoxModule, typeof i4.AXRadioModule, typeof i5.AXLabelModule, typeof i6.AXFormModule, typeof AXSelectionList2Component], [typeof AXSelectionList2Component]>;
|
|
48
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionList2Module>;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export { AXSelectionList2Component, AXSelectionList2Module };
|
|
52
|
-
export type { AXSelectionList2Item, AXSelectionListLook };
|