invensys-ng 21.3.8 → 21.3.9

package/package.json

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

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';