@siemens/element-ng 47.2.0 → 47.4.0

package/fesm2022/siemens-element-ng-pills-input.mjs

@@ -0,0 +1,397 @@
+import * as i0 from '@angular/core';
+import { output, input, Component, Directive, booleanAttribute, signal, computed, viewChild, inject, ChangeDetectorRef, ElementRef, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SI_FORM_ITEM_CONTROL } from '@siemens/element-ng/form';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+import { addIcons, elementCancel, SiIconNextComponent } from '@siemens/element-ng/icon';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiInputPillComponent {
+    deletePill = output();
+    /** @defaultValue false */
+    hideClose = input(false);
+    icons = addIcons({ elementCancel });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiInputPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiInputPillComponent, isStandalone: true, selector: "si-input-pill", inputs: { hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deletePill: "deletePill" }, host: { properties: { "class.pe-4": "hideClose()" }, classAttribute: "pill pe-0" }, ngImport: i0, template: "<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span class=\"ms-2 btn btn-circle btn-xs btn-ghost\" aria-hidden=\"true\" (click)=\"deletePill.emit()\">\n    <si-icon-next [icon]=\"icons.elementCancel\" />\n  </span>\n}\n", dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiInputPillComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-input-pill', imports: [SiIconNextComponent], host: {
+                        class: 'pill pe-0',
+                        '[class.pe-4]': 'hideClose()'
+                    }, template: "<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span class=\"ms-2 btn btn-circle btn-xs btn-ghost\" aria-hidden=\"true\" (click)=\"deletePill.emit()\">\n    <si-icon-next [icon]=\"icons.elementCancel\" />\n  </span>\n}\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPillsInputValueHandlerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputValueHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiPillsInputValueHandlerDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputValueHandlerDirective, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPillsInputComponent {
+    static idCounter = 0;
+    /**
+     * The identifier of the pills-input. Will be generated if not provided.
+     *
+     * @defaultValue
+     * ```
+     * `__si-pills-input-${SiPillsInputComponent.idCounter++}`
+     * ```
+     */
+    id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);
+    /**
+     * The aria-label for the inner input where users enter new items.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`
+     * ```
+     */
+    inputElementAriaLabel = input($localize `:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`);
+    /**
+     * Whether the pills-input is disabled.
+     *
+     * @defaultValue false
+     */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });
+    /**
+     * Whether the pills-input is readonly
+     *
+     * @defaultValue false
+     */
+    readonly = input(false, { transform: booleanAttribute });
+    /** The placeholder to be shown if no value is currently present. */
+    placeholder = input();
+    /**
+     * @defaultValue
+     * ```
+     * `${this.id()}-label`
+     * ```
+     */
+    labelledby = input(`${this.id()}-label`);
+    /** @internal */
+    errormessageId = `${this.id()}-errormessage`;
+    inputValue = '';
+    onTouched = () => { };
+    onChange = () => { };
+    pills = signal([]);
+    activePillIndex = signal(undefined);
+    inputId = computed(() => `${this.id()}-input`);
+    disabled = computed(() => this.disabledInput() || this.disabledNgControl());
+    activeDescendant = computed(() => {
+        const activePillIndex = this.activePillIndex();
+        return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;
+    });
+    tabindex = computed(() => this.disabled() ? undefined : this.readonly() ? 0 : -1);
+    inputElement = viewChild('inputElement');
+    disabledNgControl = signal(false);
+    siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {
+        optional: true
+    });
+    cdRef = inject(ChangeDetectorRef);
+    elementRef = inject(ElementRef);
+    ngOnInit() {
+        this.siPillsInputValueHandlerDirective ??= {
+            handle: (value, trigger) => {
+                if (trigger !== 'input') {
+                    return {
+                        newPills: [value],
+                        newValue: ''
+                    };
+                }
+                return undefined;
+            }
+        };
+    }
+    input() {
+        this.inputValue = this.inputElement().nativeElement.value;
+        this.rebuildValue(this.inputValue, 'input');
+    }
+    click() {
+        this.inputElement()?.nativeElement.focus();
+    }
+    blur() {
+        this.rebuildValue(this.inputValue, 'blur');
+        this.activePillIndex.set(undefined);
+        this.onTouched();
+    }
+    keydownEnter(event) {
+        this.rebuildValue(this.inputValue, 'keydown.enter');
+        event.preventDefault();
+    }
+    keydownBackspace(event) {
+        const count = this.pills().length;
+        if (!this.inputValue && count) {
+            const lastChipValue = this.pills().at(-1);
+            this.remove(count - 1, false);
+            this.inputValue = lastChipValue;
+            event.preventDefault();
+        }
+    }
+    remove(index, focus = true) {
+        this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));
+        this.onTouched();
+        this.onChange(this.pills());
+        if (focus) {
+            this.inputElement().nativeElement.focus();
+        }
+    }
+    rebuildValue(value, trigger) {
+        if (value) {
+            const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);
+            if (valueParseResult) {
+                this.pills.update(pills => [...pills, ...valueParseResult.newPills]);
+                // Doesn't update when setting to empty string.
+                // Not using setTimeout to avoid flickering.
+                this.cdRef.detectChanges();
+                this.inputValue = valueParseResult.newValue;
+                this.cdRef.detectChanges();
+                if (valueParseResult.newPills.length) {
+                    this.onTouched();
+                    this.onChange(this.pills());
+                }
+            }
+        }
+    }
+    arrowLeft() {
+        const activePillIndex = this.activePillIndex();
+        const count = this.pills().length;
+        if (activePillIndex !== undefined) {
+            this.activePillIndex.set(Math.max(0, activePillIndex - 1));
+        }
+        else if (!this.inputValue.length && count) {
+            this.elementRef.nativeElement.focus();
+            this.activePillIndex.set(count - 1);
+        }
+    }
+    arrowRight() {
+        const activePillIndex = this.activePillIndex();
+        if (activePillIndex !== undefined) {
+            this.activePillIndex.set(activePillIndex + 1);
+            if (this.activePillIndex() >= this.pills().length) {
+                this.inputElement()?.nativeElement.focus();
+                this.activePillIndex.set(undefined);
+            }
+        }
+    }
+    delete() {
+        const activePillIndex = this.activePillIndex();
+        const count = this.pills().length;
+        if (activePillIndex !== undefined && !this.readonly()) {
+            const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;
+            this.remove(activePillIndex, targetIndex === undefined);
+            this.activePillIndex.set(targetIndex);
+        }
+    }
+    /** @internal */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /** @internal */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /** @internal */
+    setDisabledState(isDisabled) {
+        this.disabledNgControl.set(isDisabled);
+    }
+    /** @internal */
+    writeValue(value) {
+        this.pills.set(value?.slice() ?? []);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiPillsInputComponent, isStandalone: true, selector: "si-pills-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputElementAriaLabel: { classPropertyName: "inputElementAriaLabel", publicName: "inputElementAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelledby: { classPropertyName: "labelledby", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox", "aria-orientation": "horizontal" }, listeners: { "click": "click()", "keydown.arrowLeft": "arrowLeft()", "keydown.arrowRight": "arrowRight()", "keydown.backspace": "delete()", "keydown.delete": "delete()" }, properties: { "class.disabled": "disabled()", "attr.aria-disabled": "disabled()", "class.readonly": "readonly()", "attr.aria-readonly": "readonly()", "attr.tabindex": "tabindex()", "attr.aria-activedescendant": "activeDescendant()", "attr.aria-labelledby": "labelledby()", "attr.aria-describedby": "errormessageId" }, classAttribute: "form-control" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: SiPillsInputComponent,
+                multi: true
+            },
+            {
+                provide: SI_FORM_ITEM_CONTROL,
+                useExisting: SiPillsInputComponent
+            }
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"!pills().length ? placeholder() : ''\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:4px;padding-block:3px;block-size:auto!important;min-block-size:calc(1.143em + 16px)}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;padding-block:3px;margin-inline:4px;border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"], dependencies: [{ kind: "component", type: SiInputPillComponent, selector: "si-input-pill", inputs: ["hideClose"], outputs: ["deletePill"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-pills-input', imports: [SiInputPillComponent, SiTranslateModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SiPillsInputComponent,
+                            multi: true
+                        },
+                        {
+                            provide: SI_FORM_ITEM_CONTROL,
+                            useExisting: SiPillsInputComponent
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'form-control',
+                        role: 'listbox',
+                        'aria-orientation': 'horizontal',
+                        '[class.disabled]': 'disabled()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[class.readonly]': 'readonly()',
+                        '[attr.aria-readonly]': 'readonly()',
+                        // using attr so that tabindex is removed if not defined
+                        '[attr.tabindex]': 'tabindex()',
+                        '[attr.aria-activedescendant]': 'activeDescendant()',
+                        '[attr.aria-labelledby]': 'labelledby()',
+                        '[attr.aria-describedby]': 'errormessageId'
+                    }, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"!pills().length ? placeholder() : ''\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:4px;padding-block:3px;block-size:auto!important;min-block-size:calc(1.143em + 16px)}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;padding-block:3px;margin-inline:4px;border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"] }]
+        }], propDecorators: { click: [{
+                type: HostListener,
+                args: ['click']
+            }], arrowLeft: [{
+                type: HostListener,
+                args: ['keydown.arrowLeft']
+            }], arrowRight: [{
+                type: HostListener,
+                args: ['keydown.arrowRight']
+            }], delete: [{
+                type: HostListener,
+                args: ['keydown.backspace']
+            }, {
+                type: HostListener,
+                args: ['keydown.delete']
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const SEPARATOR_REGEX = /\s*[;,]\s*/g;
+class SiPillsInputPatternBase {
+    /**
+     * Regex to split the input value into segments.
+     *
+     * @defaultValue SEPARATOR_REGEX
+     */
+    separatorRegex = signal(SEPARATOR_REGEX);
+    /** Regex to validate an input string item. */
+    validationRegex;
+    /** @internal */
+    handle(value, trigger) {
+        const segments = value.split(this.separatorRegex());
+        const itemRegex = this.validationRegex?.();
+        if (segments.length) {
+            const newValue = trigger === 'input' ? segments.pop() : '';
+            if (segments.every(segment => {
+                return segment && (!itemRegex || segment.match(itemRegex));
+            })) {
+                return {
+                    newPills: segments,
+                    newValue
+                };
+            }
+        }
+        return {
+            newPills: [],
+            newValue: value
+        };
+    }
+}
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPillsInputCsvDirective extends SiPillsInputPatternBase {
+    /** @defaultValue undefined */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    validationRegex = input(undefined, { alias: 'pillsInputCsvItemRegex' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputCsvDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiPillsInputCsvDirective, isStandalone: true, selector: "[siPillsInputCsv]", inputs: { validationRegex: { classPropertyName: "validationRegex", publicName: "pillsInputCsvItemRegex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: SiPillsInputValueHandlerDirective,
+                useExisting: SiPillsInputCsvDirective
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputCsvDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPillsInputCsv]',
+                    providers: [
+                        {
+                            provide: SiPillsInputValueHandlerDirective,
+                            useExisting: SiPillsInputCsvDirective
+                        }
+                    ]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+// From Angular Email Validator
+const EMAIL_REGEX = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;
+class SiPillsInputEmailDirective extends SiPillsInputPatternBase {
+    /**
+     * @defaultValue signal(EMAIL_REGEX).asReadonly()
+     */
+    validationRegex = signal(EMAIL_REGEX).asReadonly();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputEmailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiPillsInputEmailDirective, isStandalone: true, selector: "[siPillsInputEmail]", providers: [
+            {
+                provide: SiPillsInputValueHandlerDirective,
+                useExisting: SiPillsInputEmailDirective
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputEmailDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPillsInputEmail]',
+                    providers: [
+                        {
+                            provide: SiPillsInputValueHandlerDirective,
+                            useExisting: SiPillsInputEmailDirective
+                        }
+                    ]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPillsInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputModule, imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective], exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputModule, imports: [SiPillsInputComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPillsInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],
+                    imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective, SiPillsInputModule, SiPillsInputValueHandlerDirective };
+//# sourceMappingURL=siemens-element-ng-pills-input.mjs.map

package/fesm2022/siemens-element-ng-pills-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-pills-input.mjs","sources":["../../../../projects/element-ng/pills-input/si-input-pill.component.ts","../../../../projects/element-ng/pills-input/si-input-pill.component.html","../../../../projects/element-ng/pills-input/si-pills-input-value-handler.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.html","../../../../projects/element-ng/pills-input/si-pills-input-pattern-base.ts","../../../../projects/element-ng/pills-input/si-pills-input-csv.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input-email.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input.module.ts","../../../../projects/element-ng/pills-input/index.ts","../../../../projects/element-ng/pills-input/siemens-element-ng-pills-input.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input, output } from '@angular/core';\nimport { addIcons, elementCancel, SiIconNextComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-input-pill',\n  templateUrl: './si-input-pill.component.html',\n  imports: [SiIconNextComponent],\n  host: {\n    class: 'pill pe-0',\n    '[class.pe-4]': 'hideClose()'\n  }\n})\nexport class SiInputPillComponent {\n  readonly deletePill = output<void>();\n\n  /** @defaultValue false */\n  readonly hideClose = input(false);\n\n  protected readonly icons = addIcons({ elementCancel });\n}\n","<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span class=\"ms-2 btn btn-circle btn-xs btn-ghost\" aria-hidden=\"true\" (click)=\"deletePill.emit()\">\n    <si-icon-next [icon]=\"icons.elementCancel\" />\n  </span>\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nexport interface SiPillsInputValueParseResult {\n  newValue: string;\n  newPills: string[];\n}\n\nexport type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';\n\n@Directive()\nexport abstract class SiPillsInputValueHandlerDirective {\n  /** @internal */\n  abstract handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined;\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { SiTranslateModule } from '@siemens/element-translate-ng/translate';\n\nimport { SiInputPillComponent } from './si-input-pill.component';\nimport {\n  SiPillsInputValueHandlerDirective,\n  SiPillsInputValueHandlerTrigger\n} from './si-pills-input-value-handler';\n\n@Component({\n  selector: 'si-pills-input',\n  templateUrl: './si-pills-input.component.html',\n  styleUrl: './si-pills-input.component.scss',\n  imports: [SiInputPillComponent, SiTranslateModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPillsInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPillsInputComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'form-control',\n    role: 'listbox',\n    'aria-orientation': 'horizontal',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[attr.aria-readonly]': 'readonly()',\n    // using attr so that tabindex is removed if not defined\n    '[attr.tabindex]': 'tabindex()',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.aria-describedby]': 'errormessageId'\n  }\n})\nexport class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  /**\n   * The identifier of the pills-input. Will be generated if not provided.\n   *\n   * @defaultValue\n   * ```\n   * `__si-pills-input-${SiPillsInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);\n\n  /**\n   * The aria-label for the inner input where users enter new items.\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`\n   * ```\n   */\n  readonly inputElementAriaLabel = input(\n    $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`\n  );\n\n  /**\n   * Whether the pills-input is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Whether the pills-input is readonly\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /** The placeholder to be shown if no value is currently present. */\n  readonly placeholder = input<string>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /** @internal */\n  readonly errormessageId = `${this.id()}-errormessage`;\n\n  protected inputValue = '';\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n\n  protected readonly pills = signal<string[]>([]);\n  protected readonly activePillIndex = signal<number | undefined>(undefined);\n  protected readonly inputId = computed(() => `${this.id()}-input`);\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly activeDescendant = computed(() => {\n    const activePillIndex = this.activePillIndex();\n    return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;\n  });\n\n  protected readonly tabindex = computed(() =>\n    this.disabled() ? undefined : this.readonly() ? 0 : -1\n  );\n  private readonly inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n  private readonly disabledNgControl = signal(false);\n  private siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {\n    optional: true\n  });\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.siPillsInputValueHandlerDirective ??= {\n      handle: (value, trigger) => {\n        if (trigger !== 'input') {\n          return {\n            newPills: [value],\n            newValue: ''\n          };\n        }\n        return undefined;\n      }\n    };\n  }\n\n  protected input(): void {\n    this.inputValue = this.inputElement()!.nativeElement.value;\n    this.rebuildValue(this.inputValue, 'input');\n  }\n\n  @HostListener('click')\n  protected click(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  protected blur(): void {\n    this.rebuildValue(this.inputValue, 'blur');\n    this.activePillIndex.set(undefined);\n    this.onTouched();\n  }\n\n  protected keydownEnter(event: Event): void {\n    this.rebuildValue(this.inputValue, 'keydown.enter');\n    event.preventDefault();\n  }\n\n  protected keydownBackspace(event: Event): void {\n    const count = this.pills().length;\n    if (!this.inputValue && count) {\n      const lastChipValue = this.pills().at(-1)!;\n      this.remove(count - 1, false);\n      this.inputValue = lastChipValue;\n      event.preventDefault();\n    }\n  }\n\n  protected remove(index: number, focus = true): void {\n    this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));\n    this.onTouched();\n    this.onChange(this.pills());\n    if (focus) {\n      this.inputElement()!.nativeElement.focus();\n    }\n  }\n\n  private rebuildValue(value: string, trigger: SiPillsInputValueHandlerTrigger): void {\n    if (value) {\n      const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);\n      if (valueParseResult) {\n        this.pills.update(pills => [...pills, ...valueParseResult.newPills]);\n        // Doesn't update when setting to empty string.\n        // Not using setTimeout to avoid flickering.\n        this.cdRef.detectChanges();\n        this.inputValue = valueParseResult.newValue;\n        this.cdRef.detectChanges();\n\n        if (valueParseResult.newPills.length) {\n          this.onTouched();\n          this.onChange(this.pills());\n        }\n      }\n    }\n  }\n\n  @HostListener('keydown.arrowLeft') protected arrowLeft(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(Math.max(0, activePillIndex - 1));\n    } else if (!this.inputValue.length && count) {\n      this.elementRef.nativeElement.focus();\n      this.activePillIndex.set(count - 1);\n    }\n  }\n\n  @HostListener('keydown.arrowRight') protected arrowRight(): void {\n    const activePillIndex = this.activePillIndex();\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(activePillIndex + 1);\n\n      if (this.activePillIndex()! >= this.pills().length) {\n        this.inputElement()?.nativeElement.focus();\n        this.activePillIndex.set(undefined);\n      }\n    }\n  }\n\n  @HostListener('keydown.backspace')\n  @HostListener('keydown.delete')\n  protected delete(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined && !this.readonly()) {\n      const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;\n      this.remove(activePillIndex, targetIndex === undefined);\n      this.activePillIndex.set(targetIndex);\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value?: string[] | null): void {\n    this.pills.set(value?.slice() ?? []);\n  }\n}\n","<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"!pills().length ? placeholder() : ''\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { signal, Signal } from '@angular/core';\n\nimport {\n  SiPillsInputValueHandlerTrigger,\n  SiPillsInputValueParseResult\n} from './si-pills-input-value-handler';\n\nexport const SEPARATOR_REGEX = /\\s*[;,]\\s*/g;\n\nexport abstract class SiPillsInputPatternBase {\n  /**\n   * Regex to split the input value into segments.\n   *\n   * @defaultValue SEPARATOR_REGEX\n   */\n  readonly separatorRegex = signal(SEPARATOR_REGEX);\n  /** Regex to validate an input string item. */\n  readonly validationRegex?: Signal<RegExp | undefined>;\n\n  /** @internal */\n  handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined {\n    const segments = value.split(this.separatorRegex());\n    const itemRegex = this.validationRegex?.();\n    if (segments.length) {\n      const newValue = trigger === 'input' ? segments.pop()! : '';\n      if (\n        segments.every(segment => {\n          return segment && (!itemRegex || segment.match(itemRegex));\n        })\n      ) {\n        return {\n          newPills: segments,\n          newValue\n        };\n      }\n    }\n\n    return {\n      newPills: [],\n      newValue: value\n    };\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, input } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n@Directive({\n  selector: '[siPillsInputCsv]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputCsvDirective\n    }\n  ]\n})\nexport class SiPillsInputCsvDirective extends SiPillsInputPatternBase {\n  /** @defaultValue undefined */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  override readonly validationRegex = input<RegExp>(undefined, { alias: 'pillsInputCsvItemRegex' });\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, signal } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n// From Angular Email Validator\nconst EMAIL_REGEX =\n  /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\n\n@Directive({\n  selector: '[siPillsInputEmail]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputEmailDirective\n    }\n  ]\n})\nexport class SiPillsInputEmailDirective extends SiPillsInputPatternBase {\n  /**\n   * @defaultValue signal(EMAIL_REGEX).asReadonly()\n   */\n  override readonly validationRegex = signal(EMAIL_REGEX).asReadonly();\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPillsInputCsvDirective } from './si-pills-input-csv.directive';\nimport { SiPillsInputEmailDirective } from './si-pills-input-email.directive';\nimport { SiPillsInputComponent } from './si-pills-input.component';\n\n@NgModule({\n  exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],\n  imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]\n})\nexport class SiPillsInputModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-pills-input.component';\nexport * from './si-pills-input.module';\nexport * from './si-pills-input-csv.directive';\nexport * from './si-pills-input-email.directive';\nexport * from './si-pills-input-value-handler';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}