@crowdfarming/oliva-ds 1.18.0 → 1.19.0-rc.1

package/index.d.ts

@@ -9,6 +9,7 @@ export * from './lib/button/src/index';
 export * from './lib/checkbox-group/src/index';
 export * from './lib/checkbox/src/index';
 export * from './lib/chips/src/index';
+export * from './lib/dropdown/src/index';
 export * from './lib/styles/src/index';
 export * from './lib/helper-text/src/index';
 export * from './lib/icon/src/index';

package/lib/dropdown/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/dropdown/dropdown.component';
+export * from './lib/dropdown/dropdown-trigger.directive';

package/lib/dropdown/src/lib/dropdown/dropdown-trigger.directive.d.ts

@@ -0,0 +1,9 @@
+import { DropdownComponent } from './dropdown.component';
+import * as i0 from "@angular/core";
+export declare class DropdownTriggerDirective {
+    libDropdownTriggerFor: import("@angular/core").InputSignal<DropdownComponent>;
+    private elementRef;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[libDropdownTriggerFor]", never, { "libDropdownTriggerFor": { "alias": "libDropdownTriggerFor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/dropdown/src/lib/dropdown/dropdown.component.d.ts

@@ -0,0 +1,59 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface Dropdown {
+    type: 'default' | 'group';
+    options?: DropdownOption[];
+    groups?: DropdownGroup[];
+}
+export interface DropdownGroup {
+    header?: string;
+    options: DropdownOption[];
+}
+export interface DropdownOption {
+    value: any;
+    label: string;
+    detail?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export declare class DropdownComponent {
+    dataSource: import("@angular/core").InputSignal<Dropdown>;
+    value: import("@angular/core").InputSignal<any>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    selectionChange: import("@angular/core").OutputEmitterRef<any>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    isClosing: import("@angular/core").WritableSignal<boolean>;
+    selectedOption: import("@angular/core").WritableSignal<DropdownOption>;
+    readonly dropdownId = "c-dropdown";
+    readonly listboxId: string;
+    private elementRef;
+    private triggerButtonRef?;
+    dropdownButton: ElementRef;
+    dropdownMenu: ElementRef;
+    onClickOutside(event: Event): void;
+    onWindowResize(): void;
+    onWindowScroll(): void;
+    classes: import("@angular/core").Signal<string>;
+    menuStyles: import("@angular/core").Signal<any>;
+    private maxHeight;
+    private menuLeft;
+    private menuTop;
+    get flatOptions(): DropdownOption[];
+    constructor();
+    setTriggerButton(element: HTMLElement): void;
+    toggleDropdown(): void;
+    private openAndFocusFirst;
+    private closeDropdown;
+    private closeAndFocusButton;
+    selectOption(option: DropdownOption): void;
+    onKeydown(event: KeyboardEvent): void;
+    onOptionKeydown(event: KeyboardEvent, option: DropdownOption): void;
+    isOptionSelected(option: DropdownOption): boolean;
+    private get availableOptions();
+    private focusFirst;
+    private focusNext;
+    private focusPrevious;
+    private calculateOptimalPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/icon/src/lib/icon/svg/arrows.constant.d.ts

@@ -5,5 +5,6 @@ export declare const arrowsIcons: {
     'caretup-regular': string;
     'arrowsdownup-regular': string;
     'arrowclockwise-regular': string;
+    'arrowclockwise-fill': string;
     'arrowleft-regular': string;
 };

package/lib/icon/src/lib/icon/svg/brands.constant.d.ts

@@ -1 +1,6 @@
-export declare const brandsIcons: {};
+export declare const brandsIcons: {
+    facebooklogo: string;
+    instagramlogo: string;
+    xlogo: string;
+    youtubelogo: string;
+};

package/lib/icon/src/lib/icon/svg/commerce.constant.d.ts

@@ -1,7 +1,10 @@
 export declare const commerceIcons: {
     'shoppingbagopen-regular': string;
+    'shoppingbagopen-fill': string;
     'package-regular': string;
+    'package-fill': string;
     'creditcard-regular': string;
+    'creditcard-fill': string;
     'farm-regular': string;
     'farm-fill': string;
     'invoice-regular': string;

package/lib/icon/src/lib/icon/svg/communication.constant.d.ts

@@ -1,4 +1,5 @@
 export declare const communicationIcons: {
     'translate-regular': string;
     'megaphone-regular': string;
+    'megaphone-fill': string;
 };

package/lib/icon/src/lib/icon/svg/index.d.ts

@@ -3,18 +3,25 @@ export declare const icons: {
     'warning-regular': string;
     'warningcircle-regular': string;
     'user-regular': string;
+    'user-fill': string;
     'usercirclecheck-regular': string;
+    'usercirclecheck-fill': string;
     'users-regular': string;
+    'users-fill': string;
     'caretleft-regular': string;
     'caretright-regular': string;
     'caretdown-regular': string;
     'caretup-regular': string;
     'arrowsdownup-regular': string;
     'arrowclockwise-regular': string;
+    'arrowclockwise-fill': string;
     'arrowleft-regular': string;
     'shoppingbagopen-regular': string;
+    'shoppingbagopen-fill': string;
     'package-regular': string;
+    'package-fill': string;
     'creditcard-regular': string;
+    'creditcard-fill': string;
     'farm-regular': string;
     'farm-fill': string;
     'invoice-regular': string;
@@ -23,6 +30,8 @@ export declare const icons: {
     'trash-regular': string;
     'notepad-regular': string;
     'notepad-fill': string;
+    'list-regular': string;
+    'list-fill': string;
     'minus-regular': string;
     'plus-regular': string;
     'bank-regular': string;
@@ -31,12 +40,17 @@ export declare const icons: {
     'checkcircle-regular': string;
     'checkcircle-fill': string;
     'magnifyingglass-regular': string;
+    'magnifyingglass-fill': string;
     'uploadsimple-regular': string;
     'dotsthree-regular': string;
     'signout-regular': string;
     'gear-regular': string;
     'gear-fill': string;
     'bell-regular': string;
+    facebooklogo: string;
+    instagramlogo: string;
+    xlogo: string;
+    youtubelogo: string;
     'placeholder-regular': string;
     'eye-regular': string;
     'eyeslash-regular': string;
@@ -51,9 +65,14 @@ export declare const icons: {
     'slidershorizontal-regular': string;
     'globe-regular': string;
     'mappin-regular': string;
+    'mappin-fill': string;
+    'house-regular': string;
+    'house-fill': string;
     'translate-regular': string;
     'megaphone-regular': string;
+    'megaphone-fill': string;
     'plant-regular': string;
+    'plant-fill': string;
     bioland: string;
     _biosuisse_deprecated: string;
     'conversion to organic': string;

package/lib/icon/src/lib/icon/svg/mapsTravel.constant.d.ts

@@ -1,4 +1,7 @@
 export declare const mapsTravelIcons: {
     'globe-regular': string;
     'mappin-regular': string;
+    'mappin-fill': string;
+    'house-regular': string;
+    'house-fill': string;
 };

package/lib/icon/src/lib/icon/svg/officeEditing.constant.d.ts

@@ -3,4 +3,6 @@ export declare const officeEditingIcons: {
     'trash-regular': string;
     'notepad-regular': string;
     'notepad-fill': string;
+    'list-regular': string;
+    'list-fill': string;
 };

package/lib/icon/src/lib/icon/svg/people.constant.d.ts

@@ -1,5 +1,8 @@
 export declare const peopleIcons: {
     'user-regular': string;
+    'user-fill': string;
     'usercirclecheck-regular': string;
+    'usercirclecheck-fill': string;
     'users-regular': string;
+    'users-fill': string;
 };

package/lib/icon/src/lib/icon/svg/systemDevices.constant.d.ts

@@ -2,6 +2,7 @@ export declare const systemDevicesIcons: {
     'checkcircle-regular': string;
     'checkcircle-fill': string;
     'magnifyingglass-regular': string;
+    'magnifyingglass-fill': string;
     'uploadsimple-regular': string;
     'dotsthree-regular': string;
     'signout-regular': string;

package/lib/icon/src/lib/icon/svg/weatherNature.constant.d.ts

@@ -1,3 +1,4 @@
 export declare const weatherNatureIcons: {
     'plant-regular': string;
+    'plant-fill': string;
 };

package/lib/modal/src/lib/modal/modal.component.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { ModalButton } from './modal.interfaces';
 import * as i0 from "@angular/core";
-export declare class ModalComponent {
+export declare class ModalComponent implements OnDestroy {
     private _isOpenSignal;
     private _sizeSignal;
     private _titleSignal;
@@ -12,6 +12,7 @@ export declare class ModalComponent {
     private _closeOnBackdropClickSignal;
     modalContentRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     constructor();
+    ngOnDestroy(): void;
     isModalOpen(): boolean;
     getSize(): "lg" | "md" | "sm";
     getTitle(): string;
@@ -39,6 +40,8 @@ export declare class ModalComponent {
     getBackdropClasses(): string;
     getContentClasses(): string;
     private focusFirstElement;
+    private disableBodyScroll;
+    private enableBodyScroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "lib-modal", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/tag/src/lib/tag/tag.component.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TagComponent {
+    size: import("@angular/core").InputSignal<"sm" | "xs">;
     variant: import("@angular/core").InputSignal<"primary" | "secondary" | "neutral" | "warning" | "success" | "info" | "alert" | "disabled">;
     text: import("@angular/core").InputSignal<string>;
     extraClass: import("@angular/core").InputSignal<string>;
@@ -10,5 +11,5 @@ export declare class TagComponent {
     closeEvent: import("@angular/core").OutputEmitterRef<void>;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "lib-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "extraClass": { "alias": "extraClass"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "closeActive": { "alias": "closeActive"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "skeletonActive": { "alias": "skeletonActive"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "lib-tag", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "extraClass": { "alias": "extraClass"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "closeActive": { "alias": "closeActive"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "skeletonActive": { "alias": "skeletonActive"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdfarming/oliva-ds",
-  "version": "1.18.0",
+  "version": "1.19.0-rc.1",
   "description": "Librería de componentes de diseño de Oliva",
   "author": "crowdfarming",
   "license": "MIT",