@sdcorejs/angular 19.1.3 → 19.1.5

package/fesm2022/sdcorejs-angular-forms-tree-select.mjs

@@ -0,0 +1,210 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, viewChild, contentChild, input, computed, booleanAttribute, model, output, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdTree } from '@sdcorejs/angular/components/tree';
+import { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';
+import { ɵsdCoerceFormGroup as _sdCoerceFormGroup, sdViewedTransform, SdFormControl, ɵsdFormControlConnector as _sdFormControlConnector } from '@sdcorejs/angular/forms/models';
+import { Utilities } from '@sdcorejs/utils/fns';
+
+class SdTreeSelectNodeTemplateDirective {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTreeSelectNodeTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: SdTreeSelectNodeTemplateDirective, isStandalone: true, selector: "ng-template[sdTreeSelectNode]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTreeSelectNodeTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[sdTreeSelectNode]', standalone: true }]
+        }] });
+class SdTreeSelect {
+    #i18n = inject(I18nService);
+    trigger = viewChild('trigger');
+    modal = viewChild(SdModal);
+    treeComponent = viewChild((SdTree));
+    nodeTemplate = contentChild((SdTreeSelectNodeTemplateDirective));
+    autoIdInput = input(undefined, { alias: 'autoId' });
+    autoId = computed(() => (this.autoIdInput() ? `forms-tree-select-${this.autoIdInput()}` : undefined));
+    name = input(Utilities.generateUuid());
+    form = input(undefined, { transform: _sdCoerceFormGroup });
+    label = input();
+    placeholder = input();
+    modalTitle = input();
+    ariaLabel = input();
+    items = input([]);
+    tree = input({ loadType: 'static' });
+    valueField = input();
+    keySelector = input();
+    displayField = input();
+    displayWith = input();
+    compareWith = input(Object.is);
+    disabledNode = input();
+    multiple = input(false, { transform: booleanAttribute });
+    cascade = input('independent');
+    required = input(false, { transform: booleanAttribute });
+    clearable = input(true, { transform: booleanAttribute });
+    disabled = input(false, { transform: booleanAttribute });
+    readonly = input(false, { transform: booleanAttribute });
+    viewed = input(false, { transform: sdViewedTransform });
+    model = model(undefined);
+    sdChange = output();
+    sdLoadError = output();
+    formControl = new SdFormControl();
+    #connector = _sdFormControlConnector({
+        form: this.form,
+        name: this.name,
+        control: computed(() => this.formControl),
+        model: this.model,
+        writeModel: value => {
+            this.model.set(value);
+            this.sdChange.emit(value);
+        },
+        modelToControl: value => value,
+        controlToModel: value => value,
+        required: this.required,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        viewed: this.viewed,
+    });
+    connectorState = this.#connector.state;
+    draftKeys = signal([]);
+    modelKeys = computed(() => normalizeTreeSelectKeys(this.model(), this.multiple()));
+    effectivePlaceholder = computed(() => this.placeholder() ?? this.#i18n.t('core.form.tree-select.placeholder'));
+    effectiveModalTitle = computed(() => this.modalTitle() ?? this.#i18n.t('core.form.tree-select.modal-title'));
+    loadedEntities = computed(() => {
+        const tree = this.treeComponent();
+        if (tree)
+            return flattenNodes(tree.rootNodes()).map(node => node.data);
+        const source = this.items();
+        return Array.isArray(source) ? flattenItems(source).map(item => item.data) : [];
+    });
+    selectedEntities = computed(() => this.#entitiesForKeys(this.modelKeys()));
+    draftEntities = computed(() => this.#entitiesForKeys(this.draftKeys()));
+    displayText = computed(() => this.modelKeys()
+        .map(key => {
+        const item = this.loadedEntities().find(candidate => this.compareWith()(this.keyOf(candidate), key));
+        return item ? this.displayEntity(item) : String(key);
+    })
+        .join(', '));
+    treeOption = computed(() => ({
+        autoId: this.autoId(),
+        items: this.items(),
+        tree: this.tree(),
+        selectedItems: this.draftEntities(),
+        itemTemplate: this.nodeTemplate()?.template,
+        selector: {
+            visible: true,
+            single: !this.multiple(),
+            cascade: this.cascade(),
+            disabled: (item, selectedItems) => !!this.disabledNode()?.(item, selectedItems),
+        },
+    }));
+    open() {
+        if (this.formControl.disabled || this.readonly() || this.connectorState().isViewed)
+            return;
+        this.draftKeys.set([...this.modelKeys()]);
+        this.modal()?.open();
+    }
+    applySelection() {
+        const keys = [...this.draftKeys()];
+        const value = this.multiple() ? keys : (keys[0] ?? null);
+        this.formControl.setValue(value);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+        this.modal()?.close();
+    }
+    cancel() {
+        this.modal()?.close();
+    }
+    clear(event) {
+        event?.stopPropagation();
+        if (this.formControl.disabled || this.readonly())
+            return;
+        this.formControl.setValue(this.multiple() ? [] : null);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    onModalClosed() {
+        queueMicrotask(() => this.trigger()?.nativeElement.focus());
+    }
+    onTreeSelection(event) {
+        const loadedKeys = this.loadedEntities().map(item => this.keyOf(item));
+        const hiddenKeys = this.draftKeys().filter(key => !loadedKeys.some(value => this.compareWith()(value, key)));
+        if (!this.multiple()) {
+            this.draftKeys.set(event.selected ? [this.keyOf(event.item)] : []);
+            return;
+        }
+        const selectedLoadedKeys = event.selectedItems.map(item => this.keyOf(item));
+        this.draftKeys.set(dedupeKeys([...hiddenKeys, ...selectedLoadedKeys], this.compareWith()));
+    }
+    filter(value) {
+        this.treeComponent()?.filter(value);
+    }
+    retry() {
+        this.treeComponent()?.retry();
+    }
+    keyOf(item) {
+        const selector = this.keySelector();
+        if (selector)
+            return selector(item);
+        return readPath(item, this.valueField());
+    }
+    displayEntity(item) {
+        const selector = this.displayWith();
+        if (selector)
+            return selector(item);
+        const value = readPath(item, this.displayField());
+        return value == null ? '' : String(value);
+    }
+    #entitiesForKeys(keys) {
+        return keys
+            .map(key => this.loadedEntities().find(item => this.compareWith()(this.keyOf(item), key)))
+            .filter((item) => item !== undefined);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTreeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdTreeSelect, isStandalone: true, selector: "sd-tree-select", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, keySelector: { classPropertyName: "keySelector", publicName: "keySelector", isSignal: true, isRequired: false, transformFunction: null }, displayField: { classPropertyName: "displayField", publicName: "displayField", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, disabledNode: { classPropertyName: "disabledNode", publicName: "disabledNode", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, cascade: { classPropertyName: "cascade", publicName: "cascade", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { model: "modelChange", sdChange: "sdChange", sdLoadError: "sdLoadError" }, host: { properties: { "class.sd-viewed": "connectorState().isViewed", "attr.data-disabled": "formControl.disabled" } }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: (SdTreeSelectNodeTemplateDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: SdModal, descendants: true, isSignal: true }, { propertyName: "treeComponent", first: true, predicate: (SdTree), descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"sd-tree-select__control\">\n  @if (connectorState().isViewed) {\n    <div data-tree-select-view class=\"sd-tree-select__view\">{{ displayText() || '\u2014' }}</div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-tree-select-trigger\n      class=\"sd-tree-select__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      <span [class.sd-tree-select__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-tree-select__clear\"\n        [attr.aria-label]=\"'core.form.tree-select.clear' | translate\"\n        (click)=\"clear($event)\">\n        \u00D7\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"md\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-tree-select__body\">\n    <label class=\"sd-tree-select__search\">\n      <span class=\"visually-hidden\">{{ 'core.form.tree-select.search' | translate }}</span>\n      <input type=\"search\" [placeholder]=\"'core.form.tree-select.search' | translate\" (input)=\"filter($any($event.target).value)\" />\n    </label>\n    <sd-tree [option]=\"treeOption()\" (selectChange)=\"onTreeSelection($event)\" (loadError)=\"sdLoadError.emit($event)\" />\n  </div>\n  <button type=\"button\" sdFooterRight data-tree-select-cancel (click)=\"cancel()\">{{ 'core.form.tree-select.cancel' | translate }}</button>\n  <button type=\"button\" sdFooterRight data-tree-select-apply (click)=\"applySelection()\">\n    {{ 'core.form.tree-select.apply' | translate }}\n  </button>\n</sd-modal>\n", styles: [":host{display:block;min-width:0}.sd-tree-select__control{display:flex;align-items:center;min-width:0;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;background:#fff}.sd-tree-select__trigger,.sd-tree-select__view{flex:1 1 auto;min-width:0;min-height:40px;padding:9px 12px;border:0;background:transparent;color:var(--sd-text, #2f3136);font:inherit;text-align:start}.sd-tree-select__trigger{cursor:pointer}.sd-tree-select__trigger:focus-visible{outline:2px solid var(--sd-primary, #1677ff);outline-offset:2px}.sd-tree-select__trigger:disabled{cursor:default;opacity:.6}.sd-tree-select__placeholder{color:var(--sd-text-secondary, #667085)}.sd-tree-select__clear{flex:0 0 36px;min-height:36px;border:0;background:transparent;font:inherit;cursor:pointer}.sd-tree-select__body{display:grid;gap:12px;min-height:320px}.sd-tree-select__search input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose", "beforeClose"], outputs: ["sdClosed", "sdCloseError"] }, { kind: "component", type: SdTree, selector: "sd-tree", inputs: ["autoId", "option", "items", "tree", "selectedItems", "commands", "selectable", "selector", "itemTemplate"], outputs: ["selectedItemsChange", "selectChange", "expandChange", "collapseChange", "loadError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTreeSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-tree-select', standalone: true, imports: [TranslatePipe, SdModal, SdTree], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.sd-viewed]': 'connectorState().isViewed',
+                        '[attr.data-disabled]': 'formControl.disabled',
+                    }, template: "<div class=\"sd-tree-select__control\">\n  @if (connectorState().isViewed) {\n    <div data-tree-select-view class=\"sd-tree-select__view\">{{ displayText() || '\u2014' }}</div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-tree-select-trigger\n      class=\"sd-tree-select__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      <span [class.sd-tree-select__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-tree-select__clear\"\n        [attr.aria-label]=\"'core.form.tree-select.clear' | translate\"\n        (click)=\"clear($event)\">\n        \u00D7\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"md\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-tree-select__body\">\n    <label class=\"sd-tree-select__search\">\n      <span class=\"visually-hidden\">{{ 'core.form.tree-select.search' | translate }}</span>\n      <input type=\"search\" [placeholder]=\"'core.form.tree-select.search' | translate\" (input)=\"filter($any($event.target).value)\" />\n    </label>\n    <sd-tree [option]=\"treeOption()\" (selectChange)=\"onTreeSelection($event)\" (loadError)=\"sdLoadError.emit($event)\" />\n  </div>\n  <button type=\"button\" sdFooterRight data-tree-select-cancel (click)=\"cancel()\">{{ 'core.form.tree-select.cancel' | translate }}</button>\n  <button type=\"button\" sdFooterRight data-tree-select-apply (click)=\"applySelection()\">\n    {{ 'core.form.tree-select.apply' | translate }}\n  </button>\n</sd-modal>\n", styles: [":host{display:block;min-width:0}.sd-tree-select__control{display:flex;align-items:center;min-width:0;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;background:#fff}.sd-tree-select__trigger,.sd-tree-select__view{flex:1 1 auto;min-width:0;min-height:40px;padding:9px 12px;border:0;background:transparent;color:var(--sd-text, #2f3136);font:inherit;text-align:start}.sd-tree-select__trigger{cursor:pointer}.sd-tree-select__trigger:focus-visible{outline:2px solid var(--sd-primary, #1677ff);outline-offset:2px}.sd-tree-select__trigger:disabled{cursor:default;opacity:.6}.sd-tree-select__placeholder{color:var(--sd-text-secondary, #667085)}.sd-tree-select__clear{flex:0 0 36px;min-height:36px;border:0;background:transparent;font:inherit;cursor:pointer}.sd-tree-select__body{display:grid;gap:12px;min-height:320px}.sd-tree-select__search input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+        }] });
+function flattenNodes(nodes) {
+    return nodes.flatMap(node => [node, ...flattenNodes(node.children)]);
+}
+function flattenItems(items) {
+    return items.flatMap(item => [item, ...flattenItems(item.children ?? [])]);
+}
+function dedupeKeys(keys, compare) {
+    return keys.reduce((result, key) => {
+        if (!result.some(value => compare(value, key)))
+            result.push(key);
+        return result;
+    }, []);
+}
+function readPath(value, path) {
+    if (!path)
+        return value;
+    return path.split('.').reduce((current, segment) => {
+        if (typeof current !== 'object' || current === null)
+            return undefined;
+        return current[segment];
+    }, value);
+}
+function normalizeTreeSelectKeys(value, multiple) {
+    if (value == null)
+        return [];
+    if (Array.isArray(value))
+        return multiple ? [...value] : value.slice(0, 1);
+    return [value];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdTreeSelect, SdTreeSelectNodeTemplateDirective, normalizeTreeSelectKeys };
+//# sourceMappingURL=sdcorejs-angular-forms-tree-select.mjs.map

package/fesm2022/sdcorejs-angular-forms-tree-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-forms-tree-select.mjs","sources":["../../../projects/sdcorejs-angular/forms/tree-select/src/tree-select.component.ts","../../../projects/sdcorejs-angular/forms/tree-select/src/tree-select.component.html","../../../projects/sdcorejs-angular/forms/tree-select/sdcorejs-angular-forms-tree-select.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  booleanAttribute,\n  computed,\n  contentChild,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AbstractControl, FormGroup } from '@angular/forms';\nimport { SdModal } from '@sdcorejs/angular/components/modal';\nimport {\n  SdTree,\n  SdTreeComponentOption,\n  SdTreeDataSource,\n  SdTreeItem,\n  SdTreeItemContext,\n  SdTreeLoadErrorEvent,\n  SdTreeNode,\n  SdTreeOption,\n  SdTreeSelectionEvent,\n} from '@sdcorejs/angular/components/tree';\nimport { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';\nimport {\n  SdFormControl,\n  SdViewed,\n  SdViewedInput,\n  sdViewedTransform,\n  ɵSdFormControlParent,\n  ɵsdCoerceFormGroup,\n  ɵsdFormControlConnector,\n} from '@sdcorejs/angular/forms/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { NestedKeyOf } from '@sdcorejs/utils/models';\n\nexport type SdTreeSelectModel<TKey> = TKey | TKey[] | null | undefined;\n\nexport type SdTreeSelectTemplateContext<T> = SdTreeItemContext<T>;\n\n@Directive({ selector: 'ng-template[sdTreeSelectNode]', standalone: true })\nexport class SdTreeSelectNodeTemplateDirective<T> {\n  readonly template = inject<TemplateRef<SdTreeSelectTemplateContext<T>>>(TemplateRef);\n\n  static ngTemplateContextGuard<T>(\n    _directive: SdTreeSelectNodeTemplateDirective<T>,\n    _context: unknown\n  ): _context is SdTreeSelectTemplateContext<T> {\n    return true;\n  }\n}\n\n@Component({\n  selector: 'sd-tree-select',\n  standalone: true,\n  imports: [TranslatePipe, SdModal, SdTree],\n  templateUrl: './tree-select.component.html',\n  styleUrl: './tree-select.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.sd-viewed]': 'connectorState().isViewed',\n    '[attr.data-disabled]': 'formControl.disabled',\n  },\n})\nexport class SdTreeSelect<T = unknown, TKey = string | number> {\n  readonly #i18n = inject(I18nService);\n  readonly trigger = viewChild<ElementRef<HTMLButtonElement>>('trigger');\n  readonly modal = viewChild(SdModal);\n  readonly treeComponent = viewChild(SdTree<T>);\n  readonly nodeTemplate = contentChild(SdTreeSelectNodeTemplateDirective<T>);\n\n  readonly autoIdInput = input<string | null | undefined>(undefined, { alias: 'autoId' });\n  readonly autoId = computed(() => (this.autoIdInput() ? `forms-tree-select-${this.autoIdInput()}` : undefined));\n  readonly name = input<string>(Utilities.generateUuid());\n  readonly form = input<FormGroup | undefined, ɵSdFormControlParent>(undefined, { transform: ɵsdCoerceFormGroup });\n  readonly label = input<string | undefined>();\n  readonly placeholder = input<string | null | undefined>();\n  readonly modalTitle = input<string | null | undefined>();\n  readonly ariaLabel = input<string | undefined>();\n  readonly items = input<SdTreeDataSource<SdTreeItem<T>>>([]);\n  readonly tree = input<SdTreeOption<T>>({ loadType: 'static' });\n  readonly valueField = input<NestedKeyOf<T> | undefined>();\n  readonly keySelector = input<((item: T) => TKey) | undefined>();\n  readonly displayField = input<NestedKeyOf<T> | undefined>();\n  readonly displayWith = input<((item: T) => string) | undefined>();\n  readonly compareWith = input<(left: TKey, right: TKey) => boolean>(Object.is);\n  readonly disabledNode = input<((item: T, selectedItems: T[]) => boolean) | undefined>();\n  readonly multiple = input(false, { transform: booleanAttribute });\n  readonly cascade = input<'independent' | 'descendants'>('independent');\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly clearable = input(true, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly viewed = input<SdViewed, SdViewedInput>(false, { transform: sdViewedTransform });\n  readonly model = model<SdTreeSelectModel<TKey>>(undefined);\n  readonly sdChange = output<SdTreeSelectModel<TKey>>();\n  readonly sdLoadError = output<SdTreeLoadErrorEvent<T>>();\n\n  readonly formControl = new SdFormControl();\n  readonly #connector = ɵsdFormControlConnector<SdTreeSelectModel<TKey>, SdTreeSelectModel<TKey>>({\n    form: this.form,\n    name: this.name,\n    control: computed<AbstractControl<SdTreeSelectModel<TKey>>>(() => this.formControl),\n    model: this.model,\n    writeModel: value => {\n      this.model.set(value);\n      this.sdChange.emit(value);\n    },\n    modelToControl: value => value,\n    controlToModel: value => value,\n    required: this.required,\n    disabled: this.disabled,\n    readonly: this.readonly,\n    viewed: this.viewed,\n  });\n\n  readonly connectorState = this.#connector.state;\n  readonly draftKeys = signal<TKey[]>([]);\n  readonly modelKeys = computed(() => normalizeTreeSelectKeys(this.model(), this.multiple()));\n  readonly effectivePlaceholder = computed(() => this.placeholder() ?? this.#i18n.t('core.form.tree-select.placeholder'));\n  readonly effectiveModalTitle = computed(() => this.modalTitle() ?? this.#i18n.t('core.form.tree-select.modal-title'));\n  readonly loadedEntities = computed(() => {\n    const tree = this.treeComponent();\n    if (tree) return flattenNodes(tree.rootNodes()).map(node => node.data);\n    const source = this.items();\n    return Array.isArray(source) ? flattenItems(source).map(item => item.data) : [];\n  });\n  readonly selectedEntities = computed(() => this.#entitiesForKeys(this.modelKeys()));\n  readonly draftEntities = computed(() => this.#entitiesForKeys(this.draftKeys()));\n  readonly displayText = computed(() =>\n    this.modelKeys()\n      .map(key => {\n        const item = this.loadedEntities().find(candidate => this.compareWith()(this.keyOf(candidate), key));\n        return item ? this.displayEntity(item) : String(key);\n      })\n      .join(', ')\n  );\n\n  readonly treeOption = computed<SdTreeComponentOption<T>>(\n    () =>\n      ({\n        autoId: this.autoId(),\n        items: this.items(),\n        tree: this.tree(),\n        selectedItems: this.draftEntities(),\n        itemTemplate: this.nodeTemplate()?.template,\n        selector: {\n          visible: true,\n          single: !this.multiple(),\n          cascade: this.cascade(),\n          disabled: (item, selectedItems) => !!this.disabledNode()?.(item, selectedItems),\n        },\n      }) as SdTreeComponentOption<T>\n  );\n\n  open(): void {\n    if (this.formControl.disabled || this.readonly() || this.connectorState().isViewed) return;\n    this.draftKeys.set([...this.modelKeys()]);\n    this.modal()?.open();\n  }\n\n  applySelection(): void {\n    const keys = [...this.draftKeys()];\n    const value: SdTreeSelectModel<TKey> = this.multiple() ? keys : (keys[0] ?? null);\n    this.formControl.setValue(value);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n    this.modal()?.close();\n  }\n\n  cancel(): void {\n    this.modal()?.close();\n  }\n\n  clear(event?: Event): void {\n    event?.stopPropagation();\n    if (this.formControl.disabled || this.readonly()) return;\n    this.formControl.setValue(this.multiple() ? [] : null);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n  }\n\n  onModalClosed(): void {\n    queueMicrotask(() => this.trigger()?.nativeElement.focus());\n  }\n\n  onTreeSelection(event: SdTreeSelectionEvent<T>): void {\n    const loadedKeys = this.loadedEntities().map(item => this.keyOf(item));\n    const hiddenKeys = this.draftKeys().filter(key => !loadedKeys.some(value => this.compareWith()(value, key)));\n    if (!this.multiple()) {\n      this.draftKeys.set(event.selected ? [this.keyOf(event.item)] : []);\n      return;\n    }\n\n    const selectedLoadedKeys = event.selectedItems.map(item => this.keyOf(item));\n    this.draftKeys.set(dedupeKeys([...hiddenKeys, ...selectedLoadedKeys], this.compareWith()));\n  }\n\n  filter(value: string): void {\n    this.treeComponent()?.filter(value);\n  }\n\n  retry(): void {\n    this.treeComponent()?.retry();\n  }\n\n  keyOf(item: T): TKey {\n    const selector = this.keySelector();\n    if (selector) return selector(item);\n    return readPath(item, this.valueField() as string | undefined) as TKey;\n  }\n\n  displayEntity(item: T): string {\n    const selector = this.displayWith();\n    if (selector) return selector(item);\n    const value = readPath(item, this.displayField() as string | undefined);\n    return value == null ? '' : String(value);\n  }\n\n  #entitiesForKeys(keys: readonly TKey[]): T[] {\n    return keys\n      .map(key => this.loadedEntities().find(item => this.compareWith()(this.keyOf(item), key)))\n      .filter((item): item is T => item !== undefined);\n  }\n}\n\nfunction flattenNodes<T>(nodes: readonly SdTreeNode<T>[]): SdTreeNode<T>[] {\n  return nodes.flatMap(node => [node, ...flattenNodes(node.children)]);\n}\n\nfunction flattenItems<T>(items: readonly SdTreeItem<T>[]): SdTreeItem<T>[] {\n  return items.flatMap(item => [item, ...flattenItems(item.children ?? [])]);\n}\n\nfunction dedupeKeys<TKey>(keys: readonly TKey[], compare: (left: TKey, right: TKey) => boolean): TKey[] {\n  return keys.reduce<TKey[]>((result, key) => {\n    if (!result.some(value => compare(value, key))) result.push(key);\n    return result;\n  }, []);\n}\n\nfunction readPath(value: unknown, path: string | undefined): unknown {\n  if (!path) return value;\n  return path.split('.').reduce<unknown>((current, segment) => {\n    if (typeof current !== 'object' || current === null) return undefined;\n    return (current as Record<string, unknown>)[segment];\n  }, value);\n}\n\nexport function normalizeTreeSelectKeys<TKey>(value: SdTreeSelectModel<TKey>, multiple: boolean): TKey[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return multiple ? [...value] : value.slice(0, 1);\n  return [value as TKey];\n}\n","<div class=\"sd-tree-select__control\">\n  @if (connectorState().isViewed) {\n    <div data-tree-select-view class=\"sd-tree-select__view\">{{ displayText() || '—' }}</div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-tree-select-trigger\n      class=\"sd-tree-select__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      <span [class.sd-tree-select__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-tree-select__clear\"\n        [attr.aria-label]=\"'core.form.tree-select.clear' | translate\"\n        (click)=\"clear($event)\">\n        ×\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"md\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-tree-select__body\">\n    <label class=\"sd-tree-select__search\">\n      <span class=\"visually-hidden\">{{ 'core.form.tree-select.search' | translate }}</span>\n      <input type=\"search\" [placeholder]=\"'core.form.tree-select.search' | translate\" (input)=\"filter($any($event.target).value)\" />\n    </label>\n    <sd-tree [option]=\"treeOption()\" (selectChange)=\"onTreeSelection($event)\" (loadError)=\"sdLoadError.emit($event)\" />\n  </div>\n  <button type=\"button\" sdFooterRight data-tree-select-cancel (click)=\"cancel()\">{{ 'core.form.tree-select.cancel' | translate }}</button>\n  <button type=\"button\" sdFooterRight data-tree-select-apply (click)=\"applySelection()\">\n    {{ 'core.form.tree-select.apply' | translate }}\n  </button>\n</sd-modal>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ɵsdCoerceFormGroup","ɵsdFormControlConnector"],"mappings":";;;;;;;;MA+Ca,iCAAiC,CAAA;AACnC,IAAA,QAAQ,GAAG,MAAM,CAA8C,WAAW,CAAC;AAEpF,IAAA,OAAO,sBAAsB,CAC3B,UAAgD,EAChD,QAAiB,EAAA;AAEjB,QAAA,OAAO,IAAI;IACb;wGARW,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAD7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,+BAA+B,EAAE,UAAU,EAAE,IAAI,EAAE;;MAwB7D,YAAY,CAAA;AACd,IAAA,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;AAC3B,IAAA,OAAO,GAAG,SAAS,CAAgC,SAAS,CAAC;AAC7D,IAAA,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;AAC1B,IAAA,aAAa,GAAG,SAAS,EAAC,MAAS,EAAC;AACpC,IAAA,YAAY,GAAG,YAAY,EAAC,iCAAoC,EAAC;IAEjE,WAAW,GAAG,KAAK,CAA4B,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAC9E,MAAM,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,EAAE,CAAA,CAAE,GAAG,SAAS,CAAC,CAAC;IACrG,IAAI,GAAG,KAAK,CAAS,SAAS,CAAC,YAAY,EAAE,CAAC;IAC9C,IAAI,GAAG,KAAK,CAA8C,SAAS,EAAE,EAAE,SAAS,EAAEA,kBAAkB,EAAE,CAAC;IACvG,KAAK,GAAG,KAAK,EAAsB;IACnC,WAAW,GAAG,KAAK,EAA6B;IAChD,UAAU,GAAG,KAAK,EAA6B;IAC/C,SAAS,GAAG,KAAK,EAAsB;AACvC,IAAA,KAAK,GAAG,KAAK,CAAkC,EAAE,CAAC;IAClD,IAAI,GAAG,KAAK,CAAkB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrD,UAAU,GAAG,KAAK,EAA8B;IAChD,WAAW,GAAG,KAAK,EAAmC;IACtD,YAAY,GAAG,KAAK,EAA8B;IAClD,WAAW,GAAG,KAAK,EAAqC;AACxD,IAAA,WAAW,GAAG,KAAK,CAAuC,MAAM,CAAC,EAAE,CAAC;IACpE,YAAY,GAAG,KAAK,EAA0D;IAC9E,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACxD,IAAA,OAAO,GAAG,KAAK,CAAgC,aAAa,CAAC;IAC7D,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACxD,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACxD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACxD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACxD,MAAM,GAAG,KAAK,CAA0B,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AAChF,IAAA,KAAK,GAAG,KAAK,CAA0B,SAAS,CAAC;IACjD,QAAQ,GAAG,MAAM,EAA2B;IAC5C,WAAW,GAAG,MAAM,EAA2B;AAE/C,IAAA,WAAW,GAAG,IAAI,aAAa,EAAE;IACjC,UAAU,GAAGC,uBAAuB,CAAmD;QAC9F,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,QAAQ,CAA2C,MAAM,IAAI,CAAC,WAAW,CAAC;QACnF,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,UAAU,EAAE,KAAK,IAAG;AAClB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAC3B,CAAC;AACD,QAAA,cAAc,EAAE,KAAK,IAAI,KAAK;AAC9B,QAAA,cAAc,EAAE,KAAK,IAAI,KAAK;QAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,KAAA,CAAC;AAEO,IAAA,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK;AACtC,IAAA,SAAS,GAAG,MAAM,CAAS,EAAE,CAAC;AAC9B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClF,oBAAoB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC;IAC9G,mBAAmB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC;AAC5G,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AACtC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AACjC,QAAA,IAAI,IAAI;AAAE,YAAA,OAAO,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;AACtE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE;AAC3B,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;AACjF,IAAA,CAAC,CAAC;AACO,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAC1E,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACvE,WAAW,GAAG,QAAQ,CAAC,MAC9B,IAAI,CAAC,SAAS;SACX,GAAG,CAAC,GAAG,IAAG;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;AACpG,QAAA,OAAO,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;AACtD,IAAA,CAAC;AACA,SAAA,IAAI,CAAC,IAAI,CAAC,CACd;AAEQ,IAAA,UAAU,GAAG,QAAQ,CAC5B,OACG;AACC,QAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,QAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,QAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;AACnC,QAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,QAAQ;AAC3C,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;AACxB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC;AAChF,SAAA;AACF,KAAA,CAA6B,CACjC;IAED,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ;YAAE;AACpF,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;IACtB;IAEA,cAAc,GAAA;QACZ,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAClC,MAAM,KAAK,GAA4B,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AACjF,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;AAChC,QAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AAChC,QAAA,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;IACvB;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;IACvB;AAEA,IAAA,KAAK,CAAC,KAAa,EAAA;QACjB,KAAK,EAAE,eAAe,EAAE;QACxB,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AAClD,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACtD,QAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;IAClC;IAEA,aAAa,GAAA;AACX,QAAA,cAAc,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7D;AAEA,IAAA,eAAe,CAAC,KAA8B,EAAA;QAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACtE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AAC5G,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC;YAClE;QACF;AAEA,QAAA,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5E,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,UAAU,EAAE,GAAG,kBAAkB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5F;AAEA,IAAA,MAAM,CAAC,KAAa,EAAA;QAClB,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;IACrC;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE;IAC/B;AAEA,IAAA,KAAK,CAAC,IAAO,EAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,IAAI,QAAQ;AAAE,YAAA,OAAO,QAAQ,CAAC,IAAI,CAAC;QACnC,OAAO,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAwB,CAAS;IACxE;AAEA,IAAA,aAAa,CAAC,IAAO,EAAA;AACnB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,IAAI,QAAQ;AAAE,YAAA,OAAO,QAAQ,CAAC,IAAI,CAAC;QACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAwB,CAAC;AACvE,QAAA,OAAO,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3C;AAEA,IAAA,gBAAgB,CAAC,IAAqB,EAAA;AACpC,QAAA,OAAO;AACJ,aAAA,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACxF,MAAM,CAAC,CAAC,IAAI,KAAgB,IAAI,KAAK,SAAS,CAAC;IACpD;wGA/JW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,+uGAKc,iCAAoC,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAF9C,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,GACC,MAAS,CAAA,gEC1E9C,25DAyCA,EAAA,MAAA,EAAA,CAAA,inCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDoBY,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,kPAAE,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAS7B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,mBAAmB,EAAE,2BAA2B;AAChD,wBAAA,sBAAsB,EAAE,sBAAsB;AAC/C,qBAAA,EAAA,QAAA,EAAA,25DAAA,EAAA,MAAA,EAAA,CAAA,inCAAA,CAAA,EAAA;;AAoKH,SAAS,YAAY,CAAI,KAA+B,EAAA;IACtD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AACtE;AAEA,SAAS,YAAY,CAAI,KAA+B,EAAA;IACtD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;AAC5E;AAEA,SAAS,UAAU,CAAO,IAAqB,EAAE,OAA6C,EAAA;IAC5F,OAAO,IAAI,CAAC,MAAM,CAAS,CAAC,MAAM,EAAE,GAAG,KAAI;AACzC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAAE,YAAA,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAChE,QAAA,OAAO,MAAM;IACf,CAAC,EAAE,EAAE,CAAC;AACR;AAEA,SAAS,QAAQ,CAAC,KAAc,EAAE,IAAwB,EAAA;AACxD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;AACvB,IAAA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAU,CAAC,OAAO,EAAE,OAAO,KAAI;AAC1D,QAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI;AAAE,YAAA,OAAO,SAAS;AACrE,QAAA,OAAQ,OAAmC,CAAC,OAAO,CAAC;IACtD,CAAC,EAAE,KAAK,CAAC;AACX;AAEM,SAAU,uBAAuB,CAAO,KAA8B,EAAE,QAAiB,EAAA;IAC7F,IAAI,KAAK,IAAI,IAAI;AAAE,QAAA,OAAO,EAAE;AAC5B,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E,OAAO,CAAC,KAAa,CAAC;AACxB;;AEnQA;;AAEG;;;;"}

package/fesm2022/sdcorejs-angular-forms.mjs

@@ -3,6 +3,8 @@ export * from '@sdcorejs/angular/forms/models';
 export * from '@sdcorejs/angular/forms/label';
 import { SdInput } from '@sdcorejs/angular/forms/input';
 export * from '@sdcorejs/angular/forms/input';
+export * from '@sdcorejs/angular/forms/input-color';
+export * from '@sdcorejs/angular/forms/inline-text';
 import { SdInputNumber } from '@sdcorejs/angular/forms/input-number';
 export * from '@sdcorejs/angular/forms/input-number';
 import { SdDate } from '@sdcorejs/angular/forms/date';
@@ -10,6 +12,14 @@ export * from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/datetime';
 import { SdDateRange } from '@sdcorejs/angular/forms/date-range';
 export * from '@sdcorejs/angular/forms/date-range';
+import { SdTime } from '@sdcorejs/angular/forms/time';
+export * from '@sdcorejs/angular/forms/time';
+import { SdTimeRange } from '@sdcorejs/angular/forms/time-range';
+export * from '@sdcorejs/angular/forms/time-range';
+import { SdEntityPicker } from '@sdcorejs/angular/forms/entity-picker';
+export * from '@sdcorejs/angular/forms/entity-picker';
+import { SdTreeSelect } from '@sdcorejs/angular/forms/tree-select';
+export * from '@sdcorejs/angular/forms/tree-select';
 import { SdSelect } from '@sdcorejs/angular/forms/select';
 export * from '@sdcorejs/angular/forms/select';
 import { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';
@@ -27,16 +37,75 @@ import { NgModule } from '@angular/core';
 
 class SdFormsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, imports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea], exports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, imports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, imports: [SdInput,
+            SdInputNumber,
+            SdDate,
+            SdDateRange,
+            SdTime,
+            SdTimeRange,
+            SdEntityPicker,
+            SdTreeSelect,
+            SdSelect,
+            SdAutocomplete,
+            SdRadio,
+            SdTextarea], exports: [SdInput,
+            SdInputNumber,
+            SdDate,
+            SdDateRange,
+            SdTime,
+            SdTimeRange,
+            SdEntityPicker,
+            SdTreeSelect,
+            SdSelect,
+            SdAutocomplete,
+            SdRadio,
+            SdTextarea] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, imports: [SdInput,
+            SdInputNumber,
+            SdDate,
+            SdDateRange,
+            SdTime,
+            SdTimeRange,
+            SdEntityPicker,
+            SdTreeSelect,
+            SdSelect,
+            SdAutocomplete,
+            SdRadio,
+            SdTextarea] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdFormsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea],
+                    imports: [
+                        SdInput,
+                        SdInputNumber,
+                        SdDate,
+                        SdDateRange,
+                        SdTime,
+                        SdTimeRange,
+                        SdEntityPicker,
+                        SdTreeSelect,
+                        SdSelect,
+                        SdAutocomplete,
+                        SdRadio,
+                        SdTextarea,
+                    ],
                     declarations: [],
                     providers: [],
-                    exports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea],
+                    exports: [
+                        SdInput,
+                        SdInputNumber,
+                        SdDate,
+                        SdDateRange,
+                        SdTime,
+                        SdTimeRange,
+                        SdEntityPicker,
+                        SdTreeSelect,
+                        SdSelect,
+                        SdAutocomplete,
+                        SdRadio,
+                        SdTextarea,
+                    ],
                 }]
         }] });
 

package/fesm2022/sdcorejs-angular-forms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-forms.mjs","sources":["../../../projects/sdcorejs-angular/forms/src/forms.module.ts","../../../projects/sdcorejs-angular/forms/sdcorejs-angular-forms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SdInput } from '@sdcorejs/angular/forms/input';\nimport { SdInputNumber } from '@sdcorejs/angular/forms/input-number';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdSelect } from '@sdcorejs/angular/forms/select';\nimport { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { SdDateRange } from '@sdcorejs/angular/forms/date-range';\n\n@NgModule({\n  imports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea],\n  declarations: [],\n  providers: [],\n  exports: [SdInput, SdInputNumber, SdDate, SdDateRange, SdSelect, SdAutocomplete, SdRadio, SdTextarea],\n})\nexport class SdFormsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBa,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAAA,OAAA,EAAA,CALd,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,CAAA,EAAA,OAAA,EAAA,CAG1F,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,CAAA,EAAA,CAAA;AAEzF,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAAA,OAAA,EAAA,CALd,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,CAAA,EAAA,CAAA;;4FAKzF,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,CAAC;AACrG,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,CAAC;AACtG,iBAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"sdcorejs-angular-forms.mjs","sources":["../../../projects/sdcorejs-angular/forms/src/forms.module.ts","../../../projects/sdcorejs-angular/forms/sdcorejs-angular-forms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SdInput } from '@sdcorejs/angular/forms/input';\nimport { SdInputNumber } from '@sdcorejs/angular/forms/input-number';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdSelect } from '@sdcorejs/angular/forms/select';\nimport { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { SdDateRange } from '@sdcorejs/angular/forms/date-range';\nimport { SdTime } from '@sdcorejs/angular/forms/time';\nimport { SdTimeRange } from '@sdcorejs/angular/forms/time-range';\nimport { SdEntityPicker } from '@sdcorejs/angular/forms/entity-picker';\nimport { SdTreeSelect } from '@sdcorejs/angular/forms/tree-select';\n\n@NgModule({\n  imports: [\n    SdInput,\n    SdInputNumber,\n    SdDate,\n    SdDateRange,\n    SdTime,\n    SdTimeRange,\n    SdEntityPicker,\n    SdTreeSelect,\n    SdSelect,\n    SdAutocomplete,\n    SdRadio,\n    SdTextarea,\n  ],\n  declarations: [],\n  providers: [],\n  exports: [\n    SdInput,\n    SdInputNumber,\n    SdDate,\n    SdDateRange,\n    SdTime,\n    SdTimeRange,\n    SdEntityPicker,\n    SdTreeSelect,\n    SdSelect,\n    SdAutocomplete,\n    SdRadio,\n    SdTextarea,\n  ],\n})\nexport class SdFormsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8Ca,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YA9BtB,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;AACP,YAAA,UAAU,aAKV,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;YACP,UAAU,CAAA,EAAA,CAAA;AAGD,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YA9BtB,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;YACP,UAAU,CAAA,EAAA,CAAA;;4FAmBD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhCzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,aAAa;wBACb,MAAM;wBACN,WAAW;wBACX,MAAM;wBACN,WAAW;wBACX,cAAc;wBACd,YAAY;wBACZ,QAAQ;wBACR,cAAc;wBACd,OAAO;wBACP,UAAU;AACX,qBAAA;AACD,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,aAAa;wBACb,MAAM;wBACN,WAAW;wBACX,MAAM;wBACN,WAAW;wBACX,cAAc;wBACd,YAAY;wBACZ,QAAQ;wBACR,cAAc;wBACd,OAAO;wBACP,UAAU;AACX,qBAAA;AACF,iBAAA;;;AC7CD;;AAEG;;;;"}