invensys-ng 21.3.7 → 21.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "invensys-ng",
-  "version": "21.3.7",
+  "version": "21.3.9",
   "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/src/lib/themes/whisper-layout.scss

@@ -0,0 +1,46 @@
+@use './variables' as vars;
+
+// Shared message/tile layout. Keep Whisper and workflow tiles visually aligned.
+@mixin frame() {
+  border-radius: vars.$borderRadius;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  min-height: 56px;
+  display: flex;
+  align-items: center;
+}
+@mixin content() {
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  width: 100%;
+  gap: 12px;
+  min-height: 56px;
+}
+@mixin icon() {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-top: 2px;
+  i { font-size: 20px; }
+}
+@mixin text() {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+@mixin summary() {
+  font-weight: 600;
+  font-size: 1em;
+  line-height: 1.4;
+  word-wrap: break-word;
+}
+@mixin detail() {
+  font-size: 0.9em;
+  line-height: 1.4;
+  word-wrap: break-word;
+  opacity: 0.9;
+}

package/types/invensys-ng.d.ts

@@ -220,6 +220,10 @@ declare class IButton implements AfterViewInit {
      * @default 'button'
      */
     type: 'button' | 'submit' | 'reset';
+    /** Accessible name for icon-only actions. Visible text is used when omitted. */
+    ariaLabel?: string;
+    /** Expansion state for a button that reveals or hides content. */
+    ariaExpanded: boolean | null;
     /**
      * Whether the button is disabled
      * @default false
@@ -287,7 +291,7 @@ declare class IButton implements AfterViewInit {
      */
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IButton, "i-button", never, { "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IButton, "i-button", never, { "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -1452,12 +1456,16 @@ declare class IDialogActions {
     showCancel: boolean;
     showSubmit: boolean;
     submitDisabled: boolean;
+    /** Show progress and prevent repeated submission while a request is pending. */
+    submitLoading: boolean;
+    /** Use an outlined action when the dialog is secondary to another workflow. */
+    submitOutlined: boolean;
     cancelEvent: EventEmitter<void>;
     submitEvent: EventEmitter<void>;
     onCancel(): void;
     onSubmit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDialogActions, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDialogActions, "i-dialog-actions", never, { "submitLabel": { "alias": "submitLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "showSubmit": { "alias": "showSubmit"; "required": false; }; "submitDisabled": { "alias": "submitDisabled"; "required": false; }; }, { "cancelEvent": "cancelEvent"; "submitEvent": "submitEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDialogActions, "i-dialog-actions", never, { "submitLabel": { "alias": "submitLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "showSubmit": { "alias": "showSubmit"; "required": false; }; "submitDisabled": { "alias": "submitDisabled"; "required": false; }; "submitLoading": { "alias": "submitLoading"; "required": false; }; "submitOutlined": { "alias": "submitOutlined"; "required": false; }; }, { "cancelEvent": "cancelEvent"; "submitEvent": "submitEvent"; }, never, never, true, never>;
 }
 
 type IDividerAlign = 'start' | 'center' | 'end';
@@ -5755,5 +5763,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, 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, 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, StepperChangeEvent, StepperOrientation, 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 };