@koobiq/components 19.0.0 → 19.2.0

package/app-switcher/app-switcher.d.ts

@@ -10,7 +10,10 @@ export interface KbqAppSwitcherApp {
     name: string;
     id: string | number;
     type?: string | number;
-    icon: string;
+    /** Inline SVG markup for the application icon. Use this for SVG icons that should be rendered directly in the DOM. */
+    icon?: string;
+    /** Path to the icon file (URL or relative path). */
+    iconSrc?: string;
     caption?: string;
     aliases?: KbqAppSwitcherApp[];
     link?: string;
@@ -19,7 +22,10 @@ export interface KbqAppSwitcherSite {
     name: string;
     id: string | number;
     status?: string;
+    /** Inline SVG markup for the site icon. Use this for SVG icons that should be rendered directly in the DOM. */
     icon?: string;
+    /** Path to the icon file (URL or relative path). */
+    iconSrc?: string;
     apps: KbqAppSwitcherApp[];
 }
 /** @docs-private */
@@ -116,8 +122,7 @@ export declare class KbqAppSwitcherTrigger extends KbqPopUpTrigger<KbqAppSwitche
     /** Whether the sites are used or not
      * @docs-private */
     get sitesMode(): boolean;
-    /** Whether the sites are used or not
-     * @docs-private */
+    /** @docs-private */
     get currentApps(): KbqAppSwitcherApp[];
     /** Selected application */
     selectedApp: KbqAppSwitcherApp;
@@ -131,7 +136,9 @@ export declare class KbqAppSwitcherTrigger extends KbqPopUpTrigger<KbqAppSwitche
     get sites(): KbqAppSwitcherSite[];
     set sites(value: KbqAppSwitcherSite[]);
     private _parsedSites;
-    /** Array of applications */
+    /**
+     * @deprecated Will be removed in next major release, use `sites` with one element instead.
+     */
     get apps(): KbqAppSwitcherApp[];
     set apps(apps: KbqAppSwitcherApp[]);
     private makeGroupsForApps;

package/checkbox/checkbox.scss

@@ -1,4 +1,3 @@
-@use '../core/styles/common/tokens' as *;
 @use './checkbox-theme' as *;
 
 .kbq-checkbox-checkmark,
@@ -27,10 +26,7 @@
 }
 
 .kbq-checkbox__layout {
-    $padding-left: kbq-sum-series-css-variables(
-        [checkbox-size-normal-width,
-        checkbox-size-normal-horizontal-content-padding]
-    );
+    --padding: calc(var(--kbq-checkbox-size-normal-width) + var(--kbq-checkbox-size-normal-horizontal-content-padding));
 
     box-sizing: initial;
 
@@ -39,7 +35,7 @@
 
     display: inline-flex;
 
-    max-width: calc(100% - $padding-left);
+    max-width: calc(100% - var(--padding));
 
     // `cursor: inherit` ensures that the wrapper element gets the same cursor as the kbq-checkbox
     // (e.g. pointer by default, regular when disabled), instead of the browser default.
@@ -49,7 +45,7 @@
 
     padding-bottom: var(--kbq-checkbox-size-normal-padding-bottom);
 
-    padding-left: $padding-left;
+    padding-left: var(--padding);
 
     vertical-align: top;
 }
@@ -104,16 +100,7 @@
 }
 
 .kbq-checkbox.kbq-checkbox_big {
-    & .kbq-checkbox__layout {
-        $padding-left: kbq-sum-series-css-variables(
-            [ checkbox-size-normal-width,
-            checkbox-size-normal-horizontal-content-padding]
-        );
-
-        max-width: calc(100% - $padding-left);
-
-        padding-left: $padding-left;
-    }
+    --padding: calc(var(--kbq-checkbox-size-big-width) + var(--kbq-checkbox-size-big-horizontal-content-padding));
 
     & .kbq-checkbox__inner-container {
         top: var(--kbq-checkbox-size-big-top);
@@ -152,10 +139,7 @@
 .kbq-checkbox_label-before {
     .kbq-checkbox__layout {
         padding-left: 0;
-        padding-right: kbq-sum-series-css-variables(
-            [ checkbox-size-normal-width,
-            checkbox-size-normal-horizontal-content-padding]
-        );
+        padding-right: var(--padding);
     }
 
     .kbq-checkbox__inner-container {

package/core/locales/en-US.d.ts

@@ -15,18 +15,22 @@ export declare const enUSLocaleData: {
     fileUpload: {
         single: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
         };
         multiple: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             captionTextWhenSelected: string;
             captionTextForCompactSize: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
             title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
         };
     };
     codeBlock: {

package/core/locales/es-LA.d.ts

@@ -14,18 +14,22 @@ export declare const esLALocaleData: {
     fileUpload: {
         single: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
         };
         multiple: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             captionTextWhenSelected: string;
             captionTextForCompactSize: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
             title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
         };
     };
     codeBlock: {

package/core/locales/locale-service.d.ts

@@ -60,18 +60,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         fileUpload: {
             single: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
             };
             multiple: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 captionTextWhenSelected: string;
                 captionTextForCompactSize: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
                 title: string;
-                gridHeaders: {
-                    file: string;
-                    size: string;
-                };
             };
         };
         codeBlock: {
@@ -266,18 +270,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         fileUpload: {
             single: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
             };
             multiple: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 captionTextWhenSelected: string;
                 captionTextForCompactSize: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
                 title: string;
-                gridHeaders: {
-                    file: string;
-                    size: string;
-                };
             };
         };
         codeBlock: {
@@ -468,18 +476,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         fileUpload: {
             single: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
             };
             multiple: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 captionTextWhenSelected: string;
                 captionTextForCompactSize: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
                 title: string;
-                gridHeaders: {
-                    file: string;
-                    size: string;
-                };
             };
         };
         codeBlock: {
@@ -676,18 +688,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         fileUpload: {
             single: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
             };
             multiple: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 captionTextWhenSelected: string;
                 captionTextForCompactSize: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
                 title: string;
-                gridHeaders: {
-                    file: string;
-                    size: string;
-                };
             };
         };
         codeBlock: {
@@ -880,18 +896,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
         fileUpload: {
             single: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
             };
             multiple: {
                 captionText: string;
+                captionTextOnlyFolder: string;
+                captionTextWithFolder: string;
                 captionTextWhenSelected: string;
                 captionTextForCompactSize: string;
                 browseLink: string;
+                browseLinkFolder: string;
+                browseLinkFolderMixed: string;
                 title: string;
-                gridHeaders: {
-                    file: string;
-                    size: string;
-                };
             };
         };
         codeBlock: {

package/core/locales/pt-BR.d.ts

@@ -14,18 +14,22 @@ export declare const ptBRLocaleData: {
     fileUpload: {
         single: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
         };
         multiple: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             captionTextWhenSelected: string;
             captionTextForCompactSize: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
             title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
         };
     };
     codeBlock: {

package/core/locales/ru-RU.d.ts

@@ -15,18 +15,22 @@ export declare const ruRULocaleData: {
     fileUpload: {
         single: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
         };
         multiple: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             captionTextWhenSelected: string;
             captionTextForCompactSize: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
             title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
         };
     };
     codeBlock: {

package/core/locales/tk-TM.d.ts

@@ -15,18 +15,22 @@ export declare const tkTMLocaleData: {
     fileUpload: {
         single: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
         };
         multiple: {
             captionText: string;
+            captionTextOnlyFolder: string;
+            captionTextWithFolder: string;
             captionTextWhenSelected: string;
             captionTextForCompactSize: string;
             browseLink: string;
+            browseLinkFolder: string;
+            browseLinkFolderMixed: string;
             title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
         };
     };
     codeBlock: {

package/core/locales/types.d.ts

@@ -56,3 +56,20 @@ export type KbqTimeRangeLocaleConfig = {
         option: FormatterDurationTemplate;
     };
 };
+export interface KbqBaseFileUploadLocaleConfig {
+    captionText: string;
+    captionTextOnlyFolder: string;
+    captionTextWithFolder: string;
+    browseLink: string;
+    browseLinkFolder: string;
+    browseLinkFolderMixed?: string;
+}
+export interface KbqMultipleFileUploadLocaleConfig extends KbqBaseFileUploadLocaleConfig {
+    captionTextWhenSelected: string;
+    captionTextForCompactSize: string;
+    title: string;
+}
+export type KbqFileUploadLocaleConfig = {
+    single: KbqBaseFileUploadLocaleConfig;
+    multiple: KbqMultipleFileUploadLocaleConfig;
+};

package/core/option/option.d.ts

@@ -17,6 +17,7 @@ export declare class KbqOptionSelectionChange<T = KbqOption> {
 export interface KbqOptionParentComponent {
     multiple?: boolean;
     multiSelection?: boolean;
+    withVirtualScroll?: boolean;
     setSelectedOptionsByClick: (option: KbqOption) => void;
 }
 /**

package/core/styles/common/_animation.scss

@@ -8,7 +8,8 @@
     }
 }
 
-.kbq-progress {
+.kbq-progress.kbq-button,
+.kbq-progress.kbq-button-icon {
     position: relative;
 
     &:after {

package/core/styles/common/_visually-hidden.scss

@@ -3,6 +3,7 @@
 @mixin a11y-visually-hidden() {
     .cdk-visually-hidden {
         border: 0;
+        /* stylelint-disable-next-line property-no-deprecated */
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;

package/core/styles/theming/_scrollbar-theme.scss

@@ -20,6 +20,7 @@
 @mixin _kbq-scrollbar() {
     // For Firefox compatibility
     @supports not selector(::-webkit-scrollbar) {
+        /* stylelint-disable-next-line no-invalid-position-declaration */
         scrollbar-width: auto;
     }
 

package/datepicker/datepicker-input.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit, DoCheck, ElementRef, EventEmitter, InjectionToken, On
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { DateAdapter, ErrorStateMatcher, KbqDateFormats } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
-import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
+import type { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
 import { KbqCalendar } from './calendar.component';
 import { KbqDatepicker } from './datepicker.component';

package/dropdown/dropdown.scss

@@ -32,7 +32,9 @@
 }
 
 .kbq-dropdown__panel {
-    overflow: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+
     min-width: var(--kbq-dropdown-size-container-width-min);
     max-width: var(--kbq-dropdown-size-container-width-max);