invensys-ng 21.3.6 → 21.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "invensys-ng",
-  "version": "21.3.6",
+  "version": "21.3.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/ulbrichFrauendorf/invensys-ng"

package/src/lib/themes/colors.theme.scss

@@ -30,9 +30,9 @@
       --color-border: #{color.get-color("gray", 300)};
 
       // Disabled state colors
-      --color-disabled-background: #f5f5f5;
+      --color-disabled-background: #f1f5f9;
       --color-disabled-border: #e2e8f0;
-      --color-text-disabled: #{color.get-color("gray", 700)};
+      --color-text-disabled: #94a3b8;
 
       // Surface colors
       --surface-ground: #f8fafc;
@@ -70,9 +70,9 @@
       --color-border: #5e564b;
 
       // Disabled state colors
-      --color-disabled-background: #1f2937;
-      --color-disabled-border: #4b4e50;
-      --color-text-disabled: #ffffffde;
+      --color-disabled-background: #1e293b;
+      --color-disabled-border: #334155;
+      --color-text-disabled: #94a3b8;
 
       // Surface colors
       --surface-ground: #000510;

package/src/lib/themes/get-color.scss

@@ -1,5 +1,5 @@
-@use 'sass:map';
-@use './color-palette.scss' as colors;
+@use "sass:map";
+@use "./color-palette.scss" as colors;
 
 @function get-color($name, $shade) {
   $shades: map.get(colors.$colors, $name);
@@ -13,4 +13,4 @@
   }
 
   @return $value;
-}
+}

package/types/invensys-ng.d.ts

@@ -3500,6 +3500,75 @@ declare class ISelect implements ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<ISelect, "i-select", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "useFloatLabel": { "alias": "useFloatLabel"; "required": false; }; "id": { "alias": "id"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onChange": "onChange"; "onClear": "onClear"; }, never, never, true, never>;
 }
 
+/** A single step rendered inside an {@link IStepper}. */
+declare class IStep {
+    /** Primary text shown in the step navigation. */
+    label: string;
+    /** Optional supporting text shown below the label. */
+    description?: string;
+    /** Optional PrimeIcons class used instead of the step number. */
+    icon?: string;
+    /** Marks the step as successfully completed. */
+    completed: boolean;
+    /** Marks the step as optional. */
+    optional: boolean;
+    /** Prevents the step from being selected. */
+    disabled: boolean;
+    /** Projected step content. */
+    contentTemplate: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IStep, "i-step", never, { "label": { "alias": "label"; "required": true; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "completed": { "alias": "completed"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type StepperOrientation = 'horizontal' | 'vertical';
+interface StepperChangeEvent {
+    originalEvent: Event;
+    index: number;
+    previousIndex: number;
+}
+/**
+ * Guided, stateful navigation for multi-step workflows.
+ *
+ * @example
+ * ```html
+ * <i-stepper [(activeIndex)]="activeStep" [linear]="true">
+ *   <i-step label="Details" description="Name and access" [completed]="detailsValid">
+ *     Details form
+ *   </i-step>
+ *   <i-step label="Columns" [disabled]="!detailsValid">
+ *     Column selection
+ *   </i-step>
+ * </i-stepper>
+ * ```
+ */
+declare class IStepper implements AfterContentInit {
+    /** Zero-based index of the active step. */
+    activeIndex: number;
+    /** Prevents skipping incomplete steps when enabled. */
+    linear: boolean;
+    /** Navigation layout. Horizontal steppers collapse to vertical on small screens. */
+    orientation: StepperOrientation;
+    /** Accessible label for the step navigation. */
+    ariaLabel: string;
+    /** Supports two-way binding of the active step. */
+    activeIndexChange: EventEmitter<number>;
+    /** Emitted after the user selects a different step. */
+    onChange: EventEmitter<StepperChangeEvent>;
+    stepComponents: QueryList<IStep>;
+    readonly componentId: string;
+    steps: IStep[];
+    ngAfterContentInit(): void;
+    selectStep(event: Event, index: number): void;
+    canSelect(index: number): boolean;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    private syncSteps;
+    private focusAdjacent;
+    private focusBoundary;
+    private focusStep;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IStepper, "i-stepper", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "onChange": "onChange"; }, ["stepComponents"], never, true, never>;
+}
+
 /**
  * Tab Panel Component
  *
@@ -5686,5 +5755,187 @@ interface ZIndexUtilsInterface {
 }
 declare function ZIndexUtils(): ZIndexUtilsInterface;
 
-export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IDivider, IInputText, IListbox, IMessage, IMultiSelect, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, ISelect, ITabPanel, ITable, ITabs, ITag, ITextarea, IToggle, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
-export type { AppConfig, ArticleSchema, BreadcrumbItem, CalendarView, ChipItem, ChipRemoveEvent, ClaimsChecker, ConfirmationDialogConfig, DialogBreakpoints, DialogContentStyle, FilterEvent, GridAction, GridData, GridDetails, IButtonSize, IChartData, IChartDataSet, IChartDisplay, IChartType, IChartTypeExtended, ICheckboxSize, IDividerAlign, IDividerLayout, IDynamicDialogConfig, IDynamicDialogRef, IInputBackgroundStyle, ITagSize, ITextareaBackgroundStyle, IToggleSize, ITreeNode, IWhisperMessage, IWhisperOptions, IWhisperPosition, LayoutConfig, ListboxOption, MenuItem, MenuModel, MessageSize, MultiSelectOption, OrganizationSchema, PlaceholderArrowDirection, SelectOption, SeoConfig, SortEvent, TableColumn, TableDownloadEvent, TooltipPosition, TreeSelectionMode, WebSiteSchema };
+/** A selectable item in a grouped field catalog. Keys must be unique. */
+interface FieldPickerOption {
+    key: string;
+    label: string;
+    group?: string;
+    description?: string;
+    disabled?: boolean;
+}
+/**
+ * Searchable, grouped selection of fields. The form value is an array of keys.
+ * Composes the shared input and checkbox controls; contains no report semantics.
+ * @example
+ * ```html
+ * <i-field-picker [options]="fields" [(ngModel)]="selectedKeys" />
+ * ```
+ */
+declare class IFieldPicker implements ControlValueAccessor {
+    /** Available fields. Selection is retained when options are filtered or reloaded. */
+    options: FieldPickerOption[];
+    /** Accessible name of the grouped selection. */
+    ariaLabel: string;
+    /** Label on the search input. */
+    searchLabel: string;
+    /** Heading for options without a group. */
+    ungroupedLabel: string;
+    /** Message shown when the search has no matches. */
+    emptyMessage: string;
+    /** Prevents selection changes but allows searching. */
+    readonly: boolean;
+    /** Disables the control, including search. Angular Forms can set this state. */
+    disabled: boolean;
+    /** Emits a new array after a user changes the selection. */
+    onChange: EventEmitter<string[]>;
+    readonly componentId: string;
+    search: string;
+    value: string[];
+    private change;
+    private touched;
+    get groups(): {
+        name: string;
+        options: FieldPickerOption[];
+    }[];
+    select(option: FieldPickerOption, checked: boolean): void;
+    writeValue(value: string[] | null): void;
+    registerOnChange(fn: (value: string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    markTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IFieldPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IFieldPicker, "i-field-picker", never, { "options": { "alias": "options"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "ungroupedLabel": { "alias": "ungroupedLabel"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
+/** Context supplied to an ordered list's custom row settings template. */
+interface OrderedListItemContext<T> {
+    $implicit: T;
+    index: number;
+    readonly: boolean;
+}
+/** Describes a user-initiated reordering. */
+interface OrderedListMoveEvent<T> {
+    item: T;
+    previousIndex: number;
+    index: number;
+}
+/**
+ * Controlled ordered list with accessible move/remove actions and optional row content.
+ * Emits new arrays and never mutates the caller's items or their properties.
+ * @example
+ * ```html
+ * <i-ordered-list [(items)]="columns" [itemLabel]="columnLabel" [itemTemplate]="settings" />
+ * <ng-template #settings let-column let-index="index" let-readonly="readonly">
+ *   <!-- Domain-specific settings are owned by the consumer. -->
+ * </ng-template>
+ * ```
+ */
+declare class IOrderedList<T> {
+    /** Items in display order. Bind itemsChange or use two-way binding. */
+    items: T[];
+    /** Accessible row labels. */
+    itemLabel: (item: T) => string;
+    /** Stable identity for rows, particularly when immutable item objects are used. */
+    itemKey: (item: T) => unknown;
+    /** Optional content below each item's label. */
+    itemTemplate?: TemplateRef<OrderedListItemContext<T>>;
+    /** Accessible name of the ordered list. */
+    ariaLabel: string;
+    /** Empty-list message. */
+    emptyMessage: string;
+    /** Prevents reordering and removal. The same state is passed into the row template. */
+    readonly: boolean;
+    /** Disables all list actions. */
+    disabled: boolean;
+    /** Controls whether remove actions are shown. */
+    removable: boolean;
+    /** New ordered array after a move or removal. */
+    itemsChange: EventEmitter<T[]>;
+    /** Additional move details for consumers that need them. */
+    onMove: EventEmitter<OrderedListMoveEvent<T>>;
+    /** Removed item and its former index. */
+    onRemove: EventEmitter<{
+        item: T;
+        index: number;
+    }>;
+    announcement: string;
+    move(index: number, direction: -1 | 1): void;
+    remove(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IOrderedList<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IOrderedList<any>, "i-ordered-list", never, { "items": { "alias": "items"; "required": false; }; "itemLabel": { "alias": "itemLabel"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; }, { "itemsChange": "itemsChange"; "onMove": "onMove"; "onRemove": "onRemove"; }, never, never, true, never>;
+}
+
+type RuleFieldType = 'text' | 'number' | 'date' | 'boolean';
+/** Fields presented by a rule editor; keys must be unique. */
+interface RuleEditorField {
+    key: string;
+    label: string;
+    type: RuleFieldType;
+}
+/** Operator semantics belong to the consumer. Keys must be unique. */
+interface RuleEditorOperator {
+    key: string;
+    label: string;
+    /** Defaults to true. Set false for empty checks or sort directions. */
+    requiresValue?: boolean;
+    /** Omit to offer the operator for all field types. */
+    fieldTypes?: RuleFieldType[];
+}
+/** UI rule value. Numeric/date/boolean values are represented as strings. */
+interface EditorRule {
+    fieldKey: string;
+    operator: string;
+    value?: string;
+}
+/**
+ * Controlled field/operator/value rows. Can also edit sorting rules by supplying
+ * direction operators with requiresValue=false. Does not execute or persist rules.
+ * @example
+ * ```html
+ * <i-rule-editor [fields]="fields" [operators]="operators" [(rules)]="filters" />
+ * ```
+ */
+declare class IRuleEditor {
+    /** Available fields. */
+    fields: RuleEditorField[];
+    /** Available operators, optionally restricted by field type. */
+    operators: RuleEditorOperator[];
+    /** Current rows. Bind rulesChange or use two-way binding. */
+    rules: EditorRule[];
+    /** Accessible name for the collection. */
+    ariaLabel: string;
+    /** Label of the operator selector (for example Direction). */
+    operatorLabel: string;
+    /** Add action label. */
+    addLabel: string;
+    /** Empty collection message. */
+    emptyMessage: string;
+    /** Prevents user changes while retaining the current display. */
+    readonly: boolean;
+    /** Disables all row controls. */
+    disabled: boolean;
+    /** Immutable replacement emitted after a user action. */
+    rulesChange: EventEmitter<EditorRule[]>;
+    readonly booleanOptions: {
+        key: string;
+        label: string;
+    }[];
+    field(rule: EditorRule): RuleEditorField | null;
+    operator(rule: EditorRule): RuleEditorOperator | null;
+    booleanValue(rule: EditorRule): {
+        key: string;
+        label: string;
+    } | null;
+    operatorsFor(field: RuleEditorField | null): RuleEditorOperator[];
+    get canAdd(): boolean;
+    add(): void;
+    changeField(index: number, field: RuleEditorField | null): void;
+    changeOperator(index: number, operator: RuleEditorOperator | null): void;
+    update(index: number, changes: Partial<EditorRule>): void;
+    remove(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IRuleEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IRuleEditor, "i-rule-editor", never, { "fields": { "alias": "fields"; "required": false; }; "operators": { "alias": "operators"; "required": false; }; "rules": { "alias": "rules"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "operatorLabel": { "alias": "operatorLabel"; "required": false; }; "addLabel": { "alias": "addLabel"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "rulesChange": "rulesChange"; }, never, never, true, never>;
+}
+
+export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IDivider, IFieldPicker, IInputText, IListbox, IMessage, IMultiSelect, IOrderedList, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, IRuleEditor, ISelect, IStep, IStepper, ITabPanel, ITable, ITabs, ITag, ITextarea, IToggle, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
+export type { AppConfig, ArticleSchema, BreadcrumbItem, CalendarView, ChipItem, ChipRemoveEvent, ClaimsChecker, ConfirmationDialogConfig, DialogBreakpoints, DialogContentStyle, EditorRule, FieldPickerOption, FilterEvent, GridAction, GridData, GridDetails, IButtonSize, IChartData, IChartDataSet, IChartDisplay, IChartType, IChartTypeExtended, ICheckboxSize, IDividerAlign, IDividerLayout, IDynamicDialogConfig, IDynamicDialogRef, IInputBackgroundStyle, ITagSize, ITextareaBackgroundStyle, IToggleSize, ITreeNode, IWhisperMessage, IWhisperOptions, IWhisperPosition, LayoutConfig, ListboxOption, MenuItem, MenuModel, MessageSize, MultiSelectOption, OrderedListItemContext, OrderedListMoveEvent, OrganizationSchema, PlaceholderArrowDirection, RuleEditorField, RuleEditorOperator, RuleFieldType, SelectOption, SeoConfig, SortEvent, StepperChangeEvent, StepperOrientation, TableColumn, TableDownloadEvent, TooltipPosition, TreeSelectionMode, WebSiteSchema };