myrta-ui 17.0.30 → 17.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/esm2022/lib/components/form/select/components/select/select.component.mjs +98 -0
  2. package/esm2022/lib/components/form/select/components/select-multi/select-multi.component.mjs +112 -0
  3. package/esm2022/lib/components/form/select/enums/index.mjs +1 -2
  4. package/esm2022/lib/components/form/select/helpers/clean-selected-items.helper.mjs +4 -0
  5. package/esm2022/lib/components/form/select/helpers/get-selected-items.helper.mjs +21 -0
  6. package/esm2022/lib/components/form/select/models/select-inner-item.model.mjs +2 -0
  7. package/esm2022/lib/components/form/select/models/select-item.model.mjs +2 -0
  8. package/esm2022/lib/components/form/select/select.module.mjs +15 -6
  9. package/esm2022/lib/components/popup/components/popup/popup.component.mjs +17 -6
  10. package/esm2022/lib/components/popup/components/popup-item/popup-item.component.mjs +8 -5
  11. package/esm2022/lib/components/popup/directives/popup-trigger.directive.mjs +43 -8
  12. package/esm2022/lib/services/modal-service/modal-service.service.mjs +4 -4
  13. package/esm2022/public-api.mjs +3 -2
  14. package/fesm2022/myrta-ui.mjs +253 -41
  15. package/fesm2022/myrta-ui.mjs.map +1 -1
  16. package/lib/components/form/select/components/select/select.component.d.ts +28 -0
  17. package/lib/components/form/select/components/select-multi/select-multi.component.d.ts +31 -0
  18. package/lib/components/form/select/enums/index.d.ts +0 -1
  19. package/lib/components/form/select/helpers/clean-selected-items.helper.d.ts +4 -0
  20. package/lib/components/form/select/helpers/get-selected-items.helper.d.ts +2 -0
  21. package/lib/components/form/select/models/select-inner-item.model.d.ts +5 -0
  22. package/lib/components/form/select/models/select-item.model.d.ts +3 -0
  23. package/lib/components/form/select/select.module.d.ts +6 -4
  24. package/lib/components/popup/components/popup/popup.component.d.ts +6 -2
  25. package/lib/components/popup/components/popup-item/popup-item.component.d.ts +2 -1
  26. package/lib/components/popup/directives/popup-trigger.directive.d.ts +9 -4
  27. package/package.json +1 -1
  28. package/public-api.d.ts +2 -1
  29. package/esm2022/lib/components/form/select/enums/select-type.enum.mjs +0 -6
  30. package/esm2022/lib/components/form/select/select.component.mjs +0 -62
  31. package/lib/components/form/select/enums/select-type.enum.d.ts +0 -5
  32. package/lib/components/form/select/select.component.d.ts +0 -21
@@ -0,0 +1,28 @@
1
+ import { ControlValueAccessor } from '@angular/forms';
2
+ import { SelectSizeTypes } from '../../enums';
3
+ import { PopupComponent } from '../../../../popup/components/popup/popup.component';
4
+ import * as i0 from "@angular/core";
5
+ export declare class SelectComponent implements ControlValueAccessor {
6
+ isOpen: boolean;
7
+ selected: any | any[];
8
+ items: any[];
9
+ size: SelectSizeTypes;
10
+ bindValue: string | null;
11
+ bindLabel: string;
12
+ bindIcon: string;
13
+ dropdown: PopupComponent;
14
+ get getClasses(): string;
15
+ get getSelectedSingleLabels(): string;
16
+ private onChange;
17
+ private onTouched;
18
+ registerOnChange(fn: any): void;
19
+ registerOnTouched(fn: () => {}): void;
20
+ writeValue(selected: any): void;
21
+ updateValue(selected: any): void;
22
+ onSelect(item: any): void;
23
+ onOpen(event: MouseEvent): void;
24
+ onClear(event: MouseEvent): void;
25
+ togglePopup(isOpen: boolean): void;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "mrx-select", never, { "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; }, {}, never, never, false, never>;
28
+ }
@@ -0,0 +1,31 @@
1
+ import { ControlValueAccessor } from '@angular/forms';
2
+ import { SelectSizeTypes } from '../../enums';
3
+ import { PopupComponent } from '../../../../popup/components/popup/popup.component';
4
+ import { SelectInnerItemModel } from '../../models/select-inner-item.model';
5
+ import { SelectItemModel } from '../../models/select-item.model';
6
+ import * as i0 from "@angular/core";
7
+ export declare class SelectMultiComponent implements ControlValueAccessor {
8
+ isOpen: boolean;
9
+ originItems: SelectItemModel[];
10
+ innerItems: SelectInnerItemModel[];
11
+ set items(list: SelectItemModel[]);
12
+ size: SelectSizeTypes;
13
+ bindValue: string | null;
14
+ bindLabel: string;
15
+ bindIcon: string;
16
+ dropdown: PopupComponent;
17
+ get getClasses(): string;
18
+ get getSelectedMultiLabels(): SelectInnerItemModel[];
19
+ private onChange;
20
+ private onTouched;
21
+ registerOnChange(fn: any): void;
22
+ registerOnTouched(fn: () => {}): void;
23
+ writeValue(selected?: any[]): void;
24
+ updateValue(selected: any): void;
25
+ onSelectMulti(item: any): void;
26
+ onOpen(event: MouseEvent): void;
27
+ onClear(event: MouseEvent): void;
28
+ togglePopup(isOpen: boolean): void;
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectMultiComponent, never>;
30
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectMultiComponent, "mrx-select-multi", never, { "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; }, {}, never, never, false, never>;
31
+ }
@@ -1,2 +1 @@
1
1
  export * from './select-size.enum';
2
- export * from './select-type.enum';
@@ -0,0 +1,4 @@
1
+ import { SelectInnerItemModel } from '../models/select-inner-item.model';
2
+ export declare const cleanSelectedItems: (innerList: SelectInnerItemModel[]) => {
3
+ [name: string]: any;
4
+ }[];
@@ -0,0 +1,2 @@
1
+ import { SelectItemModel } from "../models/select-item.model";
2
+ export declare const getSelectedItems: (selected: SelectItemModel[], bindValue: string | null) => any;
@@ -0,0 +1,5 @@
1
+ export interface SelectInnerItemModel {
2
+ [name: string]: any;
3
+ __id: number;
4
+ __selected: boolean;
5
+ }
@@ -0,0 +1,3 @@
1
+ export interface SelectItemModel {
2
+ [name: string]: any;
3
+ }
@@ -1,9 +1,11 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./select.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "../../popup/popup.module";
2
+ import * as i1 from "./components/select/select.component";
3
+ import * as i2 from "./components/select-multi/select-multi.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "@angular/forms";
6
+ import * as i5 from "../../popup/popup.module";
5
7
  export declare class SelectModule {
6
8
  static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof i1.SelectComponent], [typeof i2.CommonModule, typeof i3.PopupModule], [typeof i1.SelectComponent]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof i1.SelectComponent, typeof i2.SelectMultiComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.PopupModule], [typeof i1.SelectComponent, typeof i2.SelectMultiComponent]>;
8
10
  static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
9
11
  }
@@ -5,7 +5,11 @@ export declare class PopupComponent {
5
5
  closeAfterClick: boolean;
6
6
  templateRef: TemplateRef<any>;
7
7
  popupItemComponents: QueryList<PopupItemComponent>;
8
- closed: EventEmitter<void>;
8
+ toggle: EventEmitter<boolean>;
9
+ _toggleInner: EventEmitter<boolean>;
10
+ _updateInner: EventEmitter<void>;
11
+ togglePopup(value: boolean): void;
12
+ updatePopup(): void;
9
13
  static ɵfac: i0.ɵɵFactoryDeclaration<PopupComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "mrx-popup", never, { "closeAfterClick": { "alias": "closeAfterClick"; "required": false; }; }, { "closed": "closed"; }, ["popupItemComponents"], never, false, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "mrx-popup", never, { "closeAfterClick": { "alias": "closeAfterClick"; "required": false; }; }, { "toggle": "toggle"; "_toggleInner": "_toggleInner"; "_updateInner": "_updateInner"; }, ["popupItemComponents"], never, false, never>;
11
15
  }
@@ -1,8 +1,9 @@
1
1
  import { EventEmitter, TemplateRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class PopupItemComponent {
4
+ custom: boolean;
4
5
  templateRef: TemplateRef<any>;
5
6
  clicked: EventEmitter<void>;
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PopupItemComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<PopupItemComponent, "mrx-popup-item", never, {}, { "clicked": "clicked"; }, never, ["*"], false, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopupItemComponent, "mrx-popup-item", never, { "custom": { "alias": "custom"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], false, never>;
8
9
  }
@@ -1,27 +1,32 @@
1
- import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
2
2
  import { PopupComponent } from '../components/popup/popup.component';
3
3
  import { Overlay, OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
4
4
  import { ConnectedPositionVariantsType } from '../../cdk-tooltip/constants';
5
5
  import * as i0 from "@angular/core";
6
- export declare class PopupTriggerDirective implements OnDestroy {
6
+ export declare class PopupTriggerDirective implements AfterViewInit, OnDestroy {
7
7
  private overlay;
8
8
  private elementRef;
9
9
  private viewContainerRef;
10
10
  private dispatcher;
11
- private _subscriber$;
11
+ private _subscriberDetach$;
12
+ private _subscriberAttach$;
12
13
  private _isDropdownOpen;
13
14
  private _overlayRef;
14
15
  popupPanel: PopupComponent;
15
16
  popupPosition: ConnectedPositionVariantsType;
16
17
  constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, dispatcher: OverlayOutsideClickDispatcher);
18
+ ngAfterViewInit(): void;
17
19
  togglePopup(): void;
18
20
  openDropdown(): void;
19
- close(): void;
21
+ closeDropdown(): void;
22
+ updatePosition(): void;
23
+ updateSize(): void;
20
24
  private getPositionStrategy;
21
25
  private destroyDropdown;
22
26
  private hideOtherOverlays;
23
27
  ngOnDestroy(): void;
24
28
  handleClick(event: any): void;
29
+ handleResize(): void;
25
30
  static ɵfac: i0.ɵɵFactoryDeclaration<PopupTriggerDirective, never>;
26
31
  static ɵdir: i0.ɵɵDirectiveDeclaration<PopupTriggerDirective, "[mrxPopupTrigger]", never, { "popupPanel": { "alias": "mrxPopupTrigger"; "required": false; }; "popupPosition": { "alias": "popupPosition"; "required": false; }; }, {}, never, never, false, never>;
27
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "myrta-ui",
3
- "version": "17.0.30",
3
+ "version": "17.0.31",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.0",
6
6
  "@angular/core": "^17.3.0",
package/public-api.d.ts CHANGED
@@ -120,7 +120,8 @@ export * from './lib/components/form/input-select/input-select.module';
120
120
  export * from './lib/components/form/input-select/input-select.component';
121
121
  export * from './lib/components/form/input-select/input-select.enum';
122
122
  export * from './lib/components/form/select/select.module';
123
- export * from './lib/components/form/select/select.component';
123
+ export * from './lib/components/form/select/components/select/select.component';
124
+ export * from './lib/components/form/select/components/select-multi/select-multi.component';
124
125
  export * from './lib/components/form/select/enums';
125
126
  export * from './lib/components/form/input-file/input-file.module';
126
127
  export * from './lib/components/form/input-file/input-file.component';
@@ -1,6 +0,0 @@
1
- export var SelectTypeEnum;
2
- (function (SelectTypeEnum) {
3
- SelectTypeEnum["single"] = "mrx-select-single";
4
- SelectTypeEnum["multi"] = "mrx-select-multi";
5
- })(SelectTypeEnum || (SelectTypeEnum = {}));
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXR5cGUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9lbnVtcy9zZWxlY3QtdHlwZS5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsOENBQThCLENBQUE7SUFDOUIsNENBQTRCLENBQUE7QUFDOUIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gU2VsZWN0VHlwZUVudW0ge1xyXG4gICdzaW5nbGUnID0gJ21yeC1zZWxlY3Qtc2luZ2xlJyxcclxuICAnbXVsdGknID0gJ21yeC1zZWxlY3QtbXVsdGknXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIFNlbGVjdFR5cGVUeXBlcyA9ICdzaW5nbGUnIHwgJ211bHRpJztcclxuIl19
@@ -1,62 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, forwardRef, Input } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { SelectSizeEnum, SelectTypeEnum } from './enums';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "../../popup/components/popup/popup.component";
6
- import * as i2 from "../../popup/components/popup-item/popup-item.component";
7
- import * as i3 from "../../popup/directives/popup-trigger.directive";
8
- export class SelectComponent {
9
- value = null;
10
- items = [];
11
- type = 'single';
12
- size = 'large';
13
- get getClasses() {
14
- return `${SelectTypeEnum[this.type]} ${SelectSizeEnum[this.size]}`;
15
- }
16
- onChange = (value) => { };
17
- onTouched = () => { };
18
- registerOnChange(fn) {
19
- this.onChange = fn;
20
- }
21
- registerOnTouched(fn) {
22
- this.onTouched = fn;
23
- }
24
- writeValue(obj) {
25
- }
26
- updateValue(insideValue) {
27
- }
28
- logger(value) {
29
- console.log(value);
30
- }
31
- onOpen(event) {
32
- event.stopPropagation();
33
- }
34
- onClear(event) {
35
- event.stopPropagation();
36
- }
37
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
38
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SelectComponent, selector: "mrx-select", inputs: { items: "items", type: "type", size: "size" }, providers: [
39
- {
40
- provide: NG_VALUE_ACCESSOR,
41
- useExisting: forwardRef(() => SelectComponent),
42
- multi: true,
43
- },
44
- ], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n <div class=\"mrx-select__wrapper\">\r\n @switch (type) {\r\n @case ('multi') {\r\n\r\n }\r\n @default {\r\n <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n <div class=\"mrx-select__input__box\">\r\n @if (value) {\r\n <div class=\"mrx-select__input__value\"></div>\r\n }\r\n @else {\r\n <div class=\"mrx-select__input__placeholder\"></div>\r\n }\r\n </div>\r\n\r\n <div class=\"mrx-select__input__controls\">\r\n <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n </div>\r\n <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-popup #dropdown (closed)=\"logger('closed')\" [closeAfterClick]=\"true\">\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Cut</mrx-popup-item>\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Copy</mrx-popup-item>\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Paste</mrx-popup-item>\r\n </mrx-popup>\r\n }\r\n }\r\n </div>\r\n</div>\r\n", styles: [".mrx-select.mrx-select-single .mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select.mrx-select-single .mrx-select__input:focus,.mrx-select.mrx-select-single .mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select.mrx-select-single .mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select.mrx-select-single .mrx-select__input__box{flex-grow:1}.mrx-select.mrx-select-single .mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select.mrx-select-single .mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select.mrx-select-single .mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-single.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-single.mrx-select-lg .mrx-select__input__box{min-height:24px}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["closed"] }, { kind: "component", type: i2.PopupItemComponent, selector: "mrx-popup-item", outputs: ["clicked"] }, { kind: "directive", type: i3.PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
45
- }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, decorators: [{
47
- type: Component,
48
- args: [{ selector: 'mrx-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
49
- {
50
- provide: NG_VALUE_ACCESSOR,
51
- useExisting: forwardRef(() => SelectComponent),
52
- multi: true,
53
- },
54
- ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n <div class=\"mrx-select__wrapper\">\r\n @switch (type) {\r\n @case ('multi') {\r\n\r\n }\r\n @default {\r\n <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n <div class=\"mrx-select__input__box\">\r\n @if (value) {\r\n <div class=\"mrx-select__input__value\"></div>\r\n }\r\n @else {\r\n <div class=\"mrx-select__input__placeholder\"></div>\r\n }\r\n </div>\r\n\r\n <div class=\"mrx-select__input__controls\">\r\n <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n </div>\r\n <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-popup #dropdown (closed)=\"logger('closed')\" [closeAfterClick]=\"true\">\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Cut</mrx-popup-item>\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Copy</mrx-popup-item>\r\n <mrx-popup-item (clicked)=\"logger('clicked')\">Paste</mrx-popup-item>\r\n </mrx-popup>\r\n }\r\n }\r\n </div>\r\n</div>\r\n", styles: [".mrx-select.mrx-select-single .mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select.mrx-select-single .mrx-select__input:focus,.mrx-select.mrx-select-single .mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select.mrx-select-single .mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select.mrx-select-single .mrx-select__input__box{flex-grow:1}.mrx-select.mrx-select-single .mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select.mrx-select-single .mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select.mrx-select-single .mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-single.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-single.mrx-select-lg .mrx-select__input__box{min-height:24px}\n"] }]
55
- }], propDecorators: { items: [{
56
- type: Input
57
- }], type: [{
58
- type: Input
59
- }], size: [{
60
- type: Input
61
- }] } });
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxjQUFjLEVBQW1CLGNBQWMsRUFBbUIsTUFBTSxTQUFTLENBQUM7Ozs7O0FBZ0IzRixNQUFNLE9BQU8sZUFBZTtJQUNuQixLQUFLLEdBQWdCLElBQUksQ0FBQztJQUVqQixLQUFLLEdBQVUsRUFBRSxDQUFDO0lBQ3pCLElBQUksR0FBb0IsUUFBUSxDQUFDO0lBQ2pDLElBQUksR0FBb0IsT0FBTyxDQUFDO0lBRXpDLElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDckUsQ0FBQztJQUVPLFFBQVEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQzlCLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFdEIsZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBWTtRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7SUFDbkIsQ0FBQztJQUVNLFdBQVcsQ0FBQyxXQUFnQjtJQUVuQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWlCO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN6QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN6QixDQUFDO3dHQXZDVSxlQUFlOzRGQUFmLGVBQWUsNkZBUmY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDOUMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ2hCSCxrNkNBb0NBOzs0RkRsQmEsZUFBZTtrQkFiM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUtlLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2VsZWN0U2l6ZUVudW0sIFNlbGVjdFNpemVUeXBlcywgU2VsZWN0VHlwZUVudW0sIFNlbGVjdFR5cGVUeXBlcyB9IGZyb20gJy4vZW51bXMnO1xyXG5pbXBvcnQgeyBJbnB1dFRleHRTaXplc0VudW0sIElucHV0VGV4dFZhbHVlVHlwZXMgfSBmcm9tICcuLi9pbnB1dC10ZXh0L2lucHV0LXRleHQuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1zZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWxlY3QuY29tcG9uZW50Lmxlc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgcHVibGljIHZhbHVlOiBhbnkgfCBhbnlbXSA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpdGVtczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSB0eXBlOiBTZWxlY3RUeXBlVHlwZXMgPSAnc2luZ2xlJztcclxuICBASW5wdXQoKSBzaXplOiBTZWxlY3RTaXplVHlwZXMgPSAnbGFyZ2UnO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtTZWxlY3RUeXBlRW51bVt0aGlzLnR5cGVdfSAke1NlbGVjdFNpemVFbnVtW3RoaXMuc2l6ZV19YDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IGFueSkgPT4ge307XHJcbiAgcHJpdmF0ZSBvblRvdWNoZWQgPSAoKSA9PiB7fTtcclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB7fSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB1cGRhdGVWYWx1ZShpbnNpZGVWYWx1ZTogYW55KSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbG9nZ2VyKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGNvbnNvbGUubG9nKHZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uT3BlbihldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcclxuICB9XHJcblxyXG4gIG9uQ2xlYXIoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtc2VsZWN0XCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9fd3JhcHBlclwiPlxyXG4gICAgQHN3aXRjaCAodHlwZSkge1xyXG4gICAgICBAY2FzZSAoJ211bHRpJykge1xyXG5cclxuICAgICAgfVxyXG4gICAgICBAZGVmYXVsdCB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0XCIgW21yeFBvcHVwVHJpZ2dlcl09XCJkcm9wZG93blwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19ib3hcIj5cclxuICAgICAgICAgICAgQGlmICh2YWx1ZSkge1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fdmFsdWVcIj48L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBAZWxzZSB7XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19wbGFjZWhvbGRlclwiPjwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX2NvbnRyb2xzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fY29udHJvbHMtLWl0ZW1cIiAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0yNFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fY29udHJvbHMtLWl0ZW1cIiAoY2xpY2spPVwib25PcGVuKCRldmVudClcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi1kb3duIGljb24tZm9udC0yNFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPG1yeC1wb3B1cCAjZHJvcGRvd24gKGNsb3NlZCk9XCJsb2dnZXIoJ2Nsb3NlZCcpXCIgW2Nsb3NlQWZ0ZXJDbGlja109XCJ0cnVlXCI+XHJcbiAgICAgICAgICA8bXJ4LXBvcHVwLWl0ZW0gKGNsaWNrZWQpPVwibG9nZ2VyKCdjbGlja2VkJylcIj5DdXQ8L21yeC1wb3B1cC1pdGVtPlxyXG4gICAgICAgICAgPG1yeC1wb3B1cC1pdGVtIChjbGlja2VkKT1cImxvZ2dlcignY2xpY2tlZCcpXCI+Q29weTwvbXJ4LXBvcHVwLWl0ZW0+XHJcbiAgICAgICAgICA8bXJ4LXBvcHVwLWl0ZW0gKGNsaWNrZWQpPVwibG9nZ2VyKCdjbGlja2VkJylcIj5QYXN0ZTwvbXJ4LXBvcHVwLWl0ZW0+XHJcbiAgICAgICAgPC9tcngtcG9wdXA+XHJcbiAgICAgIH1cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
@@ -1,5 +0,0 @@
1
- export declare enum SelectTypeEnum {
2
- 'single' = "mrx-select-single",
3
- 'multi' = "mrx-select-multi"
4
- }
5
- export type SelectTypeTypes = 'single' | 'multi';
@@ -1,21 +0,0 @@
1
- import { ControlValueAccessor } from '@angular/forms';
2
- import { SelectSizeTypes, SelectTypeTypes } from './enums';
3
- import * as i0 from "@angular/core";
4
- export declare class SelectComponent implements ControlValueAccessor {
5
- value: any | any[];
6
- items: any[];
7
- type: SelectTypeTypes;
8
- size: SelectSizeTypes;
9
- get getClasses(): string;
10
- private onChange;
11
- private onTouched;
12
- registerOnChange(fn: any): void;
13
- registerOnTouched(fn: () => {}): void;
14
- writeValue(obj: any): void;
15
- updateValue(insideValue: any): void;
16
- logger(value: string): void;
17
- onOpen(event: MouseEvent): void;
18
- onClear(event: MouseEvent): void;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "mrx-select", never, { "items": { "alias": "items"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
21
- }