@cqa-lib/cqa-ui 1.1.556 → 1.1.557-epsilon.1

package/lib/simulator/simulator.component.d.ts

@@ -118,6 +118,31 @@ export declare class SimulatorComponent implements AfterViewInit, AfterViewCheck
     clipsDragActive: boolean;
     get effectivePlatformType(): 'browser' | 'device';
     get hasDeviceFrame(): boolean;
+    /** Render the CSS-built browser frame for every web/browser run that
+     *  has a known viewport — including mobile-sized viewports (375×667,
+     *  412×915, etc.). Phone-mockup PNGs are reserved for actual mobile
+     *  *device* emulation (`platformType === 'device'`). */
+    get useCssBrowserFrame(): boolean;
+    /** Size the CSS browser frame **dynamically** from the viewport's aspect
+     *  ratio. The binding dimension is picked from the viewport's own
+     *  orientation so the frame fills the pane along its dominant axis and
+     *  keeps the viewport's exact aspect on the other axis.
+     *
+     *  - Landscape (`w >= h`, e.g. 1024×768, 1920×1080, 3000×2000):
+     *    `width: 100%` is primary; height is derived via `aspect-ratio`.
+     *    `max-height: 100%` lets the engine clamp + shrink width when the
+     *    pane is shorter than the derived height would require.
+     *  - Portrait (`w < h`, e.g. 375×667, 412×915):
+     *    `height: 100%` is primary; width follows via `aspect-ratio`.
+     *    `max-width: 100%` clamps when the pane is narrower.
+     *
+     *  The 40px chrome bar is baked into the ratio so the inner content
+     *  area below the chrome lands at the viewport's exact `vp.w / vp.h`.
+     *  Returns `{}` when no viewport data is available — the parent flex
+     *  container then keeps the default look (no resize). */
+    get cssBrowserFrameOuterStyle(): {
+        [key: string]: string;
+    };
     get isPlayerSwitching(): boolean;
     get isAspectRatioMatched(): boolean;
     get liveContentContainerStyle(): {

package/lib/templates/modular-table-template/modular-table-template.component.d.ts

@@ -50,7 +50,7 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
         modular: string;
     };
     viewModeChange: EventEmitter<"list" | "modular">;
-    get viewModeSegments(): Array<{
+    viewModeSegments: Array<{
         label: string;
         value: string;
         icon?: string;

package/lib/templates/modular-table-template/modular-table-template.models.d.ts

@@ -113,6 +113,8 @@ export interface ModularLabels {
     unorganizedRowLabel: string;
     /** Shown in the folder sidebar when the search input filters out every folder. */
     noFoldersFound: string;
+    /** Helper line shown under the empty-folder-list state, hinting at the create action. */
+    noFoldersEmptyDescription: string;
     /** Sidebar folder-row hover tooltip count line. `{n}` is the descendant total
      *  (FolderNode.totalCount). The host swaps the noun for "step group" when in
      *  step-group mode by overriding these two keys. The full tooltip is composed

package/lib/templates/table-template.component.d.ts

@@ -47,7 +47,7 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
         modular: string;
     };
     viewModeChange: EventEmitter<"list" | "modular">;
-    get viewModeSegments(): Array<{
+    viewModeSegments: Array<{
         label: string;
         value: string;
         icon?: string;

package/lib/test-case-details/test-case-details-edit/test-case-details-edit.component.d.ts

@@ -266,6 +266,15 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     private initViewportFromValue;
     private buildViewportValue;
     onViewportModeChange(mode: ViewportMode): void;
+    /** Toggle `Validators.required` on the resolution / device control that
+     *  belongs to the active viewport mode, and clear it from the others.
+     *  Mirrors the organization-setting / test-plan-form pattern; keeps the
+     *  form only invalid for the field the user can actually see. */
+    private applyViewportRequiredValidator;
+    /** True when the resolution / device for the active viewport mode is
+     *  filled. When false, the relevant control is marked touched so the
+     *  inline error block renders. Used by `onSave()` to gate the emit. */
+    private validateViewportSelection;
     private applyViewportCategoryOptions;
     addViewportCustomTag(): void;
     removeViewportCustomTag(index: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.556",
+  "version": "1.1.557-epsilon.1",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",