@koobiq/components 18.35.0 → 18.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.35.0",
+    "version": "18.36.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.35.0",
-        "@koobiq/angular-moment-adapter": "18.35.0",
-        "@koobiq/angular-luxon-adapter": "18.35.0",
+        "@koobiq/cdk": "18.36.0",
+        "@koobiq/angular-moment-adapter": "18.36.0",
+        "@koobiq/angular-luxon-adapter": "18.36.0",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",
@@ -82,6 +82,12 @@
             "esm": "./esm2022/alert/koobiq-components-alert.mjs",
             "default": "./fesm2022/koobiq-components-alert.mjs"
         },
+        "./app-switcher": {
+            "types": "./app-switcher/index.d.ts",
+            "esm2022": "./esm2022/app-switcher/koobiq-components-app-switcher.mjs",
+            "esm": "./esm2022/app-switcher/koobiq-components-app-switcher.mjs",
+            "default": "./fesm2022/koobiq-components-app-switcher.mjs"
+        },
         "./autocomplete": {
             "types": "./autocomplete/index.d.ts",
             "esm2022": "./esm2022/autocomplete/koobiq-components-autocomplete.mjs",
@@ -94,18 +100,18 @@
             "esm": "./esm2022/badge/koobiq-components-badge.mjs",
             "default": "./fesm2022/koobiq-components-badge.mjs"
         },
-        "./breadcrumbs": {
-            "types": "./breadcrumbs/index.d.ts",
-            "esm2022": "./esm2022/breadcrumbs/koobiq-components-breadcrumbs.mjs",
-            "esm": "./esm2022/breadcrumbs/koobiq-components-breadcrumbs.mjs",
-            "default": "./fesm2022/koobiq-components-breadcrumbs.mjs"
-        },
         "./button": {
             "types": "./button/index.d.ts",
             "esm2022": "./esm2022/button/koobiq-components-button.mjs",
             "esm": "./esm2022/button/koobiq-components-button.mjs",
             "default": "./fesm2022/koobiq-components-button.mjs"
         },
+        "./breadcrumbs": {
+            "types": "./breadcrumbs/index.d.ts",
+            "esm2022": "./esm2022/breadcrumbs/koobiq-components-breadcrumbs.mjs",
+            "esm": "./esm2022/breadcrumbs/koobiq-components-breadcrumbs.mjs",
+            "default": "./fesm2022/koobiq-components-breadcrumbs.mjs"
+        },
         "./button-toggle": {
             "types": "./button-toggle/index.d.ts",
             "esm2022": "./esm2022/button-toggle/koobiq-components-button-toggle.mjs",
@@ -208,6 +214,12 @@
             "esm": "./esm2022/icon/koobiq-components-icon.mjs",
             "default": "./fesm2022/koobiq-components-icon.mjs"
         },
+        "./inline-edit": {
+            "types": "./inline-edit/index.d.ts",
+            "esm2022": "./esm2022/inline-edit/koobiq-components-inline-edit.mjs",
+            "esm": "./esm2022/inline-edit/koobiq-components-inline-edit.mjs",
+            "default": "./fesm2022/koobiq-components-inline-edit.mjs"
+        },
         "./input": {
             "types": "./input/index.d.ts",
             "esm2022": "./esm2022/input/koobiq-components-input.mjs",
@@ -256,6 +268,12 @@
             "esm": "./esm2022/navbar-ic/koobiq-components-navbar-ic.mjs",
             "default": "./fesm2022/koobiq-components-navbar-ic.mjs"
         },
+        "./notification-center": {
+            "types": "./notification-center/index.d.ts",
+            "esm2022": "./esm2022/notification-center/koobiq-components-notification-center.mjs",
+            "esm": "./esm2022/notification-center/koobiq-components-notification-center.mjs",
+            "default": "./fesm2022/koobiq-components-notification-center.mjs"
+        },
         "./overflow-items": {
             "types": "./overflow-items/index.d.ts",
             "esm2022": "./esm2022/overflow-items/koobiq-components-overflow-items.mjs",
@@ -298,6 +316,12 @@
             "esm": "./esm2022/scrollbar/koobiq-components-scrollbar.mjs",
             "default": "./fesm2022/koobiq-components-scrollbar.mjs"
         },
+        "./search-expandable": {
+            "types": "./search-expandable/index.d.ts",
+            "esm2022": "./esm2022/search-expandable/koobiq-components-search-expandable.mjs",
+            "esm": "./esm2022/search-expandable/koobiq-components-search-expandable.mjs",
+            "default": "./fesm2022/koobiq-components-search-expandable.mjs"
+        },
         "./select": {
             "types": "./select/index.d.ts",
             "esm2022": "./esm2022/select/koobiq-components-select.mjs",
@@ -316,6 +340,12 @@
             "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
             "default": "./fesm2022/koobiq-components-sidepanel.mjs"
         },
+        "./split-button": {
+            "types": "./split-button/index.d.ts",
+            "esm2022": "./esm2022/split-button/koobiq-components-split-button.mjs",
+            "esm": "./esm2022/split-button/koobiq-components-split-button.mjs",
+            "default": "./fesm2022/koobiq-components-split-button.mjs"
+        },
         "./splitter": {
             "types": "./splitter/index.d.ts",
             "esm2022": "./esm2022/splitter/koobiq-components-splitter.mjs",
@@ -346,6 +376,12 @@
             "esm": "./esm2022/textarea/koobiq-components-textarea.mjs",
             "default": "./fesm2022/koobiq-components-textarea.mjs"
         },
+        "./time-range": {
+            "types": "./time-range/index.d.ts",
+            "esm2022": "./esm2022/time-range/koobiq-components-time-range.mjs",
+            "esm": "./esm2022/time-range/koobiq-components-time-range.mjs",
+            "default": "./fesm2022/koobiq-components-time-range.mjs"
+        },
         "./timepicker": {
             "types": "./timepicker/index.d.ts",
             "esm2022": "./esm2022/timepicker/koobiq-components-timepicker.mjs",

package/popover/popover.component.d.ts

@@ -3,6 +3,7 @@ import { CdkScrollable, Overlay, OverlayConfig, ScrollStrategy } from '@angular/
 import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, Type } from '@angular/core';
 import { KbqComponentColors, KbqPopUp, KbqPopUpTrigger, PopUpPlacements, PopUpSizes } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
+export declare const defaultOffsetYWithArrow = 8;
 export declare class KbqPopoverComponent extends KbqPopUp implements AfterViewInit {
     prefix: string;
     header: string | TemplateRef<any>;
@@ -41,6 +42,8 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     protected scrollStrategy: () => ScrollStrategy;
     /** prevents closure by any event */
     preventClose: boolean;
+    /** disables default padding for all popover elements (header, content and footer) */
+    defaultPaddings: boolean;
     get popoverVisible(): boolean;
     set popoverVisible(value: boolean);
     get popoverPlacement(): PopUpPlacements;
@@ -101,8 +104,9 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     closingActions(): import("rxjs").Observable<void | CdkScrollable | MouseEvent>;
     private hideIfNotInViewPort;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPopoverTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopoverTrigger, "[kbqPopover]", ["kbqPopover"], { "preventClose": { "alias": "kbqPopoverPreventClose"; "required": false; }; "popoverVisible": { "alias": "kbqPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "kbqPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "kbqPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "kbqPopoverHeader"; "required": false; }; "content": { "alias": "kbqPopoverContent"; "required": false; }; "footer": { "alias": "kbqPopoverFooter"; "required": false; }; "disabled": { "alias": "kbqPopoverDisabled"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "size": { "alias": "kbqPopoverSize"; "required": false; }; "customClass": { "alias": "kbqPopoverClass"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "arrow": { "alias": "kbqPopoverArrow"; "required": false; }; "offset": { "alias": "kbqPopoverOffset"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; }, { "placementChange": "kbqPopoverPlacementChange"; "visibleChange": "kbqPopoverVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopoverTrigger, "[kbqPopover]", ["kbqPopover"], { "preventClose": { "alias": "kbqPopoverPreventClose"; "required": false; }; "defaultPaddings": { "alias": "defaultPaddings"; "required": false; }; "popoverVisible": { "alias": "kbqPopoverVisible"; "required": false; }; "popoverPlacement": { "alias": "kbqPopoverPlacement"; "required": false; }; "popoverPlacementPriority": { "alias": "kbqPopoverPlacementPriority"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "header": { "alias": "kbqPopoverHeader"; "required": false; }; "content": { "alias": "kbqPopoverContent"; "required": false; }; "footer": { "alias": "kbqPopoverFooter"; "required": false; }; "disabled": { "alias": "kbqPopoverDisabled"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "size": { "alias": "kbqPopoverSize"; "required": false; }; "customClass": { "alias": "kbqPopoverClass"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "arrow": { "alias": "kbqPopoverArrow"; "required": false; }; "offset": { "alias": "kbqPopoverOffset"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; }, { "placementChange": "kbqPopoverPlacementChange"; "visibleChange": "kbqPopoverVisibleChange"; }, never, never, false, never>;
     static ngAcceptInputType_preventClose: unknown;
+    static ngAcceptInputType_defaultPaddings: unknown;
     static ngAcceptInputType_arrow: unknown;
     static ngAcceptInputType_offset: unknown;
     static ngAcceptInputType_leaveDelay: unknown;

package/popover/popover.scss

@@ -22,6 +22,10 @@ $trigger-margin: 9px;
 
     &.kbq-popover_small {
         max-width: var(--kbq-popover-size-container-width-small);
+
+        & .kbq-popover__content {
+            padding: var(--kbq-size-l);
+        }
     }
 
     &.kbq-popover_medium {
@@ -38,8 +42,10 @@ $trigger-margin: 9px;
 .kbq-popover__content {
     overflow-y: auto;
 
-    padding: var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal)
-        var(--kbq-popover-size-content-padding-bottom);
+    &.kbq-popover__content_default-paddings {
+        padding: var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal)
+            var(--kbq-popover-size-content-padding-bottom);
+    }
 }
 
 .kbq-popover__container {
@@ -59,7 +65,7 @@ $trigger-margin: 9px;
     }
 
     &.kbq-popover__container_with-footer {
-        .kbq-popover__content {
+        .kbq-popover__content_default-paddings.kbq-popover__content {
             padding-bottom: var(--kbq-size-s);
         }
     }
@@ -83,12 +89,14 @@ $trigger-margin: 9px;
 
     overflow: hidden;
 
-    padding: var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal)
-        var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal);
-
     & .kbq-popover__header-text {
         @include common.kbq-truncate-line();
     }
+
+    &.kbq-popover__header_default-paddings {
+        padding: var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal)
+            var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal);
+    }
 }
 
 .kbq-popover__header_top-overflow {
@@ -101,7 +109,7 @@ $trigger-margin: 9px;
     padding-right: var(--kbq-size-4xl);
 }
 
-.kbq-popover__footer {
+.kbq-popover__footer.kbq-popover__footer_default-paddings {
     padding: var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal);
 }