myrta-ui 17.0.30 → 17.0.32

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 (37) hide show
  1. package/esm2022/lib/components/form/select/components/select/select.component.mjs +97 -0
  2. package/esm2022/lib/components/form/select/components/select-multi/select-multi.component.mjs +105 -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-inner-items.helper.mjs +8 -0
  6. package/esm2022/lib/components/form/select/helpers/get-selected-items.helper.mjs +6 -0
  7. package/esm2022/lib/components/form/select/helpers/modify-origin-items.helper.mjs +21 -0
  8. package/esm2022/lib/components/form/select/models/select-inner-item.model.mjs +2 -0
  9. package/esm2022/lib/components/form/select/models/select-item.model.mjs +2 -0
  10. package/esm2022/lib/components/form/select/select.module.mjs +15 -6
  11. package/esm2022/lib/components/popup/components/popup/popup.component.mjs +17 -6
  12. package/esm2022/lib/components/popup/components/popup-item/popup-item.component.mjs +8 -5
  13. package/esm2022/lib/components/popup/directives/popup-trigger.directive.mjs +43 -8
  14. package/esm2022/lib/pipes/date/helpers/change-timezone.mjs +4 -2
  15. package/esm2022/lib/services/modal-service/modal-service.service.mjs +4 -4
  16. package/esm2022/public-api.mjs +3 -2
  17. package/fesm2022/myrta-ui.mjs +261 -41
  18. package/fesm2022/myrta-ui.mjs.map +1 -1
  19. package/lib/components/form/select/components/select/select.component.d.ts +28 -0
  20. package/lib/components/form/select/components/select-multi/select-multi.component.d.ts +31 -0
  21. package/lib/components/form/select/enums/index.d.ts +0 -1
  22. package/lib/components/form/select/helpers/clean-selected-items.helper.d.ts +4 -0
  23. package/lib/components/form/select/helpers/get-inner-items.helper.d.ts +3 -0
  24. package/lib/components/form/select/helpers/get-selected-items.helper.d.ts +2 -0
  25. package/lib/components/form/select/helpers/modify-origin-items.helper.d.ts +2 -0
  26. package/lib/components/form/select/models/select-inner-item.model.d.ts +5 -0
  27. package/lib/components/form/select/models/select-item.model.d.ts +3 -0
  28. package/lib/components/form/select/select.module.d.ts +6 -4
  29. package/lib/components/popup/components/popup/popup.component.d.ts +6 -2
  30. package/lib/components/popup/components/popup-item/popup-item.component.d.ts +2 -1
  31. package/lib/components/popup/directives/popup-trigger.directive.d.ts +9 -4
  32. package/package.json +1 -1
  33. package/public-api.d.ts +2 -1
  34. package/esm2022/lib/components/form/select/enums/select-type.enum.mjs +0 -6
  35. package/esm2022/lib/components/form/select/select.component.mjs +0 -62
  36. package/lib/components/form/select/enums/select-type.enum.d.ts +0 -5
  37. 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(items: SelectItemModel[]);
12
+ size: SelectSizeTypes;
13
+ bindValue: string | null;
14
+ bindLabel: string;
15
+ bindIcon: string;
16
+ dropdown: PopupComponent;
17
+ get getClasses(): string;
18
+ get getSelectedLabels(): SelectInnerItemModel[];
19
+ private onChange;
20
+ private onTouched;
21
+ registerOnChange(fn: any): void;
22
+ registerOnTouched(fn: () => {}): void;
23
+ writeValue(selected?: any[]): void;
24
+ updateValue(selectedItems: SelectItemModel[]): 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,3 @@
1
+ import { SelectItemModel } from '../models/select-item.model';
2
+ import { SelectInnerItemModel } from '../models/select-inner-item.model';
3
+ export declare const getInnerItems: (items: SelectItemModel[], selectedItems?: SelectItemModel[]) => SelectInnerItemModel[];
@@ -0,0 +1,2 @@
1
+ import { SelectInnerItemModel } from '../models/select-inner-item.model';
2
+ export declare const getSelectedItems: (innerItems: SelectInnerItemModel[], bindValue: string | null, selectedOnly?: boolean) => any;
@@ -0,0 +1,2 @@
1
+ import { SelectItemModel } from "../models/select-item.model";
2
+ export declare const modifyOriginItems: (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.32",
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
- }