@koobiq/components 17.7.1 → 17.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "17.7.1",
+    "version": "17.8.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -23,9 +23,9 @@
     "peerDependencies": {
         "@angular/cdk": "^17.0.0",
         "@angular/forms": "^17.0.0",
-        "@koobiq/cdk": "17.7.1",
-        "@koobiq/angular-moment-adapter": "17.7.1",
-        "@koobiq/angular-luxon-adapter": "17.7.1",
+        "@koobiq/cdk": "17.8.0",
+        "@koobiq/angular-moment-adapter": "17.8.0",
+        "@koobiq/angular-luxon-adapter": "17.8.0",
         "@koobiq/date-formatter": "^3.1.2",
         "@koobiq/icons": "^7.1.0",
         "@koobiq/tokens-builder": "3.5.1",

package/radio/radio.component.d.ts

@@ -47,9 +47,13 @@ export declare class KbqRadioGroup extends KbqRadioGroupMixinBase implements Aft
     /** Whether the radio group is disabled */
     get disabled(): boolean;
     set disabled(value: boolean);
+    /** Whether the radio group is disabled. */
+    private _disabled;
     /** Whether the radio group is required */
     get required(): boolean;
     set required(value: boolean);
+    /** Whether the radio group is required. */
+    private _required;
     /**
      * Event emitted when the group value changes.
      * Change events are only emitted when the value changes due to user interaction with
@@ -73,10 +77,6 @@ export declare class KbqRadioGroup extends KbqRadioGroupMixinBase implements Aft
     private isInitialized;
     /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */
     private _labelPosition;
-    /** Whether the radio group is disabled. */
-    private _disabled;
-    /** Whether the radio group is required. */
-    private _required;
     constructor(elementRef: ElementRef, changeDetector: ChangeDetectorRef);
     /** The method to be called in order to update ngModel */
     controlValueAccessorChangeFn: (value: any) => void;
@@ -125,6 +125,8 @@ export declare class KbqRadioGroup extends KbqRadioGroupMixinBase implements Aft
     private updateSelectedRadioFromValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqRadioGroup, "kbq-radio-group", ["kbqRadioGroup"], { "big": { "alias": "big"; "required": false; }; "name": { "alias": "name"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["radios"], never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
 }
 /** @docs-private */
 declare abstract class KbqRadioButtonBase {
@@ -147,9 +149,13 @@ export declare class KbqRadioButton extends KbqRadioButtonMixinBase implements O
     /** Whether the radio button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
+    /** Whether this radio is disabled. */
+    private _disabled;
     /** Whether the radio button is required. */
     get required(): boolean;
     set required(value: boolean);
+    /** Whether this radio is required. */
+    private _required;
     /** Whether the label should appear after or before the radio button. Defaults to 'after' */
     get labelPosition(): 'before' | 'after';
     set labelPosition(value: 'before' | 'after');
@@ -174,10 +180,6 @@ export declare class KbqRadioButton extends KbqRadioButtonMixinBase implements O
     private readonly uniqueId;
     /** Whether this radio is checked. */
     private _checked;
-    /** Whether this radio is disabled. */
-    private _disabled;
-    /** Whether this radio is required. */
-    private _required;
     /** Value assigned to this radio. */
     private _value;
     constructor(radioGroup: KbqRadioGroup, elementRef: ElementRef, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor, radioDispatcher: UniqueSelectionDispatcher);
@@ -200,5 +202,8 @@ export declare class KbqRadioButton extends KbqRadioButtonMixinBase implements O
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioButton, [{ optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqRadioButton, "kbq-radio-button", ["kbqRadioButton"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
+    static ngAcceptInputType_checked: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
 }
 export {};

package/schematics/ng-add/index.js

@@ -52,8 +52,8 @@ function ngAdd(options) {
         }
         // Installing dependencies
         addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
-        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.7.1");
-        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.7.1");
+        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.8.0");
+        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.8.0");
         addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");

package/tooltip/tooltip.scss

@@ -10,6 +10,32 @@
 $trigger-margin: 8px;
 $trigger-margin_without-arrow: 4px;
 
+.kbq-tooltip-panel_horizontal-navbar {
+    &:has(.kbq-tooltip_placement-top),
+    &:has(.kbq-tooltip_placement-top-left),
+    &:has(.kbq-tooltip_placement-top-right) {
+        margin-bottom: 9px;
+    }
+
+    &:has(.kbq-tooltip_placement-right),
+    &:has(.kbq-tooltip_placement-right-top),
+    &:has(.kbq-tooltip_placement-right-bottom) {
+        margin-left: 9px;
+    }
+
+    &:has(.kbq-tooltip_placement-bottom),
+    &:has(.kbq-tooltip_placement-bottom-left),
+    &:has(.kbq-tooltip_placement-bottom-right) {
+        margin-top: 9px;
+    }
+
+    &:has(.kbq-tooltip_placement-left),
+    &:has(.kbq-tooltip_placement-left-top),
+    &:has(.kbq-tooltip_placement-left-bottom) {
+        margin-right: 9px;
+    }
+}
+
 .kbq-tooltip__inner {
     border-radius: kbq-css-variable(tooltip-size-border-radius);
     word-break: break-word;