ngx-bsl 0.0.13 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bsl",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/Viggo97/ngx-bsl.git"

package/styles/components/_button.scss

@@ -32,7 +32,7 @@ button {
     outline-offset: 2px;
   }
 
-  &.button-icon {
+  &.bsl-button-icon {
     padding: .5rem;
 
     span {
@@ -42,7 +42,7 @@ button {
     }
   }
 
-  &.invisible {
+  &.bsl-button-invisible {
     background-color: transparent;
     border-color: transparent;
 

package/styles/components/_input.scss

@@ -20,35 +20,6 @@ input[type="number"] {
   }
 }
 
-.input-with-icon {
-  position: relative;
-
-  input {
-    padding-left: 2rem;
-  }
-
-  [class^="icon-"] {
-    position: absolute;
-    top: 50%;
-    left: .5rem;
-    transform: translateY(-50%);
-    font: var(--bsl-font-md);
-    color: var(--bsl-input-textColor);
-  }
-}
-
-.input-large {
-  input {
-    padding: .75rem 1.5rem .75rem 3rem;
-    font: var(--bsl-font-lg);
-  }
-
-  [class^="icon-"] {
-    left: 1rem;
-    font: var(--bsl-font-lg);
-  }
-}
-
 /* Remove arrows Chrome */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {

package/types/ngx-bsl.d.ts

@@ -20,15 +20,15 @@ declare class ListBoxDirective<TOption> {
     ariaActiveDescendant: _angular_core.WritableSignal<string | null>;
     selectOption: Subject<TOption | null>;
     hasAriaSelected: boolean;
-    initSelectedOption(value: any): void;
+    setVisualMarkups(value: any): boolean;
     onClick(event: MouseEvent): void;
     onKeydown(event: KeyboardEvent): void;
     private handleSelectionKeys;
     private handleArrowKeys;
     private getVisuallyFocusedOptionRefIndex;
-    setVisualFocus(optionIndex: number): void;
+    private setVisualFocus;
     private removeVisualFocus;
-    clearVisualFocus(): void;
+    private clearVisualFocus;
     private setSelectedAttribute;
     private removeSelectedAttribute;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxDirective<any>, never>;
@@ -71,8 +71,8 @@ declare class ComboboxComponent<TOption> implements ControlValueAccessor, OnInit
 
 declare class CheckboxComponent implements ControlValueAccessor {
     id: _angular_core.InputSignal<string>;
+    disabled: _angular_core.ModelSignal<boolean>;
     protected checked: _angular_core.WritableSignal<boolean>;
-    protected disabled: _angular_core.WritableSignal<boolean>;
     onChange: (_value: boolean) => void;
     onTouch: () => void;
     registerOnChange(onChange: (value: boolean) => void): void;
@@ -82,7 +82,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
     onKeydown(event: Event): void;
     onSelect(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ngx-bsl-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ngx-bsl-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, ["*"], true, never>;
 }
 
 declare class DrawerComponent {
@@ -108,6 +108,31 @@ declare class ListBoxSeparatorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxSeparatorComponent, "ngx-bsl-list-box-separator", never, {}, {}, never, never, true, never>;
 }
 
+declare class IconArrowLeftComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowLeftComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowLeftComponent, "ngx-bsl-icon-arrow-left", never, {}, {}, never, never, true, never>;
+}
+
+declare class IconArrowRightComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowRightComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowRightComponent, "ngx-bsl-icon-arrow-right", never, {}, {}, never, never, true, never>;
+}
+
+declare class IconArrowLeftDoubleComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowLeftDoubleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowLeftDoubleComponent, "ngx-bsl-icon-arrow-left-double", never, {}, {}, never, never, true, never>;
+}
+
+declare class IconArrowRightDoubleComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowRightDoubleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowRightDoubleComponent, "ngx-bsl-icon-arrow-right-double", never, {}, {}, never, never, true, never>;
+}
+
+declare class IconBurgerComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconBurgerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconBurgerComponent, "ngx-bsl-icon-burger", never, {}, {}, never, never, true, never>;
+}
+
 declare class IconCheckComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconCheckComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconCheckComponent, "ngx-bsl-icon-check", never, {}, {}, never, never, true, never>;
@@ -269,12 +294,7 @@ declare class SelectComponent<TOption, TValue> implements ControlValueAccessor,
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any, any>, "ngx-bsl-select", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "iconMode": { "alias": "iconMode"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "optionValueParse": { "alias": "optionValueParse"; "required": false; "isSignal": true; }; "displayLabel": { "alias": "displayLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[data-custom-icon]", "[data-custom-icon]", "*"], true, [{ directive: typeof ListBoxDirective; inputs: { "listBoxId": "listBoxId"; "listBoxAriaLabel": "listBoxAriaLabel"; "listBoxAriaLabelledby": "listBoxAriaLabelledby"; "optionValueEquality": "optionValueEquality"; }; outputs: {}; }]>;
 }
 
-declare enum TooltipPosition {
-    TOP = "TOP",
-    BOTTOM = "BOTTOM",
-    LEFT = "LEFT",
-    RIGHT = "RIGHT"
-}
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
 
 declare class TooltipDirective {
     message: _angular_core.InputSignal<string>;
@@ -289,4 +309,4 @@ declare class TooltipDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[ngxBslTooltip]", never, { "message": { "alias": "ngxBslTooltip"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { CheckboxComponent, ComboboxComponent, DrawerComponent, IconCheckComponent, IconChevronDownComponent, IconCompanyComponent, IconLanguageComponent, IconLocationComponent, IconMoonComponent, IconSunComponent, IconXMarkComponent, ListBoxDirective, ListBoxGroupComponent, ListBoxOptionComponent, ListBoxSeparatorComponent, PaginationComponent, RangeComponent, SelectComponent, TooltipDirective };
+export { CheckboxComponent, ComboboxComponent, DrawerComponent, IconArrowLeftComponent, IconArrowLeftDoubleComponent, IconArrowRightComponent, IconArrowRightDoubleComponent, IconBurgerComponent, IconCheckComponent, IconChevronDownComponent, IconCompanyComponent, IconLanguageComponent, IconLocationComponent, IconMoonComponent, IconSunComponent, IconXMarkComponent, ListBoxDirective, ListBoxGroupComponent, ListBoxOptionComponent, ListBoxSeparatorComponent, PaginationComponent, RangeComponent, SelectComponent, TooltipDirective };