@siemens/element-ng 47.2.0 → 47.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -6
- package/autocomplete/index.d.ts +8 -0
- package/autocomplete/package.json +3 -0
- package/autocomplete/si-autocomplete-listbox.directive.d.ts +31 -0
- package/autocomplete/si-autocomplete-option.directive.d.ts +31 -0
- package/autocomplete/si-autocomplete.directive.d.ts +14 -0
- package/autocomplete/si-autocomplete.model.d.ts +7 -0
- package/autocomplete/si-autocomplete.module.d.ts +9 -0
- package/badge/index.d.ts +5 -0
- package/badge/package.json +3 -0
- package/badge/si-badge.component.d.ts +17 -0
- package/content-action-bar/index.d.ts +7 -0
- package/content-action-bar/package.json +3 -0
- package/content-action-bar/si-content-action-bar-toggle.component.d.ts +6 -0
- package/content-action-bar/si-content-action-bar.component.d.ts +72 -0
- package/content-action-bar/si-content-action-bar.model.d.ts +9 -0
- package/content-action-bar/si-content-action-bar.module.d.ts +7 -0
- package/fesm2022/siemens-element-ng-application-header.mjs +2 -2
- package/fesm2022/siemens-element-ng-application-header.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-autocomplete.mjs +235 -0
- package/fesm2022/siemens-element-ng-autocomplete.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-badge.mjs +59 -0
- package/fesm2022/siemens-element-ng-badge.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-common.mjs +1 -1
- package/fesm2022/siemens-element-ng-common.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-content-action-bar.mjs +200 -0
- package/fesm2022/siemens-element-ng-content-action-bar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-form.mjs +827 -0
- package/fesm2022/siemens-element-ng-form.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-icon-status.mjs +65 -0
- package/fesm2022/siemens-element-ng-icon-status.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-icon.mjs +12 -2
- package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-language-switcher.mjs +90 -0
- package/fesm2022/siemens-element-ng-language-switcher.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-number-input.mjs +267 -0
- package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-password-strength.mjs +177 -0
- package/fesm2022/siemens-element-ng-password-strength.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-pills-input.mjs +397 -0
- package/fesm2022/siemens-element-ng-pills-input.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-popover-next.mjs +259 -0
- package/fesm2022/siemens-element-ng-popover-next.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-popover.mjs +256 -0
- package/fesm2022/siemens-element-ng-popover.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-progressbar.mjs +83 -0
- package/fesm2022/siemens-element-ng-progressbar.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-select.mjs +1166 -0
- package/fesm2022/siemens-element-ng-select.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-skip-links.mjs +117 -0
- package/fesm2022/siemens-element-ng-skip-links.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-summary-widget.mjs +77 -0
- package/fesm2022/siemens-element-ng-summary-widget.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-toast-notification.mjs +227 -0
- package/fesm2022/siemens-element-ng-toast-notification.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-translate.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-typeahead.mjs +746 -0
- package/fesm2022/siemens-element-ng-typeahead.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-wizard.mjs +465 -0
- package/fesm2022/siemens-element-ng-wizard.mjs.map +1 -0
- package/form/form-fieldset/si-form-fieldset.component.d.ts +40 -0
- package/form/index.d.ts +14 -0
- package/form/package.json +3 -0
- package/form/si-form-container/si-form-container.component.d.ts +155 -0
- package/form/si-form-item/si-form-field-native.control.d.ts +22 -0
- package/form/si-form-item/si-form-item.component.d.ts +90 -0
- package/form/si-form-item-control-input.directive.d.ts +18 -0
- package/form/si-form-item.control.d.ts +35 -0
- package/form/si-form-validation-error.model.d.ts +55 -0
- package/form/si-form-validation-error.provider.d.ts +11 -0
- package/form/si-form-validation-error.service.d.ts +42 -0
- package/form/si-form-validation-tooltip/si-form-validation-tooltip.component.d.ts +13 -0
- package/form/si-form-validation-tooltip/si-form-validation-tooltip.directive.d.ts +42 -0
- package/form/si-form.module.d.ts +25 -0
- package/icon/element-icons.d.ts +10 -0
- package/icon-status/index.d.ts +6 -0
- package/icon-status/package.json +3 -0
- package/icon-status/si-icon-status.component.d.ts +24 -0
- package/icon-status/si-icon-status.module.d.ts +7 -0
- package/language-switcher/index.d.ts +7 -0
- package/language-switcher/iso-language-value.d.ts +14 -0
- package/language-switcher/package.json +3 -0
- package/language-switcher/si-language-switcher.component.d.ts +32 -0
- package/language-switcher/si-language-switcher.module.d.ts +7 -0
- package/number-input/index.d.ts +6 -0
- package/number-input/package.json +3 -0
- package/number-input/si-number-input.component.d.ts +106 -0
- package/number-input/si-number-input.module.d.ts +7 -0
- package/package.json +75 -3
- package/password-strength/index.d.ts +7 -0
- package/password-strength/package.json +3 -0
- package/password-strength/si-password-strength.component.d.ts +25 -0
- package/password-strength/si-password-strength.directive.d.ts +54 -0
- package/password-strength/si-password-strength.module.d.ts +8 -0
- package/pills-input/index.d.ts +9 -0
- package/pills-input/package.json +3 -0
- package/pills-input/si-input-pill.component.d.ts +9 -0
- package/pills-input/si-pills-input-csv.directive.d.ts +8 -0
- package/pills-input/si-pills-input-email.directive.d.ts +10 -0
- package/pills-input/si-pills-input-pattern-base.d.ts +19 -0
- package/pills-input/si-pills-input-value-handler.d.ts +12 -0
- package/pills-input/si-pills-input.component.d.ts +87 -0
- package/pills-input/si-pills-input.module.d.ts +9 -0
- package/popover/index.d.ts +6 -0
- package/popover/package.json +3 -0
- package/popover/si-popover.component.d.ts +26 -0
- package/popover/si-popover.directive.d.ts +89 -0
- package/popover/si-popover.module.d.ts +7 -0
- package/popover-next/index.d.ts +7 -0
- package/popover-next/package.json +3 -0
- package/popover-next/si-popover-description.directive.d.ts +7 -0
- package/popover-next/si-popover-next.directive.d.ts +61 -0
- package/popover-next/si-popover-title.directive.d.ts +7 -0
- package/popover-next/si-popover.component.d.ts +27 -0
- package/progressbar/index.d.ts +6 -0
- package/progressbar/package.json +3 -0
- package/progressbar/si-progressbar.component.d.ts +43 -0
- package/progressbar/si-progressbar.module.d.ts +7 -0
- package/select/index.d.ts +18 -0
- package/select/options/si-select-complex-options.directive.d.ts +69 -0
- package/select/options/si-select-lazy-options.directive.d.ts +38 -0
- package/select/options/si-select-option.source.d.ts +49 -0
- package/select/options/si-select-options-strategy.base.d.ts +35 -0
- package/select/options/si-select-options-strategy.d.ts +37 -0
- package/select/options/si-select-simple-options.directive.d.ts +34 -0
- package/select/package.json +3 -0
- package/select/select-input/si-select-input.component.d.ts +43 -0
- package/select/select-list/si-select-list-has-filter.component.d.ts +20 -0
- package/select/select-list/si-select-list.base.d.ts +37 -0
- package/select/select-list/si-select-list.component.d.ts +15 -0
- package/select/select-option/si-select-option-row.component.d.ts +16 -0
- package/select/select-option/si-select-option.component.d.ts +9 -0
- package/select/selection/si-select-multi-value.directive.d.ts +26 -0
- package/select/selection/si-select-selection-strategy.d.ts +58 -0
- package/select/selection/si-select-single-value.directive.d.ts +26 -0
- package/select/si-select-action.directive.d.ts +12 -0
- package/select/si-select-actions.directive.d.ts +5 -0
- package/select/si-select-group-template.directive.d.ts +20 -0
- package/select/si-select-option-row-template.directive.d.ts +9 -0
- package/select/si-select-option-template.directive.d.ts +21 -0
- package/select/si-select.component.d.ts +96 -0
- package/select/si-select.module.d.ts +15 -0
- package/select/si-select.types.d.ts +65 -0
- package/skip-links/index.d.ts +5 -0
- package/skip-links/package.json +3 -0
- package/skip-links/si-skip-link-target.directive.d.ts +27 -0
- package/skip-links/si-skip-links.component.d.ts +9 -0
- package/skip-links/skip-link.service.d.ts +14 -0
- package/summary-widget/index.d.ts +5 -0
- package/summary-widget/package.json +3 -0
- package/summary-widget/si-summary-widget.component.d.ts +44 -0
- package/template-i18n.json +29 -1
- package/toast-notification/index.d.ts +6 -0
- package/toast-notification/package.json +3 -0
- package/toast-notification/si-toast-notification/si-toast-notification.component.d.ts +17 -0
- package/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.d.ts +9 -0
- package/toast-notification/si-toast-notification.service.d.ts +41 -0
- package/toast-notification/si-toast.model.d.ts +25 -0
- package/translate/si-translatable-keys.interface.d.ts +28 -0
- package/typeahead/index.d.ts +8 -0
- package/typeahead/package.json +3 -0
- package/typeahead/si-typeahead-item-template.directive.d.ts +7 -0
- package/typeahead/si-typeahead.component.d.ts +22 -0
- package/typeahead/si-typeahead.directive.d.ts +196 -0
- package/typeahead/si-typeahead.model.d.ts +60 -0
- package/typeahead/si-typeahead.module.d.ts +8 -0
- package/typeahead/si-typeahead.sorting.d.ts +10 -0
- package/wizard/index.d.ts +7 -0
- package/wizard/package.json +3 -0
- package/wizard/si-wizard-step.component.d.ts +21 -0
- package/wizard/si-wizard.component.d.ts +196 -0
- package/wizard/si-wizard.module.d.ts +8 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SiIconStatusComponent {
|
|
3
|
+
/** Icon to display. */
|
|
4
|
+
readonly icon: import("@angular/core").InputSignal<string>;
|
|
5
|
+
/** Stacked icon to display. */
|
|
6
|
+
readonly stackedIcon: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
/**
|
|
8
|
+
* Counter below the icon
|
|
9
|
+
*
|
|
10
|
+
* @defaultValue 0
|
|
11
|
+
*/
|
|
12
|
+
readonly count: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
13
|
+
/** Color of the icon */
|
|
14
|
+
readonly color: import("@angular/core").InputSignal<string | undefined>;
|
|
15
|
+
/**
|
|
16
|
+
* Whether the icon is disabled.
|
|
17
|
+
*
|
|
18
|
+
* @defaultValue false
|
|
19
|
+
*/
|
|
20
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
21
|
+
readonly isDisabledOrCountZero: import("@angular/core").Signal<boolean>;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiIconStatusComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiIconStatusComponent, "si-icon-status", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-icon-status.component";
|
|
3
|
+
export declare class SiIconStatusModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiIconStatusModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiIconStatusModule, never, [typeof i1.SiIconStatusComponent], [typeof i1.SiIconStatusComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiIconStatusModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
export interface IsoLanguageValue {
|
|
6
|
+
/**
|
|
7
|
+
* Official ISO language code, ex "en"
|
|
8
|
+
*/
|
|
9
|
+
value: string;
|
|
10
|
+
/**
|
|
11
|
+
* Language name, ex "English" or translatable string, ex "LANGUAGES.EN"
|
|
12
|
+
*/
|
|
13
|
+
name: string;
|
|
14
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { SiTranslateService } from '@siemens/element-translate-ng/translate';
|
|
2
|
+
import { IsoLanguageValue } from './iso-language-value';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SiLanguageSwitcherComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Key for translation.
|
|
7
|
+
* If the key is set to an empty string, the language of the underlying translation framework will not be switched.
|
|
8
|
+
*
|
|
9
|
+
* @defaultValue 'LANGUAGE'
|
|
10
|
+
*/
|
|
11
|
+
readonly translationKey: import("@angular/core").InputSignal<string>;
|
|
12
|
+
/**
|
|
13
|
+
* Text for aria label for the language selector. Needed for a11y
|
|
14
|
+
*
|
|
15
|
+
* @defaultValue
|
|
16
|
+
* ```
|
|
17
|
+
* $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
readonly languageSwitcherLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
|
|
21
|
+
/**
|
|
22
|
+
* List of all available languages in this application.
|
|
23
|
+
*
|
|
24
|
+
* @defaultValue null
|
|
25
|
+
*/
|
|
26
|
+
readonly availableLanguages: import("@angular/core").InputSignal<(string | IsoLanguageValue)[] | null>;
|
|
27
|
+
protected readonly translate: SiTranslateService;
|
|
28
|
+
protected readonly availableIsoLanguages: import("@angular/core").Signal<IsoLanguageValue[]>;
|
|
29
|
+
protected switchLanguage(target: EventTarget | null): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiLanguageSwitcherComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiLanguageSwitcherComponent, "si-language-switcher", never, { "translationKey": { "alias": "translationKey"; "required": false; "isSignal": true; }; "languageSwitcherLabel": { "alias": "languageSwitcherLabel"; "required": false; "isSignal": true; }; "availableLanguages": { "alias": "availableLanguages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-language-switcher.component";
|
|
3
|
+
export declare class SiLanguageSwitcherModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiLanguageSwitcherModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiLanguageSwitcherModule, never, [typeof i1.SiLanguageSwitcherComponent], [typeof i1.SiLanguageSwitcherComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiLanguageSwitcherModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
|
|
6
|
+
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator, ValidatorFn } from '@angular/forms';
|
|
7
|
+
import { SiFormItemControl } from '@siemens/element-ng/form';
|
|
8
|
+
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class SiNumberInputComponent implements OnChanges, ControlValueAccessor, Validator, SiFormItemControl {
|
|
11
|
+
private static idCounter;
|
|
12
|
+
private static formatValidator;
|
|
13
|
+
/**
|
|
14
|
+
* The min. value for HTML input
|
|
15
|
+
*
|
|
16
|
+
* @defaultValue undefined
|
|
17
|
+
*/
|
|
18
|
+
readonly minInput: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
19
|
+
/**
|
|
20
|
+
* The max. value for HTML input
|
|
21
|
+
*
|
|
22
|
+
* @defaultValue undefined
|
|
23
|
+
*/
|
|
24
|
+
readonly maxInput: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
25
|
+
/**
|
|
26
|
+
* The step size for HTML input
|
|
27
|
+
*
|
|
28
|
+
* @defaultValue 1
|
|
29
|
+
*/
|
|
30
|
+
readonly step: import("@angular/core").InputSignal<number | "any">;
|
|
31
|
+
/** The value */
|
|
32
|
+
readonly value: import("@angular/core").InputSignal<number | undefined>;
|
|
33
|
+
/** Optional unit label */
|
|
34
|
+
readonly unit: import("@angular/core").InputSignal<string | undefined>;
|
|
35
|
+
/**
|
|
36
|
+
* Show increment/decrement buttons?
|
|
37
|
+
*
|
|
38
|
+
* @defaultValue true
|
|
39
|
+
*/
|
|
40
|
+
readonly showButtons: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
41
|
+
/**
|
|
42
|
+
* The aria-label passed to the input
|
|
43
|
+
*
|
|
44
|
+
* @defaultValue undefined
|
|
45
|
+
*/
|
|
46
|
+
readonly ariaLabel: import("@angular/core").InputSignal<TranslatableString | undefined>;
|
|
47
|
+
/**
|
|
48
|
+
* ID that is set on the input, e.g. for `<label for="...">`
|
|
49
|
+
*
|
|
50
|
+
* @defaultValue
|
|
51
|
+
* ```
|
|
52
|
+
* `__si-number-input-${SiNumberInputComponent.idCounter++}`
|
|
53
|
+
* ```
|
|
54
|
+
*/
|
|
55
|
+
readonly inputId: import("@angular/core").InputSignal<string>;
|
|
56
|
+
readonly id: import("@angular/core").Signal<string>;
|
|
57
|
+
/** @defaultValue false */
|
|
58
|
+
readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
59
|
+
/** @defaultValue false */
|
|
60
|
+
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
61
|
+
/**
|
|
62
|
+
* The placeholder for input field.
|
|
63
|
+
*/
|
|
64
|
+
readonly placeholder: import("@angular/core").InputSignal<TranslatableString | undefined>;
|
|
65
|
+
readonly valueChange: import("@angular/core").OutputEmitterRef<number | undefined>;
|
|
66
|
+
readonly inputElement: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
|
|
67
|
+
/** @internal */
|
|
68
|
+
readonly errormessageId: string;
|
|
69
|
+
protected canInc: boolean;
|
|
70
|
+
protected canDec: boolean;
|
|
71
|
+
protected readonly disabled: import("@angular/core").Signal<boolean>;
|
|
72
|
+
private readonly disabledNgControl;
|
|
73
|
+
protected onTouched: () => void;
|
|
74
|
+
protected onChange: (val: any) => void;
|
|
75
|
+
protected validator: ValidatorFn | null;
|
|
76
|
+
protected onValidatorChanged: () => void;
|
|
77
|
+
protected readonly min: import("@angular/core").Signal<number | undefined>;
|
|
78
|
+
protected readonly max: import("@angular/core").Signal<number | undefined>;
|
|
79
|
+
protected readonly icons: Record<"elementMinus" | "elementPlus", string>;
|
|
80
|
+
private internalValue?;
|
|
81
|
+
private autoUpdate$;
|
|
82
|
+
private autoUpdateSubs?;
|
|
83
|
+
private changeDetectorRef;
|
|
84
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
85
|
+
/** @internal */
|
|
86
|
+
registerOnChange(fn: any): void;
|
|
87
|
+
/** @internal */
|
|
88
|
+
registerOnTouched(fn: () => void): void;
|
|
89
|
+
/** @internal */
|
|
90
|
+
setDisabledState(isDisabled: boolean): void;
|
|
91
|
+
/** @internal */
|
|
92
|
+
writeValue(value: number | undefined): void;
|
|
93
|
+
/** @internal */
|
|
94
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
95
|
+
/** @internal */
|
|
96
|
+
registerOnValidatorChange?(fn: () => void): void;
|
|
97
|
+
protected modelChanged(): void;
|
|
98
|
+
protected autoUpdateStart(event: Event, isIncrement: boolean): void;
|
|
99
|
+
protected autoUpdateStop(): void;
|
|
100
|
+
private updateStepButtons;
|
|
101
|
+
private decrement;
|
|
102
|
+
private increment;
|
|
103
|
+
private writeValueToInput;
|
|
104
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiNumberInputComponent, never>;
|
|
105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiNumberInputComponent, "si-number-input", never, { "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
106
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-number-input.component";
|
|
3
|
+
export declare class SiNumberInputModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiNumberInputModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiNumberInputModule, never, [typeof i1.SiNumberInputComponent], [typeof i1.SiNumberInputComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiNumberInputModule>;
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@siemens/element-ng",
|
|
3
3
|
"description": "Element Angular component library, implementing the Siemens Design Language",
|
|
4
|
-
"version": "47.
|
|
4
|
+
"version": "47.3.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"@angular/core": "19",
|
|
25
25
|
"@angular/forms": "19",
|
|
26
26
|
"@angular/router": "19",
|
|
27
|
-
"@siemens/element-translate-ng": "47.
|
|
28
|
-
"@siemens/element-theme": "47.
|
|
27
|
+
"@siemens/element-translate-ng": "47.3.0",
|
|
28
|
+
"@siemens/element-theme": "47.3.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependenciesMeta": {
|
|
31
31
|
"@angular/animations": {
|
|
@@ -58,10 +58,18 @@
|
|
|
58
58
|
"types": "./auto-collapsable-list/index.d.ts",
|
|
59
59
|
"default": "./fesm2022/siemens-element-ng-auto-collapsable-list.mjs"
|
|
60
60
|
},
|
|
61
|
+
"./autocomplete": {
|
|
62
|
+
"types": "./autocomplete/index.d.ts",
|
|
63
|
+
"default": "./fesm2022/siemens-element-ng-autocomplete.mjs"
|
|
64
|
+
},
|
|
61
65
|
"./avatar": {
|
|
62
66
|
"types": "./avatar/index.d.ts",
|
|
63
67
|
"default": "./fesm2022/siemens-element-ng-avatar.mjs"
|
|
64
68
|
},
|
|
69
|
+
"./badge": {
|
|
70
|
+
"types": "./badge/index.d.ts",
|
|
71
|
+
"default": "./fesm2022/siemens-element-ng-badge.mjs"
|
|
72
|
+
},
|
|
65
73
|
"./color-picker": {
|
|
66
74
|
"types": "./color-picker/index.d.ts",
|
|
67
75
|
"default": "./fesm2022/siemens-element-ng-color-picker.mjs"
|
|
@@ -74,6 +82,10 @@
|
|
|
74
82
|
"types": "./connection-strength/index.d.ts",
|
|
75
83
|
"default": "./fesm2022/siemens-element-ng-connection-strength.mjs"
|
|
76
84
|
},
|
|
85
|
+
"./content-action-bar": {
|
|
86
|
+
"types": "./content-action-bar/index.d.ts",
|
|
87
|
+
"default": "./fesm2022/siemens-element-ng-content-action-bar.mjs"
|
|
88
|
+
},
|
|
77
89
|
"./copyright-notice": {
|
|
78
90
|
"types": "./copyright-notice/index.d.ts",
|
|
79
91
|
"default": "./fesm2022/siemens-element-ng-copyright-notice.mjs"
|
|
@@ -86,6 +98,10 @@
|
|
|
86
98
|
"types": "./footer/index.d.ts",
|
|
87
99
|
"default": "./fesm2022/siemens-element-ng-footer.mjs"
|
|
88
100
|
},
|
|
101
|
+
"./form": {
|
|
102
|
+
"types": "./form/index.d.ts",
|
|
103
|
+
"default": "./fesm2022/siemens-element-ng-form.mjs"
|
|
104
|
+
},
|
|
89
105
|
"./header-dropdown": {
|
|
90
106
|
"types": "./header-dropdown/index.d.ts",
|
|
91
107
|
"default": "./fesm2022/siemens-element-ng-header-dropdown.mjs"
|
|
@@ -94,10 +110,18 @@
|
|
|
94
110
|
"types": "./icon/index.d.ts",
|
|
95
111
|
"default": "./fesm2022/siemens-element-ng-icon.mjs"
|
|
96
112
|
},
|
|
113
|
+
"./icon-status": {
|
|
114
|
+
"types": "./icon-status/index.d.ts",
|
|
115
|
+
"default": "./fesm2022/siemens-element-ng-icon-status.mjs"
|
|
116
|
+
},
|
|
97
117
|
"./inline-notification": {
|
|
98
118
|
"types": "./inline-notification/index.d.ts",
|
|
99
119
|
"default": "./fesm2022/siemens-element-ng-inline-notification.mjs"
|
|
100
120
|
},
|
|
121
|
+
"./language-switcher": {
|
|
122
|
+
"types": "./language-switcher/index.d.ts",
|
|
123
|
+
"default": "./fesm2022/siemens-element-ng-language-switcher.mjs"
|
|
124
|
+
},
|
|
101
125
|
"./link": {
|
|
102
126
|
"types": "./link/index.d.ts",
|
|
103
127
|
"default": "./fesm2022/siemens-element-ng-link.mjs"
|
|
@@ -118,26 +142,66 @@
|
|
|
118
142
|
"types": "./navbar/index.d.ts",
|
|
119
143
|
"default": "./fesm2022/siemens-element-ng-navbar.mjs"
|
|
120
144
|
},
|
|
145
|
+
"./number-input": {
|
|
146
|
+
"types": "./number-input/index.d.ts",
|
|
147
|
+
"default": "./fesm2022/siemens-element-ng-number-input.mjs"
|
|
148
|
+
},
|
|
121
149
|
"./pagination": {
|
|
122
150
|
"types": "./pagination/index.d.ts",
|
|
123
151
|
"default": "./fesm2022/siemens-element-ng-pagination.mjs"
|
|
124
152
|
},
|
|
153
|
+
"./password-strength": {
|
|
154
|
+
"types": "./password-strength/index.d.ts",
|
|
155
|
+
"default": "./fesm2022/siemens-element-ng-password-strength.mjs"
|
|
156
|
+
},
|
|
125
157
|
"./password-toggle": {
|
|
126
158
|
"types": "./password-toggle/index.d.ts",
|
|
127
159
|
"default": "./fesm2022/siemens-element-ng-password-toggle.mjs"
|
|
128
160
|
},
|
|
161
|
+
"./pills-input": {
|
|
162
|
+
"types": "./pills-input/index.d.ts",
|
|
163
|
+
"default": "./fesm2022/siemens-element-ng-pills-input.mjs"
|
|
164
|
+
},
|
|
165
|
+
"./popover": {
|
|
166
|
+
"types": "./popover/index.d.ts",
|
|
167
|
+
"default": "./fesm2022/siemens-element-ng-popover.mjs"
|
|
168
|
+
},
|
|
169
|
+
"./popover-next": {
|
|
170
|
+
"types": "./popover-next/index.d.ts",
|
|
171
|
+
"default": "./fesm2022/siemens-element-ng-popover-next.mjs"
|
|
172
|
+
},
|
|
173
|
+
"./progressbar": {
|
|
174
|
+
"types": "./progressbar/index.d.ts",
|
|
175
|
+
"default": "./fesm2022/siemens-element-ng-progressbar.mjs"
|
|
176
|
+
},
|
|
129
177
|
"./resize-observer": {
|
|
130
178
|
"types": "./resize-observer/index.d.ts",
|
|
131
179
|
"default": "./fesm2022/siemens-element-ng-resize-observer.mjs"
|
|
132
180
|
},
|
|
181
|
+
"./select": {
|
|
182
|
+
"types": "./select/index.d.ts",
|
|
183
|
+
"default": "./fesm2022/siemens-element-ng-select.mjs"
|
|
184
|
+
},
|
|
185
|
+
"./skip-links": {
|
|
186
|
+
"types": "./skip-links/index.d.ts",
|
|
187
|
+
"default": "./fesm2022/siemens-element-ng-skip-links.mjs"
|
|
188
|
+
},
|
|
133
189
|
"./summary-chip": {
|
|
134
190
|
"types": "./summary-chip/index.d.ts",
|
|
135
191
|
"default": "./fesm2022/siemens-element-ng-summary-chip.mjs"
|
|
136
192
|
},
|
|
193
|
+
"./summary-widget": {
|
|
194
|
+
"types": "./summary-widget/index.d.ts",
|
|
195
|
+
"default": "./fesm2022/siemens-element-ng-summary-widget.mjs"
|
|
196
|
+
},
|
|
137
197
|
"./theme": {
|
|
138
198
|
"types": "./theme/index.d.ts",
|
|
139
199
|
"default": "./fesm2022/siemens-element-ng-theme.mjs"
|
|
140
200
|
},
|
|
201
|
+
"./toast-notification": {
|
|
202
|
+
"types": "./toast-notification/index.d.ts",
|
|
203
|
+
"default": "./fesm2022/siemens-element-ng-toast-notification.mjs"
|
|
204
|
+
},
|
|
141
205
|
"./tooltip": {
|
|
142
206
|
"types": "./tooltip/index.d.ts",
|
|
143
207
|
"default": "./fesm2022/siemens-element-ng-tooltip.mjs"
|
|
@@ -145,6 +209,14 @@
|
|
|
145
209
|
"./translate": {
|
|
146
210
|
"types": "./translate/index.d.ts",
|
|
147
211
|
"default": "./fesm2022/siemens-element-ng-translate.mjs"
|
|
212
|
+
},
|
|
213
|
+
"./typeahead": {
|
|
214
|
+
"types": "./typeahead/index.d.ts",
|
|
215
|
+
"default": "./fesm2022/siemens-element-ng-typeahead.mjs"
|
|
216
|
+
},
|
|
217
|
+
"./wizard": {
|
|
218
|
+
"types": "./wizard/index.d.ts",
|
|
219
|
+
"default": "./fesm2022/siemens-element-ng-wizard.mjs"
|
|
148
220
|
}
|
|
149
221
|
},
|
|
150
222
|
"sideEffects": false,
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
import { AfterViewInit } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class SiPasswordStrengthComponent implements AfterViewInit {
|
|
8
|
+
/**
|
|
9
|
+
* Whether to show the visibility toggle icon.
|
|
10
|
+
*
|
|
11
|
+
* @defaultValue true
|
|
12
|
+
*/
|
|
13
|
+
readonly showVisibilityIcon: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
private readonly passwordStrengthDirective;
|
|
15
|
+
private elRef;
|
|
16
|
+
protected readonly bad: import("@angular/core").WritableSignal<boolean>;
|
|
17
|
+
protected readonly weak: import("@angular/core").WritableSignal<boolean>;
|
|
18
|
+
protected readonly medium: import("@angular/core").WritableSignal<boolean>;
|
|
19
|
+
protected readonly good: import("@angular/core").WritableSignal<boolean>;
|
|
20
|
+
protected readonly strong: import("@angular/core").WritableSignal<boolean>;
|
|
21
|
+
protected toggle(type: string): void;
|
|
22
|
+
ngAfterViewInit(): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPasswordStrengthComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiPasswordStrengthComponent, "si-password-strength", never, { "showVisibilityIcon": { "alias": "showVisibilityIcon"; "required": false; "isSignal": true; }; }, {}, ["passwordStrengthDirective"], ["*"], true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface PasswordPolicy {
|
|
4
|
+
/**
|
|
5
|
+
* Define minimal number of characters.
|
|
6
|
+
*/
|
|
7
|
+
minLength: number;
|
|
8
|
+
/**
|
|
9
|
+
* Define if uppercase characters are required in password.
|
|
10
|
+
*/
|
|
11
|
+
uppercase: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Define if lowercase characters are required in password.
|
|
14
|
+
*/
|
|
15
|
+
lowercase: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Define if digits are required in password.
|
|
18
|
+
*/
|
|
19
|
+
digits: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Define if special characters are required in password.
|
|
22
|
+
*/
|
|
23
|
+
special: boolean;
|
|
24
|
+
}
|
|
25
|
+
export declare class SiPasswordStrengthDirective implements Validator {
|
|
26
|
+
private readonly maxStrength;
|
|
27
|
+
protected noValidation: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Define Siemens password strength.
|
|
30
|
+
*
|
|
31
|
+
* @defaultValue
|
|
32
|
+
* ```
|
|
33
|
+
* {
|
|
34
|
+
* minLength: 8,
|
|
35
|
+
* uppercase: true,
|
|
36
|
+
* lowercase: true,
|
|
37
|
+
* digits: true,
|
|
38
|
+
* special: true
|
|
39
|
+
* }
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
readonly siPasswordStrength: import("@angular/core").InputSignal<PasswordPolicy>;
|
|
43
|
+
/**
|
|
44
|
+
* Output callback event called when the password changes. The number
|
|
45
|
+
* indicated the number of rules which still can be met. (`-2` --\> 2 rules are
|
|
46
|
+
* still unmet, `0` --\> all met)
|
|
47
|
+
*/
|
|
48
|
+
readonly passwordStrengthChanged: import("@angular/core").OutputEmitterRef<number | void>;
|
|
49
|
+
/** @internal */
|
|
50
|
+
validate(control: AbstractControl): ValidationErrors;
|
|
51
|
+
private getStrength;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPasswordStrengthDirective, never>;
|
|
53
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SiPasswordStrengthDirective, "[siPasswordStrength]", never, { "siPasswordStrength": { "alias": "siPasswordStrength"; "required": false; "isSignal": true; }; }, { "passwordStrengthChanged": "passwordStrengthChanged"; }, never, never, true, never>;
|
|
54
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./si-password-strength.component";
|
|
3
|
+
import * as i2 from "./si-password-strength.directive";
|
|
4
|
+
export declare class SiPasswordStrengthModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPasswordStrengthModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SiPasswordStrengthModule, never, [typeof i1.SiPasswordStrengthComponent, typeof i2.SiPasswordStrengthDirective], [typeof i1.SiPasswordStrengthComponent, typeof i2.SiPasswordStrengthDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SiPasswordStrengthModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
export * from './si-pills-input.component';
|
|
6
|
+
export * from './si-pills-input.module';
|
|
7
|
+
export * from './si-pills-input-csv.directive';
|
|
8
|
+
export * from './si-pills-input-email.directive';
|
|
9
|
+
export * from './si-pills-input-value-handler';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SiInputPillComponent {
|
|
3
|
+
readonly deletePill: import("@angular/core").OutputEmitterRef<void>;
|
|
4
|
+
/** @defaultValue false */
|
|
5
|
+
readonly hideClose: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
protected readonly icons: Record<"elementCancel", string>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiInputPillComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SiInputPillComponent, "si-input-pill", never, { "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; }, { "deletePill": "deletePill"; }, never, ["*"], true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SiPillsInputPatternBase } from './si-pills-input-pattern-base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SiPillsInputCsvDirective extends SiPillsInputPatternBase {
|
|
4
|
+
/** @defaultValue undefined */
|
|
5
|
+
readonly validationRegex: import("@angular/core").InputSignal<RegExp | undefined>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPillsInputCsvDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SiPillsInputCsvDirective, "[siPillsInputCsv]", never, { "validationRegex": { "alias": "pillsInputCsvItemRegex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SiPillsInputPatternBase } from './si-pills-input-pattern-base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SiPillsInputEmailDirective extends SiPillsInputPatternBase {
|
|
4
|
+
/**
|
|
5
|
+
* @defaultValue signal(EMAIL_REGEX).asReadonly()
|
|
6
|
+
*/
|
|
7
|
+
readonly validationRegex: import("@angular/core").Signal<RegExp>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPillsInputEmailDirective, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SiPillsInputEmailDirective, "[siPillsInputEmail]", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Siemens 2016 - 2025.
|
|
3
|
+
* SPDX-License-Identifier: MIT
|
|
4
|
+
*/
|
|
5
|
+
import { Signal } from '@angular/core';
|
|
6
|
+
import { SiPillsInputValueHandlerTrigger, SiPillsInputValueParseResult } from './si-pills-input-value-handler';
|
|
7
|
+
export declare const SEPARATOR_REGEX: RegExp;
|
|
8
|
+
export declare abstract class SiPillsInputPatternBase {
|
|
9
|
+
/**
|
|
10
|
+
* Regex to split the input value into segments.
|
|
11
|
+
*
|
|
12
|
+
* @defaultValue SEPARATOR_REGEX
|
|
13
|
+
*/
|
|
14
|
+
readonly separatorRegex: import("@angular/core").WritableSignal<RegExp>;
|
|
15
|
+
/** Regex to validate an input string item. */
|
|
16
|
+
readonly validationRegex?: Signal<RegExp | undefined>;
|
|
17
|
+
/** @internal */
|
|
18
|
+
handle(value: string, trigger: SiPillsInputValueHandlerTrigger): SiPillsInputValueParseResult | undefined;
|
|
19
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface SiPillsInputValueParseResult {
|
|
3
|
+
newValue: string;
|
|
4
|
+
newPills: string[];
|
|
5
|
+
}
|
|
6
|
+
export type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';
|
|
7
|
+
export declare abstract class SiPillsInputValueHandlerDirective {
|
|
8
|
+
/** @internal */
|
|
9
|
+
abstract handle(value: string, trigger: SiPillsInputValueHandlerTrigger): SiPillsInputValueParseResult | undefined;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SiPillsInputValueHandlerDirective, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SiPillsInputValueHandlerDirective, never, never, {}, {}, never, never, true, never>;
|
|
12
|
+
}
|