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.
- package/esm2022/lib/components/form/select/components/select/select.component.mjs +97 -0
- package/esm2022/lib/components/form/select/components/select-multi/select-multi.component.mjs +105 -0
- package/esm2022/lib/components/form/select/enums/index.mjs +1 -2
- package/esm2022/lib/components/form/select/helpers/clean-selected-items.helper.mjs +4 -0
- package/esm2022/lib/components/form/select/helpers/get-inner-items.helper.mjs +8 -0
- package/esm2022/lib/components/form/select/helpers/get-selected-items.helper.mjs +6 -0
- package/esm2022/lib/components/form/select/helpers/modify-origin-items.helper.mjs +21 -0
- package/esm2022/lib/components/form/select/models/select-inner-item.model.mjs +2 -0
- package/esm2022/lib/components/form/select/models/select-item.model.mjs +2 -0
- package/esm2022/lib/components/form/select/select.module.mjs +15 -6
- package/esm2022/lib/components/popup/components/popup/popup.component.mjs +17 -6
- package/esm2022/lib/components/popup/components/popup-item/popup-item.component.mjs +8 -5
- package/esm2022/lib/components/popup/directives/popup-trigger.directive.mjs +43 -8
- package/esm2022/lib/pipes/date/helpers/change-timezone.mjs +4 -2
- package/esm2022/lib/services/modal-service/modal-service.service.mjs +4 -4
- package/esm2022/public-api.mjs +3 -2
- package/fesm2022/myrta-ui.mjs +261 -41
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/select/components/select/select.component.d.ts +28 -0
- package/lib/components/form/select/components/select-multi/select-multi.component.d.ts +31 -0
- package/lib/components/form/select/enums/index.d.ts +0 -1
- package/lib/components/form/select/helpers/clean-selected-items.helper.d.ts +4 -0
- package/lib/components/form/select/helpers/get-inner-items.helper.d.ts +3 -0
- package/lib/components/form/select/helpers/get-selected-items.helper.d.ts +2 -0
- package/lib/components/form/select/helpers/modify-origin-items.helper.d.ts +2 -0
- package/lib/components/form/select/models/select-inner-item.model.d.ts +5 -0
- package/lib/components/form/select/models/select-item.model.d.ts +3 -0
- package/lib/components/form/select/select.module.d.ts +6 -4
- package/lib/components/popup/components/popup/popup.component.d.ts +6 -2
- package/lib/components/popup/components/popup-item/popup-item.component.d.ts +2 -1
- package/lib/components/popup/directives/popup-trigger.directive.d.ts +9 -4
- package/package.json +1 -1
- package/public-api.d.ts +2 -1
- package/esm2022/lib/components/form/select/enums/select-type.enum.mjs +0 -6
- package/esm2022/lib/components/form/select/select.component.mjs +0 -62
- package/lib/components/form/select/enums/select-type.enum.d.ts +0 -5
- 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,9 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./select.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
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
|
|
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
|
-
|
|
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; }; }, { "
|
|
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
|
|
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
|
-
|
|
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
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,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
|
-
}
|