@acorex/components 22.0.0-next.9 → 22.0.1-next.0

package/fesm2022/acorex-components-selection-list-2.mjs

@@ -1,168 +0,0 @@
-import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
-import * as i1 from '@acorex/cdk/selection';
-import { AXSelectionCdkModule } from '@acorex/cdk/selection';
-import * as i3 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import * as i2 from '@angular/common';
-import { NgTemplateOutlet, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, forwardRef, HostBinding, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import { AXFormModule } from '@acorex/components/form';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXRadioModule } from '@acorex/components/radio';
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXSelectionList2Component extends MXSelectionValueComponent {
-    constructor() {
-        super(...arguments);
-        this.direction = input('horizontal', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-        this.customTemplate = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : /* istanbul ignore next */ []));
-        this.look = input('solid', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
-        this._showControl = true;
-        this._items = [];
-        this._hintField = 'hint';
-    }
-    changeState(e) {
-        this.commitValue(e, true);
-    }
-    get showControl() {
-        return this._showControl;
-    }
-    set showControl(v) {
-        this.setOption({
-            name: 'showControl',
-            value: v,
-        });
-    }
-    get items() {
-        return this._items;
-    }
-    set items(v) {
-        this.softClearSelectionCache();
-        this.setOption({
-            name: 'items',
-            value: v,
-        });
-    }
-    get hintField() {
-        return this._hintField;
-    }
-    set hintField(v) {
-        this.setOption({
-            name: 'hintField',
-            value: v,
-        });
-    }
-    getItemByKey(key) {
-        return this.items.find((c) => c == this.value || c[this.valueField] == key);
-    }
-    get __hostClass() {
-        return [
-            `ax-look-${this.look()}`,
-            `${this.disabled ? 'ax-state-disabled' : ''}`,
-            `${this.readonly ? 'ax-state-readonly' : ''}`,
-        ];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    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: [
-            { provide: AXComponent, useExisting: AXSelectionList2Component },
-            { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
-            { provide: AXValuableComponent, useExisting: AXSelectionList2Component },
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => AXSelectionList2Component),
-                multi: true,
-            },
-            {
-                provide: AX_SELECTION_DATA_TOKEN,
-                useClass: MXSelectionBridgeService,
-            },
-        ], 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 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-selection-list2', inputs: [
-                        'id',
-                        'name',
-                        'disabled',
-                        'readonly',
-                        'tabIndex',
-                        'size',
-                        'value',
-                        'valueField',
-                        'textField',
-                        'disabledField',
-                        'readonlyField',
-                        'multiple',
-                    ], outputs: ['onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: AXComponent, useExisting: AXSelectionList2Component },
-                        { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
-                        { provide: AXValuableComponent, useExisting: AXSelectionList2Component },
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => AXSelectionList2Component),
-                            multi: true,
-                        },
-                        {
-                            provide: AX_SELECTION_DATA_TOKEN,
-                            useClass: MXSelectionBridgeService,
-                        },
-                    ], 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"] }]
-        }], 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: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class AXSelectionList2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
-            FormsModule,
-            AXCheckBoxModule,
-            AXRadioModule,
-            AXLabelModule,
-            AXFormModule,
-            AXSelectionList2Component], exports: [AXSelectionList2Component] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
-            FormsModule,
-            AXCheckBoxModule,
-            AXRadioModule,
-            AXLabelModule,
-            AXFormModule,
-            AXSelectionList2Component] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSelectionList2Module, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        AXCheckBoxModule,
-                        AXRadioModule,
-                        AXLabelModule,
-                        AXFormModule,
-                        AXSelectionList2Component,
-                    ],
-                    exports: [AXSelectionList2Component],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXSelectionList2Component, AXSelectionList2Module };
-//# sourceMappingURL=acorex-components-selection-list-2.mjs.map

package/fesm2022/acorex-components-selection-list-2.mjs.map

@@ -1 +0,0 @@
-{"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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"}

package/flow-chart/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/flow-chart
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/flow-chart`.

package/query-builder/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/quary-builder
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/quary-builder`.

package/selection-list-2/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/selection-list-2
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.

package/types/acorex-components-flow-chart.d.ts

@@ -1,187 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy } from '@angular/core';
-import { NXComponent } from '@acorex/cdk/common';
-import { Subject } from 'rxjs';
-import * as i1 from '@angular/common';
-
-interface AXFlowChart {
-    nodes: AXFlowChartNodes[];
-    edges: AXFlowChartEdges[];
-}
-interface AXFlowChartNodes {
-    id: string;
-    type: string;
-    label: string;
-    x: number;
-    y: number;
-}
-interface AXFlowChartEdges {
-    id: string;
-    source: {
-        id: string;
-        anchor: string;
-    };
-    target: {
-        id: string;
-        anchor: string;
-    };
-}
-interface HTMLElementWithDataset extends HTMLElement {
-    dataset: {
-        id?: string;
-        anchor?: string;
-        nodeId?: string;
-    };
-}
-type AXNodeClickEvent = {
-    target: HTMLElementWithDataset;
-    event: MouseEvent;
-};
-type AXLineClickEvent = {
-    target: AXFlowChartEdges;
-    event: MouseEvent;
-};
-
-declare class AXFlowChartService {
-    #private;
-    private zone;
-    private platformId;
-    private document;
-    initialFlowChartEdge: _angular_core.WritableSignal<any[]>;
-    initialFlowChartNode: _angular_core.WritableSignal<any[]>;
-    selectedNode: _angular_core.WritableSignal<AXFlowChartNodes>;
-    selectedEdge: _angular_core.WritableSignal<AXFlowChartEdges>;
-    readonly svgService: _angular_core.WritableSignal<any>;
-    readonly canvasService: _angular_core.WritableSignal<any>;
-    readonly lineClick: Subject<AXLineClickEvent>;
-    readonly lineDbClick: Subject<AXLineClickEvent>;
-    readonly nodeClick: Subject<AXNodeClickEvent>;
-    readonly nodeDbClick: Subject<AXNodeClickEvent>;
-    readonly onEdgeUpdate: Subject<AXFlowChartEdges>;
-    readonly onNodeUpdate: Subject<AXFlowChartNodes>;
-    private nodesMap;
-    private eventListeners;
-    private anchorClickBuffer;
-    private currentConnection;
-    private draggingConnection;
-    private tempLine;
-    private addEventListener;
-    private removeEventListeners;
-    private setupNodeEventListeners;
-    private setupAnchorEventListeners;
-    private addAnchors;
-    private makeDraggable;
-    private positionAnchor;
-    private getAnchorPoint;
-    private startTempLine;
-    private clearTempLine;
-    private pushAndCreateEdgeData;
-    drawEdges(edges?: AXFlowChartEdges[]): void;
-    createLine(from: {
-        x: number;
-        y: number;
-    }, to: {
-        x: number;
-        y: number;
-    }, edge: AXFlowChartEdges): SVGLineElement;
-    private finishConnection;
-    removeEdge(edge: AXFlowChartEdges): void;
-    createNode(nodes: {
-        id: string;
-        type: string;
-        label: string;
-        x: number;
-        y: number;
-    }[]): void;
-    removeNode(nodeId: string): void;
-    cleanup(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFlowChartService>;
-}
-
-declare class AXFlowChartCreatorComponent extends NXComponent {
-    service: AXFlowChartService;
-    protected selectedShape: _angular_core.WritableSignal<string>;
-    protected label: string;
-    protected selectShapeHandler(shape: 'rectangle' | 'circle' | 'diamond'): void;
-    protected createShapeHandler(): void;
-    protected printChart(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartCreatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFlowChartCreatorComponent, "ax-flow-chart-creator", never, {}, {}, never, never, true, never>;
-}
-
-declare class AXFlowChartRendererComponent extends NXComponent implements OnDestroy {
-    #private;
-    private canvas;
-    private svg;
-    private service;
-    private document;
-    private platformId;
-    readonly onLineClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
-    readonly onLineDbClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
-    readonly onNodeClick: _angular_core.OutputEmitterRef<AXNodeClickEvent>;
-    readonly onNodeDbClick: _angular_core.OutputEmitterRef<AXNodeClickEvent>;
-    readonly onEdgeUpdate: _angular_core.OutputEmitterRef<AXFlowChartEdges>;
-    readonly onNodeUpdate: _angular_core.OutputEmitterRef<AXFlowChartNodes>;
-    private setupEventListeners;
-    private initializeServices;
-    ngOnDestroy(): void;
-    private cleanup;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFlowChartRendererComponent, "ax-flow-chart-renderer", never, {}, { "onLineClick": "onLineClick"; "onLineDbClick": "onLineDbClick"; "onNodeClick": "onNodeClick"; "onNodeDbClick": "onNodeDbClick"; "onEdgeUpdate": "onEdgeUpdate"; "onNodeUpdate": "onNodeUpdate"; }, never, never, true, never>;
-}
-
-declare class AXFlowChartComponent extends NXComponent {
-    #private;
-    private flowChartService;
-    initialFlowChartNode: _angular_core.InputSignal<AXFlowChartNodes[]>;
-    initialFlowChartEdge: _angular_core.InputSignal<AXFlowChartEdges[]>;
-    selectedNode: _angular_core.Signal<AXFlowChartNodes>;
-    selectedEdge: _angular_core.Signal<AXFlowChartEdges>;
-    handleKeyboardEvent(event: KeyboardEvent): void;
-    /**
-     * Draws edges on the flow chart.
-     *
-     * @param edges Array of edges to draw.
-     * @returns void
-     */
-    drawEdges(edges: AXFlowChartEdges[]): void;
-    /**
-     * Removes a specific edge from the flow chart.
-     *
-     * @param edge The edge object to remove.
-     * @returns void
-     */
-    removeEdge(edge: AXFlowChartEdges): void;
-    /**
-     * Creates one or more nodes on the flow chart.
-     *
-     * @param nodes Array of node definitions to create.
-     * @returns void
-     */
-    createNode(nodes: {
-        id: string;
-        type: string;
-        label: string;
-        x: number;
-        y: number;
-    }[]): void;
-    /**
-     * Removes a node by its identifier.
-     *
-     * @param nodeId The unique id of the node to remove.
-     * @returns void
-     */
-    removeNode(nodeId: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFlowChartComponent, "ax-flow-chart", never, { "initialFlowChartNode": { "alias": "initialFlowChartNode"; "required": true; "isSignal": true; }; "initialFlowChartEdge": { "alias": "initialFlowChartEdge"; "required": true; "isSignal": true; }; }, {}, never, ["ax-header", "ax-flow-chart-renderer", "ax-footer"], true, never>;
-}
-
-declare class AXFlowChartModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXFlowChartModule, never, [typeof i1.CommonModule, typeof AXFlowChartRendererComponent, typeof AXFlowChartCreatorComponent, typeof AXFlowChartComponent], [typeof AXFlowChartRendererComponent, typeof AXFlowChartCreatorComponent, typeof AXFlowChartComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXFlowChartModule>;
-}
-
-export { AXFlowChartComponent, AXFlowChartCreatorComponent, AXFlowChartModule, AXFlowChartRendererComponent };
-export type { AXFlowChart, AXFlowChartEdges, AXFlowChartNodes, AXLineClickEvent, AXNodeClickEvent, HTMLElementWithDataset };

package/types/acorex-components-query-builder.d.ts

@@ -1,52 +0,0 @@
-import * as _angular_core from '@angular/core';
-import * as i1 from '@acorex/components/button-group';
-import { AXButtonGroupItemComponent } from '@acorex/components/button-group';
-import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
-import * as i3 from '@acorex/components/select-box';
-import { AXSelectBoxComponent } from '@acorex/components/select-box';
-import * as i2 from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/button';
-import * as i5 from '@acorex/components/text-box';
-import * as i6 from '@acorex/components/number-box';
-import * as i7 from '@acorex/components/datetime-box';
-import * as i8 from '@angular/common';
-
-declare class AXQueryBuilderComponent {
-    #private;
-    readonly columnData: _angular_core.InputSignal<any[]>;
-    queryData: _angular_core.ModelSignal<any[]>;
-    onValueChanged: _angular_core.OutputEmitterRef<any[]>;
-    protected selectBoxRef: _angular_core.Signal<AXSelectBoxComponent>;
-    protected selectedItem: _angular_core.WritableSignal<any>;
-    ds: AXDataSource<unknown>;
-    protected operators: {
-        string: string[];
-        boolean: string[];
-        number: string[];
-        date: string[];
-    };
-    protected conditionHandler(e: AXButtonGroupItemComponent, i: any): void;
-    protected columnDataHandler(e: AXValueChangedEvent<any>, i: any): void;
-    protected operatorDataHandler(e: any, i: any): void;
-    private recursiveFind;
-    private recursiveRemove;
-    protected addRulesHandler(i: any): void;
-    protected addGroupHandler(i: any): void;
-    protected booleanValueHandler(e: any, i: any): void;
-    protected stringValueHandler(e: any, i: any): void;
-    protected numberValueHandler(e: any, i: any): void;
-    protected dateValueHandler(e: any, i: any): void;
-    protected removeGroupHandler(i: any): void;
-    protected removeRulesHandler(i: any): void;
-    protected trackById(_: number, item: any): number;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXQueryBuilderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXQueryBuilderComponent, "ax-query-builder", never, { "columnData": { "alias": "columnData"; "required": true; "isSignal": true; }; "queryData": { "alias": "queryData"; "required": true; "isSignal": true; }; }, { "queryData": "queryDataChange"; "onValueChanged": "onValueChanged"; }, never, never, true, never>;
-}
-
-declare class AXQueryBuilderModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXQueryBuilderModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXQueryBuilderModule, never, [typeof i1.AXButtonGroupModule, typeof i2.AXDecoratorModule, typeof i3.AXSelectBoxModule, typeof i4.AXButtonModule, typeof i5.AXTextBoxModule, typeof i6.AXNumberBoxModule, typeof i7.AXDateTimeBoxModule, typeof i8.CommonModule, typeof AXQueryBuilderComponent], [typeof AXQueryBuilderComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXQueryBuilderModule>;
-}
-
-export { AXQueryBuilderComponent, AXQueryBuilderModule };

package/types/acorex-components-selection-list-2.d.ts

@@ -1,52 +0,0 @@
-import * as i0 from '@angular/core';
-import { TemplateRef } from '@angular/core';
-import { MXSelectionValueComponent, AXDirection } from '@acorex/cdk/common';
-import { AXSelectionGroupSelectedKeys } from '@acorex/cdk/selection';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
-import * as i3 from '@acorex/components/check-box';
-import * as i4 from '@acorex/components/radio';
-import * as i5 from '@acorex/components/label';
-import * as i6 from '@acorex/components/form';
-
-type AXSelectionListLook = 'solid' | 'divided' | 'card';
-type AXSelectionList2Item = {
-    id: string | number;
-    text: string;
-    hint?: string;
-    disabled?: boolean;
-};
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-declare class AXSelectionList2Component extends MXSelectionValueComponent {
-    readonly direction: i0.InputSignal<AXDirection>;
-    readonly customTemplate: i0.InputSignal<TemplateRef<unknown>>;
-    readonly look: i0.InputSignal<AXSelectionListLook>;
-    protected changeState(e: AXSelectionGroupSelectedKeys): void;
-    private _showControl;
-    get showControl(): boolean;
-    set showControl(v: boolean);
-    private _items;
-    get items(): AXSelectionList2Item[];
-    set items(v: AXSelectionList2Item[]);
-    private _hintField;
-    get hintField(): string;
-    set hintField(v: string);
-    getItemByKey(key: unknown): unknown;
-    private get __hostClass();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Component, never>;
-    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>;
-}
-
-declare class AXSelectionList2Module {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Module, never>;
-    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]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionList2Module>;
-}
-
-export { AXSelectionList2Component, AXSelectionList2Module };
-export type { AXSelectionList2Item, AXSelectionListLook };