myrta-ui 1.1.100 → 13.0.1

package/lib/components/form/select/enums/index.d.ts

@@ -0,0 +1 @@
+export * from './select-size.enum';

package/lib/components/form/select/enums/select-size.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum SelectSizeEnum {
+    'medium' = "mrx-select-md",
+    'large' = "mrx-select-lg"
+}
+export declare type SelectSizeTypes = 'medium' | 'large';

package/lib/components/form/select/helpers/clean-selected-items.helper.d.ts

@@ -0,0 +1,3 @@
+import { SelectInnerItemModel } from '../models/select-inner-item.model';
+export declare const cleanSelectItems: (innerList: SelectInnerItemModel[]) => any[];
+export declare const cleanSelectItem: (innerItem: SelectInnerItemModel) => any;

package/lib/components/form/select/helpers/get-inner-items.helper.d.ts

@@ -0,0 +1,3 @@
+import { SelectItemModel } from '../models/select-item.model';
+import { SelectInnerItemModel } from '../models/select-inner-item.model';
+export declare const getInnerItems: (items: SelectItemModel[], selectedItems: SelectItemModel[] | undefined, bindValue: string | null) => SelectInnerItemModel[];

package/lib/components/form/select/helpers/get-inner-selected.helper.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemModel } from '../models/select-item.model';
+export declare const getInnerSelected: (items: SelectItemModel[], selected: any[], bindValue: string | null) => SelectItemModel[];

package/lib/components/form/select/helpers/get-selected-items.helper.d.ts

@@ -0,0 +1,2 @@
+import { SelectInnerItemModel } from '../models/select-inner-item.model';
+export declare const getSelectedItems: (innerItems: SelectInnerItemModel[], bindValue: string | null) => any;

package/lib/components/form/select/helpers/modify-origin-items.helper.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemModel } from "../models/select-item.model";
+export declare const modifyOriginItems: (selected: SelectItemModel[], bindValue: string | null) => any;

package/lib/components/form/select/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './select-item.model';
+export * from './select-inner-item.model';
+export * from './template-output.model';

package/lib/components/form/select/models/select-inner-item.model.d.ts

@@ -0,0 +1,6 @@
+export interface SelectInnerItemModel {
+    [name: string]: any;
+    __origin: any;
+    __id: number;
+    __selected: boolean;
+}

package/lib/components/form/select/models/select-item.model.d.ts

@@ -0,0 +1,5 @@
+export interface SelectItemModel {
+    [name: string]: any;
+}
+export declare type AddOptionFn = ((term: string) => any);
+export declare type CustomSearchFn = (searchValue: string, item: SelectItemModel) => boolean;

package/lib/components/form/select/models/template-output.model.d.ts

@@ -0,0 +1,8 @@
+import { SelectItemModel } from './select-item.model';
+import { SelectInnerItemModel } from './select-inner-item.model';
+export interface TemplateOutputModel {
+    item: SelectItemModel;
+    first: boolean;
+    last: boolean;
+    clear?: (item: SelectInnerItemModel) => void;
+}

package/lib/components/form/select/select.component.d.ts

@@ -0,0 +1,96 @@
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SelectSizeTypes } from './enums';
+import { PopupComponent } from '../../popup/components/popup/popup.component';
+import { SelectInnerItemModel, AddOptionFn, CustomSearchFn, SelectItemModel, TemplateOutputModel } from './models';
+import { PositionType } from '../../../enums/overlay';
+import { MrxFormValidator } from '../../../services';
+import { SelectValueTypes, SelectValueWithId } from './select.enum';
+import { Field } from '../../../services';
+import * as i0 from "@angular/core";
+export declare class SelectComponent implements ControlValueAccessor, OnInit {
+    searchValue: string;
+    isOpen: boolean;
+    originSelected: any | any[];
+    originItems: SelectItemModel[];
+    selected: SelectItemModel[];
+    innerItems: SelectInnerItemModel[];
+    form: MrxFormValidator;
+    model: {
+        label: string;
+    };
+    uuid: string;
+    fields: Field[];
+    set items(items: any[]);
+    multiple: boolean;
+    isLoading: boolean;
+    searchable: boolean;
+    clearable: boolean;
+    closable: boolean;
+    size: SelectSizeTypes;
+    bindValue: string | null;
+    bindLabel: string | null;
+    bindIcon: string | null;
+    emptyText: string;
+    placeholder: string;
+    searchPlaceholder: string;
+    multiCollapseCount: number | null;
+    optionValidation: {
+        label: {
+            required: boolean;
+            minLength: number;
+        };
+    } | null;
+    extraOptionPlaceholder: string;
+    use: 'default' | 'link';
+    sortIcon: 'asc' | 'desc' | null;
+    sortPlaceholder: string;
+    isFullWidthDropdown: boolean;
+    withoutSelected: boolean;
+    hideSelected: boolean;
+    addOption: AddOptionFn;
+    customSearchFn?: CustomSearchFn;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    invalidMessage: string | string[];
+    checkInvalid: true | false | null;
+    popupPosition: PositionType;
+    singleChange: boolean;
+    scrollContainer?: ElementRef;
+    scrollStrategy: 'reposition' | 'close';
+    dropdown: PopupComponent;
+    optionTemplate: TemplateRef<TemplateOutputModel>;
+    labelTemplate: TemplateRef<TemplateOutputModel>;
+    popupHeaderTemplate: TemplateRef<TemplateOutputModel>;
+    popupFooterTemplate: TemplateRef<TemplateOutputModel>;
+    contentTemplate: TemplateRef<any>;
+    changed: EventEmitter<SelectValueTypes>;
+    modelChange: EventEmitter<SelectValueWithId>;
+    ngOnInit(): void;
+    get readonlyClass(): string;
+    get checkValidClasses(): string;
+    get getClasses(): string;
+    get getSelectedLabels(): SelectInnerItemModel[];
+    get filteredItems(): SelectInnerItemModel[];
+    get isInvalidMessage(): boolean;
+    get getIconSize(): string;
+    onSelect(item: SelectInnerItemModel): void;
+    clearItem(item: SelectInnerItemModel): void;
+    onUnselect(item: SelectInnerItemModel): void;
+    onClear(event: MouseEvent): void;
+    togglePopup(isOpen: boolean): void;
+    asOption(option: SelectInnerItemModel): SelectInnerItemModel;
+    asLabel(label: SelectInnerItemModel): SelectInnerItemModel;
+    writeValue(selected?: any | any[]): void;
+    changeTextValueEmpty(): void;
+    onAddNewCustomOption(): void;
+    private _updateSelected;
+    private _updateValue;
+    private onChange;
+    private onTouched;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => {}): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "mrx-select", never, { "fields": "fields"; "items": "items"; "multiple": "multiple"; "isLoading": "isLoading"; "searchable": "searchable"; "clearable": "clearable"; "closable": "closable"; "size": "size"; "bindValue": "bindValue"; "bindLabel": "bindLabel"; "bindIcon": "bindIcon"; "emptyText": "emptyText"; "placeholder": "placeholder"; "searchPlaceholder": "searchPlaceholder"; "multiCollapseCount": "multiCollapseCount"; "optionValidation": "isExtraOption"; "extraOptionPlaceholder": "extraOptionPlaceholder"; "use": "use"; "sortIcon": "sortIcon"; "sortPlaceholder": "sortPlaceholder"; "isFullWidthDropdown": "isFullWidthDropdown"; "withoutSelected": "withoutSelected"; "hideSelected": "hideSelected"; "addOption": "addOption"; "customSearchFn": "customSearchFn"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "popupPosition": "popupPosition"; "singleChange": "singleChange"; "scrollContainer": "scrollContainer"; "scrollStrategy": "scrollStrategy"; }, { "changed": "changed"; "modelChange": "modelChange"; }, ["optionTemplate", "labelTemplate", "popupHeaderTemplate", "popupFooterTemplate", "contentTemplate"], never>;
+}

package/lib/components/form/select/select.enum.d.ts

@@ -0,0 +1,5 @@
+export declare type SelectValueTypes = any | any[];
+export interface SelectValueWithId {
+    value: SelectValueTypes;
+    id: string;
+}

package/lib/components/form/select/select.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./select.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../popup/popup.module";
+import * as i5 from "../../loader/loader.module";
+import * as i6 from "../input-text/input-text.module";
+import * as i7 from "../../error-message/error-message.module";
+import * as i8 from "../../save-state/save-state.module";
+import * as i9 from "../../button/button.module";
+import * as i10 from "../input-search/input-search.module";
+import * as i11 from "ngx-mask";
+export declare class SelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof i1.SelectComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PopupModule, typeof i5.LoaderModule, typeof i6.InputTextModule, typeof i7.ErrorMessageModule, typeof i8.SaveStateModule, typeof i9.ButtonModule, typeof i10.InputSearchModule, typeof i11.NgxMaskModule], [typeof i1.SelectComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
+}

package/lib/components/popup/components/popup/popup.component.d.ts

@@ -3,10 +3,16 @@ import { PopupItemComponent } from '../popup-item/popup-item.component';
 import * as i0 from "@angular/core";
 export declare class PopupComponent {
     closeAfterClick: boolean;
-    maxWidth: string;
+    minWidth: string;
     templateRef: TemplateRef<any>;
+    headerTemplate: TemplateRef<HTMLElement>;
+    footerTemplate: TemplateRef<HTMLElement>;
     popupItemComponents: QueryList<PopupItemComponent>;
-    closed: EventEmitter<void>;
+    toggle: EventEmitter<boolean>;
+    _toggleInner: EventEmitter<boolean>;
+    _updateInner: EventEmitter<void>;
+    togglePopup(value: boolean): void;
+    updatePopup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "mrx-popup", never, { "closeAfterClick": "closeAfterClick"; "maxWidth": "maxWidth"; }, { "closed": "closed"; }, ["popupItemComponents"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "mrx-popup", never, { "closeAfterClick": "closeAfterClick"; "minWidth": "minWidth"; }, { "toggle": "toggle"; "_toggleInner": "_toggleInner"; "_updateInner": "_updateInner"; }, ["headerTemplate", "footerTemplate", "popupItemComponents"], never>;
 }

package/lib/components/popup/components/popup-item/popup-item.component.d.ts

@@ -1,8 +1,12 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PopupItemComponent {
+    custom: boolean;
+    id: string | number;
+    disabled: boolean;
     templateRef: TemplateRef<any>;
     clicked: EventEmitter<void>;
+    itemClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopupItemComponent, "mrx-popup-item", never, {}, { "clicked": "clicked"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopupItemComponent, "mrx-popup-item", never, { "custom": "custom"; "id": "id"; "disabled": "disabled"; }, { "clicked": "clicked"; }, never, ["*"]>;
 }

package/lib/components/popup/directives/popup-trigger.directive.d.ts

@@ -1,27 +1,40 @@
-import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
 import { PopupComponent } from '../components/popup/popup.component';
-import { Overlay, OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
-import { ConnectedPositionVariantsType } from '../../cdk-tooltip/constants';
+import { Overlay, OverlayOutsideClickDispatcher, ScrollDispatcher } from '@angular/cdk/overlay';
+import { PositionType } from '../../../enums/overlay';
 import * as i0 from "@angular/core";
-export declare class PopupTriggerDirective implements OnDestroy {
+export declare class PopupTriggerDirective implements AfterViewInit, OnDestroy {
     private overlay;
     private elementRef;
     private viewContainerRef;
     private dispatcher;
-    private _subscriber$;
+    private scrollDispatcher;
+    private _subscriberDetach$;
+    private _subscriberAttach$;
     private _isDropdownOpen;
     private _overlayRef;
     popupPanel: PopupComponent;
-    popupPosition: ConnectedPositionVariantsType;
-    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, dispatcher: OverlayOutsideClickDispatcher);
+    popupPosition: PositionType;
+    isFullWidthDropdown: boolean;
+    minWidthDropdown: number | string;
+    maxWidthDropdown: number | string;
+    scrollContainerRef?: ElementRef;
+    scrollStrategy: 'reposition' | 'close';
+    get getMinWidthDropdown(): string | number;
+    get getMaxWidthDropdown(): string | number | undefined;
+    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, dispatcher: OverlayOutsideClickDispatcher, scrollDispatcher: ScrollDispatcher);
+    ngAfterViewInit(): void;
     togglePopup(): void;
     openDropdown(): void;
-    close(): void;
+    closeDropdown(): void;
+    updatePosition(): void;
+    updateSize(): void;
     private getPositionStrategy;
     private destroyDropdown;
     private hideOtherOverlays;
     ngOnDestroy(): void;
     handleClick(event: any): void;
+    handleResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopupTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PopupTriggerDirective, "[mrxPopupTrigger]", never, { "popupPanel": "mrxPopupTrigger"; "popupPosition": "popupPosition"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopupTriggerDirective, "[mrxPopupTrigger]", never, { "popupPanel": "mrxPopupTrigger"; "popupPosition": "popupPosition"; "isFullWidthDropdown": "isFullWidthDropdown"; "minWidthDropdown": "minWidthDropdown"; "maxWidthDropdown": "maxWidthDropdown"; "scrollContainerRef": "scrollContainerRef"; "scrollStrategy": "scrollStrategy"; }, {}, never>;
 }

package/lib/components/popup/popup.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./components/popup/popup.component";
 import * as i2 from "./components/popup-item/popup-item.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
+import * as i3 from "./directives/popup-trigger.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/overlay";
 export declare class PopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PopupModule, [typeof i1.PopupComponent, typeof i2.PopupItemComponent], [typeof i3.CommonModule, typeof i4.OverlayModule], [typeof i1.PopupComponent, typeof i2.PopupItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PopupModule, [typeof i1.PopupComponent, typeof i2.PopupItemComponent, typeof i3.PopupTriggerDirective], [typeof i4.CommonModule, typeof i5.OverlayModule], [typeof i1.PopupComponent, typeof i2.PopupItemComponent, typeof i3.PopupTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PopupModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myrta-ui",
-  "version": "1.1.100",
+  "version": "13.0.1",
   "peerDependencies": {
     "@angular/common": "^13.3.0",
     "@angular/core": "^13.3.0",

package/public-api.d.ts

@@ -131,6 +131,11 @@ export * from './lib/components/form/input-number/input-number.enum';
 export * from './lib/components/form/input-select/input-select.module';
 export * from './lib/components/form/input-select/input-select.component';
 export * from './lib/components/form/input-select/input-select.enum';
+export * from './lib/components/form/select/select.module';
+export * from './lib/components/form/select/select.component';
+export * from './lib/components/form/select/select.enum';
+export * from './lib/components/form/select/models';
+export * from './lib/components/form/select/enums';
 export * from './lib/components/form/input-file/input-file.module';
 export * from './lib/components/form/input-file/input-file.component';
 export * from './lib/components/form/input-file-image/input-file-image.module';