@koobiq/components 17.0.0-beta.2 → 17.0.0-rc.2

package/schematics/collection.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+    "schematics": {
+        "ng-add": {
+            "description": "Adds @koobiq/components library to the project and installs dependencies",
+            "factory": "./ng-add/index",
+            "schema": "./ng-add/schema.json",
+            "aliases": ["install"]
+        }
+    }
+}

package/schematics/ng-add/index.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var schematics = require('@angular-devkit/schematics');
+var utility = require('@schematics/angular/utility');
+
+/**
+ * Sorts the keys of the given object.
+ * @returns A new object instance with sorted keys
+ */
+function sortObjectByKeys(obj) {
+    return Object.keys(obj)
+        .sort()
+        .reduce((result, key) => (result[key] = obj[key]) && result, {});
+}
+/**
+ * Adds a package to the package.json in the given tree
+ */
+function addPackageToPackageJson(tree, pkg, version, devDependency = false) {
+    if (tree.exists('package.json')) {
+        const sourceText = tree.read('package.json').toString('utf-8');
+        const json = JSON.parse(sourceText);
+        const dependenciesType = devDependency ? 'devDependencies' : 'dependencies';
+        const dependencies = json[dependenciesType] || {};
+        if (!dependencies[pkg]) {
+            dependencies[pkg] = version;
+            json[dependenciesType] = sortObjectByKeys(dependencies);
+        }
+        tree.overwrite('package.json', JSON.stringify(json, null, 2));
+    }
+    return tree;
+}
+
+function noProject(project) {
+    return `Unable to find project '${project}' in the workspace`;
+}
+
+/**
+ * This is executed when `ng add @koobiq/components` is run.
+ * It installs all dependencies in the 'package.json' and runs 'ng-add-setup-project' schematic.
+ */
+function ngAdd(options) {
+    return async (tree) => {
+        const { project } = options;
+        if (project) {
+            const workspace = await utility.readWorkspace(tree);
+            const projectWorkspace = workspace.projects.get(project);
+            if (!projectWorkspace) {
+                throw new schematics.SchematicsException(noProject(project));
+            }
+        }
+        // Installing dependencies
+        addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
+        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.0-rc.2");
+        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.0-rc.2");
+        addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.0.2");
+        addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.0.2");
+        addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");
+        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0-beta.32");
+        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0-beta.32");
+        addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
+        addPackageToPackageJson(tree, 'luxon', "^3.4.4");
+        addPackageToPackageJson(tree, 'marked', "^4.0.18");
+        addPackageToPackageJson(tree, 'overlayscrollbars', "^2.7.3");
+        addPackageToPackageJson(tree, 'ngx-highlightjs', "^10.0.0");
+    };
+}
+
+exports.default = ngAdd;

package/schematics/ng-add/schema.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "koobiq-components-ng-add",
+    "title": "koobiq-components ng-add schematic",
+    "type": "object",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Name of the project",
+            "$default": {
+                "$source": "projectName"
+            }
+        }
+    }
+}

package/scrollbar/scrollbar.directive.d.ts

@@ -35,6 +35,7 @@ export declare class KbqScrollbarDirective implements OnDestroy {
             visibility?: import("overlayscrollbars").ScrollbarsVisibilityBehavior | undefined;
             autoHide?: import("overlayscrollbars").ScrollbarsAutoHideBehavior | undefined;
             autoHideDelay?: number | undefined;
+            autoHideSuspend?: boolean | undefined;
             dragScroll?: boolean | undefined;
             clickScroll?: boolean | undefined;
             pointers?: string[] | null | undefined;

package/scrollbar/scrollbar.types.d.ts

@@ -23,6 +23,7 @@ export declare const KBQ_SCROLLBAR_CONFIG: InjectionToken<{
         visibility?: import("overlayscrollbars").ScrollbarsVisibilityBehavior | undefined;
         autoHide?: import("overlayscrollbars").ScrollbarsAutoHideBehavior | undefined;
         autoHideDelay?: number | undefined;
+        autoHideSuspend?: boolean | undefined;
         dragScroll?: boolean | undefined;
         clickScroll?: boolean | undefined;
         pointers?: string[] | null | undefined;

package/select/select.component.d.ts

@@ -189,6 +189,8 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     get triggerValue(): string;
     get triggerValues(): KbqOptionBase[];
     get empty(): boolean;
+    get firstSelected(): KbqOptionBase | null;
+    get firstFiltered(): boolean;
     private closeSubscription;
     /** The scroll position of the overlay panel, calculated to center the selected option. */
     private scrollTop;

package/splitter/_splitter-theme.scss

@@ -11,7 +11,7 @@
 
         &:hover,
         &.kbq-gutter_dragged {
-            background-color: map.get($background, ghost-hover);
+            background-color: rgba(106, 115, 150, 0.08);
         }
 
         &.kbq-gutter_vertical {
@@ -27,6 +27,6 @@
     }
 
     .kbq-gutter-ghost {
-        background: kbq-color($background, ghost-active);
+        background: rgba(106, 115, 150, 0.16);
     }
 }

package/tree-select/tree-select.component.d.ts

@@ -228,6 +228,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     get triggerValue(): string;
     get empty(): boolean;
     isRtl(): boolean;
+    get firstSelected(): any;
     handleKeydown(event: KeyboardEvent): void;
     onFocus(): void;
     /**