@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.
Files changed (50) hide show
  1. package/combo-box/README.md +5 -1
  2. package/fesm2022/acorex-components-accordion.mjs +2 -2
  3. package/fesm2022/acorex-components-accordion.mjs.map +1 -1
  4. package/fesm2022/acorex-components-button.mjs +2 -2
  5. package/fesm2022/acorex-components-button.mjs.map +1 -1
  6. package/fesm2022/acorex-components-check-box.mjs +2 -2
  7. package/fesm2022/acorex-components-check-box.mjs.map +1 -1
  8. package/fesm2022/acorex-components-combo-box.mjs +270 -57
  9. package/fesm2022/acorex-components-combo-box.mjs.map +1 -1
  10. package/fesm2022/acorex-components-conversation.mjs +222 -101
  11. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  12. package/fesm2022/acorex-components-form.mjs +21 -5
  13. package/fesm2022/acorex-components-form.mjs.map +1 -1
  14. package/fesm2022/acorex-components-label.mjs +2 -2
  15. package/fesm2022/acorex-components-label.mjs.map +1 -1
  16. package/fesm2022/acorex-components-list.mjs +2 -2
  17. package/fesm2022/acorex-components-list.mjs.map +1 -1
  18. package/fesm2022/acorex-components-loading-dialog.mjs +59 -42
  19. package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
  20. package/fesm2022/acorex-components-lookup.mjs +186 -67
  21. package/fesm2022/acorex-components-lookup.mjs.map +1 -1
  22. package/fesm2022/acorex-components-password-box.mjs +2 -2
  23. package/fesm2022/acorex-components-password-box.mjs.map +1 -1
  24. package/fesm2022/acorex-components-radio.mjs +2 -2
  25. package/fesm2022/acorex-components-radio.mjs.map +1 -1
  26. package/fesm2022/acorex-components-range-slider.mjs +2 -2
  27. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  28. package/fesm2022/acorex-components-select-box.mjs +6 -7
  29. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  30. package/fesm2022/acorex-components-selection-list.mjs +2 -2
  31. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  32. package/fesm2022/acorex-components-switch.mjs +2 -2
  33. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  34. package/fesm2022/acorex-components-tabs.mjs +2 -2
  35. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  36. package/fesm2022/acorex-components-tag-box.mjs +2 -2
  37. package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
  38. package/fesm2022/acorex-components-text-area.mjs +2 -2
  39. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  40. package/lookup/README.md +11 -0
  41. package/package.json +4 -7
  42. package/types/acorex-components-combo-box.d.ts +90 -21
  43. package/types/acorex-components-conversation.d.ts +81 -48
  44. package/types/acorex-components-loading-dialog.d.ts +12 -4
  45. package/types/acorex-components-lookup.d.ts +47 -10
  46. package/types/acorex-components-select-box.d.ts +2 -2
  47. package/fesm2022/acorex-components-selection-list-2.mjs +0 -168
  48. package/fesm2022/acorex-components-selection-list-2.mjs.map +0 -1
  49. package/selection-list-2/README.md +0 -3
  50. 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, NXComponent, AXStyleLookType, AXValueChangedEvent, AXFocusEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
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 NXComponent implements FormValueControl<unknown | unknown[] | null> {
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`). When `false`, the list always opens as an anchored dropdown.
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`). Falls back to `placeholder` when the selection is empty.
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 trigger input is writable and filters as you type. */
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 trigger input when list navigation requests it.
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
- /** Placeholder for the editable trigger search input. */
426
- protected triggerSearchPlaceholder: _angular_core.Signal<string>;
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/badge';
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.AXBadgeModule, 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]>;
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,3 +0,0 @@
1
- # @acorex/components/selection-list-2
2
-
3
- Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.
@@ -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 };