@ptsecurity/mosaic 16.3.0 → 17.0.0

package/form-field/form-field.d.ts

@@ -39,6 +39,7 @@ export declare class McFormField extends McFormFieldMixinBase implements AfterCo
     hovered: boolean;
     canCleanerClearByEsc: boolean;
     private $unsubscribe;
+    get hasFocus(): boolean;
     get hasHint(): boolean;
     get hasSuffix(): boolean;
     get hasPrefix(): boolean;
@@ -51,6 +52,7 @@ export declare class McFormField extends McFormFieldMixinBase implements AfterCo
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    focusViaKeyboard(): void;
     clearValue($event: any): void;
     onContainerClick($event: any): void;
     onKeyDown(event: KeyboardEvent): void;

package/icon/icon.component.d.ts

@@ -13,8 +13,10 @@ export declare class McIconBase {
 /** @docs-private */
 export declare const McIconMixinBase: CanColorCtor & typeof McIconBase;
 export declare class McIcon extends McIconMixinBase implements CanColor {
+    private iconName;
     constructor(elementRef: ElementRef, iconName: string);
     getHostElement(): any;
+    updateMaxHeight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McIcon, [null, { attribute: "mc-icon"; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McIcon, "[mc-icon]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/navbar/_navbar-theme.scss

@@ -45,7 +45,7 @@
             background: map.get($navbar-item, state-selected);
         }
 
-        &:hover:not(.mc-navbar-item_button) {
+        &:hover:not(.mc-navbar-item_has-nested) {
             cursor: pointer;
 
             & .mc-navbar-item__overlay {
@@ -53,7 +53,7 @@
             }
         }
 
-        &:active:not(.mc-navbar-item_button) {
+        &:active:not(.mc-navbar-item_has-nested) {
             & .mc-navbar-item__overlay {
                 background: map.get($navbar-item, state-active);
             }

package/navbar/navbar-item.component.d.ts

@@ -5,6 +5,7 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone,
 import { IFocusableOption } from '@ptsecurity/cdk/a11y';
 import { McButton, McButtonCssStyler } from '@ptsecurity/mosaic/button';
 import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
+import { McFormField } from '@ptsecurity/mosaic/form-field';
 import { McIcon } from '@ptsecurity/mosaic/icon';
 import { McTooltipTrigger, TooltipModifier } from '@ptsecurity/mosaic/tooltip';
 import { Subject } from 'rxjs';
@@ -72,6 +73,8 @@ export declare class McNavbarFocusableItem implements IFocusableOption, AfterCon
     private ngZone;
     title: McNavbarTitle;
     button: McButton;
+    formField: McFormField;
+    get nestedElement(): McButton | McFormField;
     get tooltip(): McTooltipTrigger;
     private _tooltip;
     readonly onFocus: Subject<McNavbarFocusableItemEvent>;
@@ -92,7 +95,7 @@ export declare class McNavbarFocusableItem implements IFocusableOption, AfterCon
     blur(): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, false, never>;
 }
 export declare class McNavbarRectangleElement {
     elementRef: ElementRef;

package/navbar/navbar-item.scss

@@ -80,7 +80,7 @@ $tokens: meta.module-variables(tokens) !default;
         right: 8px;
     }
 
-    &.mc-navbar-item_button {
+    &.mc-navbar-item_has-nested {
         padding-left: map.get($tokens, size-s);
         padding-right: map.get($tokens, size-s);
     }
@@ -105,7 +105,7 @@ $tokens: meta.module-variables(tokens) !default;
         padding-left: var(--mc-vertical-navbar-size-icon-margin, map.get($tokens, vertical-navbar-size-icon-margin));
     }
 
-    &.mc-navbar-item_button {
+    &.mc-navbar-item_has-nested {
         padding-left: 12px;
         padding-right: 12px;
     }
@@ -129,7 +129,7 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
-.mc-navbar-item.mc-navbar-item_button .mc-button {
+.mc-navbar-item.mc-navbar-item_has-nested .mc-button {
     flex: 1;
 
     & .mc-button-wrapper {
@@ -162,3 +162,7 @@ a.mc-navbar-title {
         z-index: 1;
     }
 }
+
+.mc-navbar-item.mc-navbar-item_has-nested .mc-navbar-item__overlay {
+    display: none;
+}

package/navbar/navbar.component.d.ts

@@ -53,6 +53,9 @@ export declare class McNavbar extends McFocusableComponent implements AfterViewI
     ngOnDestroy(): void;
     onKeyDown(event: KeyboardEvent): void;
     updateExpandedStateForItems: () => void;
+    private eventFromInput;
+    private cursorOnFirstPosition;
+    private cursorOnLastPosition;
     private collapseItems;
     private expandItems;
     private setItemsState;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ptsecurity/mosaic",
-    "version": "16.3.0",
+    "version": "17.0.0",
     "description": "Mosaic",
     "repository": {
         "type": "git",
@@ -17,12 +17,12 @@
     },
     "homepage": "https://gitlab.ptsecurity.com/frontend/design-system/mosaic/-/blob/master/README.md",
     "peerDependencies": {
-        "@angular/cdk": "^16.1.5",
-        "@angular/forms": "^16.1.5",
-        "@ptsecurity/cdk": "^16.3.0",
-        "@ptsecurity/mosaic-moment-adapter": "^16.3.0",
-        "@ptsecurity/mosaic-luxon-adapter": "^16.3.0",
-        "@mosaic-design/date-formatter": "^2.1.1",
+        "@angular/cdk": "^17.2.0",
+        "@angular/forms": "^17.2.0",
+        "@ptsecurity/cdk": "^17.0.0",
+        "@ptsecurity/mosaic-moment-adapter": "^17.0.0",
+        "@ptsecurity/mosaic-luxon-adapter": "^17.0.0",
+        "@mosaic-design/date-formatter": "^2.1.5",
         "@ptsecurity/mosaic-icons": "^7.0.8",
         "@mosaic-design/tokens-builder": "^2.1.4",
         "@mosaic-design/tokens-fe-2022": "^2.1.4",
@@ -30,7 +30,7 @@
         "marked": "^4.0.18"
     },
     "dependencies": {
-        "tslib": "^2.4.0"
+        "tslib": "^2.6.2"
     },
     "ng-update": {
         "packageGroup": [
@@ -63,18 +63,18 @@
             "esm": "./esm2022/autocomplete/ptsecurity-mosaic-autocomplete.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-autocomplete.mjs"
         },
-        "./button-toggle": {
-            "types": "./button-toggle/index.d.ts",
-            "esm2022": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
-            "esm": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-button-toggle.mjs"
-        },
         "./button": {
             "types": "./button/index.d.ts",
             "esm2022": "./esm2022/button/ptsecurity-mosaic-button.mjs",
             "esm": "./esm2022/button/ptsecurity-mosaic-button.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-button.mjs"
         },
+        "./button-toggle": {
+            "types": "./button-toggle/index.d.ts",
+            "esm2022": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
+            "esm": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-button-toggle.mjs"
+        },
         "./card": {
             "types": "./card/index.d.ts",
             "esm2022": "./esm2022/card/ptsecurity-mosaic-card.mjs",
@@ -147,18 +147,18 @@
             "esm": "./esm2022/icon/ptsecurity-mosaic-icon.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-icon.mjs"
         },
-        "./input": {
-            "types": "./input/index.d.ts",
-            "esm2022": "./esm2022/input/ptsecurity-mosaic-input.mjs",
-            "esm": "./esm2022/input/ptsecurity-mosaic-input.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-input.mjs"
-        },
         "./link": {
             "types": "./link/index.d.ts",
             "esm2022": "./esm2022/link/ptsecurity-mosaic-link.mjs",
             "esm": "./esm2022/link/ptsecurity-mosaic-link.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-link.mjs"
         },
+        "./input": {
+            "types": "./input/index.d.ts",
+            "esm2022": "./esm2022/input/ptsecurity-mosaic-input.mjs",
+            "esm": "./esm2022/input/ptsecurity-mosaic-input.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-input.mjs"
+        },
         "./list": {
             "types": "./list/index.d.ts",
             "esm2022": "./esm2022/list/ptsecurity-mosaic-list.mjs",
@@ -177,12 +177,6 @@
             "esm": "./esm2022/markdown/ptsecurity-mosaic-markdown.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-markdown.mjs"
         },
-        "./modal": {
-            "types": "./modal/index.d.ts",
-            "esm2022": "./esm2022/modal/ptsecurity-mosaic-modal.mjs",
-            "esm": "./esm2022/modal/ptsecurity-mosaic-modal.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-modal.mjs"
-        },
         "./navbar": {
             "types": "./navbar/index.d.ts",
             "esm2022": "./esm2022/navbar/ptsecurity-mosaic-navbar.mjs",
@@ -195,6 +189,12 @@
             "esm": "./esm2022/popover/ptsecurity-mosaic-popover.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-popover.mjs"
         },
+        "./modal": {
+            "types": "./modal/index.d.ts",
+            "esm2022": "./esm2022/modal/ptsecurity-mosaic-modal.mjs",
+            "esm": "./esm2022/modal/ptsecurity-mosaic-modal.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-modal.mjs"
+        },
         "./progress-bar": {
             "types": "./progress-bar/index.d.ts",
             "esm2022": "./esm2022/progress-bar/ptsecurity-mosaic-progress-bar.mjs",
@@ -213,18 +213,18 @@
             "esm": "./esm2022/radio/ptsecurity-mosaic-radio.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-radio.mjs"
         },
-        "./select": {
-            "types": "./select/index.d.ts",
-            "esm2022": "./esm2022/select/ptsecurity-mosaic-select.mjs",
-            "esm": "./esm2022/select/ptsecurity-mosaic-select.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-select.mjs"
-        },
         "./sidebar": {
             "types": "./sidebar/index.d.ts",
             "esm2022": "./esm2022/sidebar/ptsecurity-mosaic-sidebar.mjs",
             "esm": "./esm2022/sidebar/ptsecurity-mosaic-sidebar.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-sidebar.mjs"
         },
+        "./select": {
+            "types": "./select/index.d.ts",
+            "esm2022": "./esm2022/select/ptsecurity-mosaic-select.mjs",
+            "esm": "./esm2022/select/ptsecurity-mosaic-select.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-select.mjs"
+        },
         "./sidepanel": {
             "types": "./sidepanel/index.d.ts",
             "esm2022": "./esm2022/sidepanel/ptsecurity-mosaic-sidepanel.mjs",

package/popover/popover.component.d.ts

@@ -53,6 +53,11 @@ export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent>
     private _size;
     get customClass(): string;
     set customClass(value: string);
+    /**
+     * Controls the behavior of closing the component on scroll.
+     * The default value is `false`.
+     * Use CloseScrollStrategy as alternative
+     */
     get closeOnScroll(): boolean;
     set closeOnScroll(value: boolean);
     private _closeOnScroll;
@@ -69,7 +74,7 @@ export declare class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent>
     getOverlayHandleComponentType(): Type<McPopoverComponent>;
     updateClassMap(newPlacement?: string): void;
     closingActionsForClick(): import("rxjs").Observable<MouseEvent>[];
-    closingActions(): import("rxjs").Observable<void | import("@angular/cdk/scrolling").CdkScrollable | MouseEvent>;
+    closingActions(): import("rxjs").Observable<void | MouseEvent | import("@angular/cdk/scrolling").CdkScrollable>;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPopoverTrigger, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McPopoverTrigger, "[mcPopover]", ["mcPopover"], { "popoverVisible": { "alias": "mcPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "mcPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "mcPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "mcPopoverHeader"; "required": false; }; "content": { "alias": "mcPopoverContent"; "required": false; }; "footer": { "alias": "mcPopoverFooter"; "required": false; }; "disabled": { "alias": "mcPopoverDisabled"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "size": { "alias": "mcPopoverSize"; "required": false; }; "customClass": { "alias": "mcPopoverClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "placementChange": "mcPopoverPlacementChange"; "visibleChange": "mcPopoverVisibleChange"; }, never, never, false, never>;
 }