myrta-ui 17.0.28 → 17.0.30

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 (25) hide show
  1. package/esm2022/lib/components/form/select/enums/index.mjs +3 -0
  2. package/esm2022/lib/components/form/select/enums/select-size.enum.mjs +6 -0
  3. package/esm2022/lib/components/form/select/enums/select-type.enum.mjs +6 -0
  4. package/esm2022/lib/components/form/select/select.component.mjs +62 -0
  5. package/esm2022/lib/components/form/select/select.module.mjs +28 -0
  6. package/esm2022/lib/components/popup/components/popup/popup.component.mjs +28 -0
  7. package/esm2022/lib/components/popup/components/popup-item/popup-item.component.mjs +18 -0
  8. package/esm2022/lib/components/popup/directives/popup-trigger.directive.mjs +104 -0
  9. package/esm2022/lib/components/popup/popup.module.mjs +39 -0
  10. package/esm2022/lib/services/modal-service/helpers/modal-ref.mjs +2 -3
  11. package/esm2022/lib/services/modal-service/modal-service.module.mjs +1 -1
  12. package/esm2022/public-api.mjs +8 -1
  13. package/fesm2022/myrta-ui.mjs +264 -5
  14. package/fesm2022/myrta-ui.mjs.map +1 -1
  15. package/lib/components/form/select/enums/index.d.ts +2 -0
  16. package/lib/components/form/select/enums/select-size.enum.d.ts +5 -0
  17. package/lib/components/form/select/enums/select-type.enum.d.ts +5 -0
  18. package/lib/components/form/select/select.component.d.ts +21 -0
  19. package/lib/components/form/select/select.module.d.ts +9 -0
  20. package/lib/components/popup/components/popup/popup.component.d.ts +11 -0
  21. package/lib/components/popup/components/popup-item/popup-item.component.d.ts +8 -0
  22. package/lib/components/popup/directives/popup-trigger.directive.d.ts +27 -0
  23. package/lib/components/popup/popup.module.d.ts +11 -0
  24. package/package.json +1 -1
  25. package/public-api.d.ts +7 -0
@@ -10,13 +10,13 @@ import { trigger, state, transition, style, animate, group, keyframes } from '@a
10
10
  import * as i2 from '@angular/forms';
11
11
  import { NG_VALUE_ACCESSOR, FormsModule, Validators, ReactiveFormsModule, NG_VALIDATORS, FormArray, FormControl } from '@angular/forms';
12
12
  import { v4 } from 'uuid';
13
- import { ComponentPortal } from '@angular/cdk/portal';
13
+ import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
14
14
  import * as i1$3 from '@angular/cdk/overlay';
15
15
  import { OverlayModule } from '@angular/cdk/overlay';
16
16
  import { createPopper } from '@popperjs/core';
17
17
  import * as i6 from '@ng-select/ng-select';
18
18
  import { NgSelectModule } from '@ng-select/ng-select';
19
- import { delay, of, Subject, filter, BehaviorSubject, EMPTY } from 'rxjs';
19
+ import { Subscription, delay, of, Subject, filter, BehaviorSubject, EMPTY } from 'rxjs';
20
20
  import * as i2$1 from '@angular/cdk/layout';
21
21
  import { Fancybox } from 'mrx-gallery-lib';
22
22
  import * as i1$5 from '@angular/common/http';
@@ -1548,6 +1548,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1548
1548
  }]
1549
1549
  }] });
1550
1550
 
1551
+ class PopupItemComponent {
1552
+ templateRef;
1553
+ clicked = new EventEmitter();
1554
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1555
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupItemComponent, selector: "mrx-popup-item", outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\r\n <div class=\"mrx-popup-item\" (click)=\"clicked.emit()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-popup-item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer}.mrx-popup-item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] });
1556
+ }
1557
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupItemComponent, decorators: [{
1558
+ type: Component,
1559
+ args: [{ selector: 'mrx-popup-item', template: "<ng-template>\r\n <div class=\"mrx-popup-item\" (click)=\"clicked.emit()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-popup-item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer}.mrx-popup-item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
1560
+ }], propDecorators: { templateRef: [{
1561
+ type: ViewChild,
1562
+ args: [TemplateRef, { static: true }]
1563
+ }], clicked: [{
1564
+ type: Output
1565
+ }] } });
1566
+
1567
+ class PopupComponent {
1568
+ closeAfterClick = true;
1569
+ // @Input() maxWidth: string = '800px';
1570
+ templateRef;
1571
+ popupItemComponents;
1572
+ closed = new EventEmitter();
1573
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1574
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupComponent, selector: "mrx-popup", inputs: { closeAfterClick: "closeAfterClick" }, outputs: { closed: "closed" }, queries: [{ propertyName: "popupItemComponents", predicate: PopupItemComponent }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\r\n <div class=\"mrx-popup-content\" [style.width]=\"'100%'\">\r\n <ng-container *ngFor=\"let item of popupItemComponents; let index = index; let first = first; let last = last\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef\"></ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-popup-content{padding:8px 0;background-color:#fff;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
1575
+ }
1576
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupComponent, decorators: [{
1577
+ type: Component,
1578
+ args: [{ selector: 'mrx-popup', template: "<ng-template>\r\n <div class=\"mrx-popup-content\" [style.width]=\"'100%'\">\r\n <ng-container *ngFor=\"let item of popupItemComponents; let index = index; let first = first; let last = last\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef\"></ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-popup-content{padding:8px 0;background-color:#fff;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d}\n"] }]
1579
+ }], propDecorators: { closeAfterClick: [{
1580
+ type: Input
1581
+ }], templateRef: [{
1582
+ type: ViewChild,
1583
+ args: [TemplateRef, { static: true }]
1584
+ }], popupItemComponents: [{
1585
+ type: ContentChildren,
1586
+ args: [PopupItemComponent]
1587
+ }], closed: [{
1588
+ type: Output
1589
+ }] } });
1590
+
1591
+ class PopupTriggerDirective {
1592
+ overlay;
1593
+ elementRef;
1594
+ viewContainerRef;
1595
+ dispatcher;
1596
+ _subscriber$ = new Subscription();
1597
+ _isDropdownOpen = false;
1598
+ _overlayRef;
1599
+ popupPanel;
1600
+ popupPosition = 'bottom-start';
1601
+ constructor(overlay, elementRef, viewContainerRef, dispatcher) {
1602
+ this.overlay = overlay;
1603
+ this.elementRef = elementRef;
1604
+ this.viewContainerRef = viewContainerRef;
1605
+ this.dispatcher = dispatcher;
1606
+ }
1607
+ togglePopup() {
1608
+ this._isDropdownOpen ? this.destroyDropdown() : this.openDropdown();
1609
+ }
1610
+ openDropdown() {
1611
+ this.hideOtherOverlays();
1612
+ this._isDropdownOpen = true;
1613
+ this._overlayRef = this.overlay.create({
1614
+ positionStrategy: this.getPositionStrategy(),
1615
+ hasBackdrop: false,
1616
+ scrollStrategy: this.overlay.scrollStrategies.close(),
1617
+ backdropClass: 'cdk-overlay-transparent-backdrop',
1618
+ panelClass: 'mrx-popup',
1619
+ minWidth: this.elementRef.nativeElement.getBoundingClientRect().width
1620
+ });
1621
+ const templatePortal = new TemplatePortal(this.popupPanel.templateRef, this.viewContainerRef);
1622
+ this._overlayRef.attach(templatePortal);
1623
+ this._subscriber$ = this._overlayRef.detachments().subscribe(_ => {
1624
+ this._isDropdownOpen = false;
1625
+ this.popupPanel.closed.emit();
1626
+ });
1627
+ }
1628
+ close() {
1629
+ this.destroyDropdown();
1630
+ }
1631
+ getPositionStrategy() {
1632
+ return this.overlay
1633
+ .position()
1634
+ .flexibleConnectedTo(this.elementRef)
1635
+ .withPositions(positionStrategy[this.popupPosition]);
1636
+ }
1637
+ destroyDropdown() {
1638
+ if (!this._overlayRef || !this._isDropdownOpen) {
1639
+ return;
1640
+ }
1641
+ this._overlayRef.detach();
1642
+ }
1643
+ hideOtherOverlays() {
1644
+ this.dispatcher._attachedOverlays.forEach((overlay) => {
1645
+ if (overlay.getConfig().panelClass === 'mrx-popup') {
1646
+ overlay.detach();
1647
+ }
1648
+ });
1649
+ }
1650
+ ngOnDestroy() {
1651
+ if (this._overlayRef) {
1652
+ this._overlayRef.dispose();
1653
+ }
1654
+ this._subscriber$.unsubscribe();
1655
+ }
1656
+ handleClick(event) {
1657
+ if (this.elementRef.nativeElement.contains(event.target))
1658
+ return;
1659
+ if (!event.target.closest('.mrx-popup')) {
1660
+ return this.destroyDropdown();
1661
+ }
1662
+ else {
1663
+ if (event.target.closest('.mrx-popup-item') && this.popupPanel.closeAfterClick) {
1664
+ return this.destroyDropdown();
1665
+ }
1666
+ }
1667
+ }
1668
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupTriggerDirective, deps: [{ token: i1$3.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$3.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Directive });
1669
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: { popupPanel: ["mrxPopupTrigger", "popupPanel"], popupPosition: "popupPosition" }, host: { listeners: { "click": "togglePopup()", "document:click": "handleClick($event)" } }, ngImport: i0 });
1670
+ }
1671
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupTriggerDirective, decorators: [{
1672
+ type: Directive,
1673
+ args: [{
1674
+ selector: '[mrxPopupTrigger]',
1675
+ host: {
1676
+ '(click)': 'togglePopup()'
1677
+ }
1678
+ }]
1679
+ }], ctorParameters: () => [{ type: i1$3.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$3.OverlayOutsideClickDispatcher }], propDecorators: { popupPanel: [{
1680
+ type: Input,
1681
+ args: ['mrxPopupTrigger']
1682
+ }], popupPosition: [{
1683
+ type: Input
1684
+ }], handleClick: [{
1685
+ type: HostListener,
1686
+ args: ['document:click', ['$event']]
1687
+ }] } });
1688
+
1689
+ class PopupModule {
1690
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1691
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PopupModule, declarations: [PopupComponent,
1692
+ PopupItemComponent,
1693
+ PopupTriggerDirective], imports: [CommonModule,
1694
+ OverlayModule], exports: [PopupComponent,
1695
+ PopupItemComponent,
1696
+ PopupTriggerDirective] });
1697
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModule, imports: [CommonModule,
1698
+ OverlayModule] });
1699
+ }
1700
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModule, decorators: [{
1701
+ type: NgModule,
1702
+ args: [{
1703
+ declarations: [
1704
+ PopupComponent,
1705
+ PopupItemComponent,
1706
+ PopupTriggerDirective
1707
+ ],
1708
+ imports: [
1709
+ CommonModule,
1710
+ OverlayModule
1711
+ ],
1712
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
1713
+ exports: [
1714
+ PopupComponent,
1715
+ PopupItemComponent,
1716
+ PopupTriggerDirective
1717
+ ]
1718
+ }]
1719
+ }] });
1720
+
1551
1721
  class ErrorMessageComponent {
1552
1722
  invalid = true;
1553
1723
  invalidMessage = '';
@@ -3538,13 +3708,12 @@ class ModalRef {
3538
3708
  }
3539
3709
  send(result) {
3540
3710
  this.afterSendSubject.next(result);
3541
- this.afterSendSubject.complete();
3542
3711
  }
3543
3712
  afterClosed() {
3544
3713
  return this.afterClosedSubject.asObservable();
3545
3714
  }
3546
3715
  afterSend() {
3547
- return this.afterClosedSubject.asObservable();
3716
+ return this.afterSendSubject.asObservable();
3548
3717
  }
3549
3718
  }
3550
3719
 
@@ -16704,6 +16873,96 @@ var StepperClasses;
16704
16873
  StepperClasses["success"] = "mrx-stepper-success";
16705
16874
  })(StepperClasses || (StepperClasses = {}));
16706
16875
 
16876
+ var SelectSizeEnum;
16877
+ (function (SelectSizeEnum) {
16878
+ SelectSizeEnum["medium"] = "mrx-select-md";
16879
+ SelectSizeEnum["large"] = "mrx-select-lg";
16880
+ })(SelectSizeEnum || (SelectSizeEnum = {}));
16881
+
16882
+ var SelectTypeEnum;
16883
+ (function (SelectTypeEnum) {
16884
+ SelectTypeEnum["single"] = "mrx-select-single";
16885
+ SelectTypeEnum["multi"] = "mrx-select-multi";
16886
+ })(SelectTypeEnum || (SelectTypeEnum = {}));
16887
+
16888
+ class SelectComponent {
16889
+ value = null;
16890
+ items = [];
16891
+ type = 'single';
16892
+ size = 'large';
16893
+ get getClasses() {
16894
+ return `${SelectTypeEnum[this.type]} ${SelectSizeEnum[this.size]}`;
16895
+ }
16896
+ onChange = (value) => { };
16897
+ onTouched = () => { };
16898
+ registerOnChange(fn) {
16899
+ this.onChange = fn;
16900
+ }
16901
+ registerOnTouched(fn) {
16902
+ this.onTouched = fn;
16903
+ }
16904
+ writeValue(obj) {
16905
+ }
16906
+ updateValue(insideValue) {
16907
+ }
16908
+ logger(value) {
16909
+ console.log(value);
16910
+ }
16911
+ onOpen(event) {
16912
+ event.stopPropagation();
16913
+ }
16914
+ onClear(event) {
16915
+ event.stopPropagation();
16916
+ }
16917
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16918
+ 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: [
16919
+ {
16920
+ provide: NG_VALUE_ACCESSOR,
16921
+ useExisting: forwardRef(() => SelectComponent),
16922
+ multi: true,
16923
+ },
16924
+ ], 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: PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["closed"] }, { kind: "component", type: PopupItemComponent, selector: "mrx-popup-item", outputs: ["clicked"] }, { kind: "directive", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
16925
+ }
16926
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, decorators: [{
16927
+ type: Component,
16928
+ args: [{ selector: 'mrx-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
16929
+ {
16930
+ provide: NG_VALUE_ACCESSOR,
16931
+ useExisting: forwardRef(() => SelectComponent),
16932
+ multi: true,
16933
+ },
16934
+ ], 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"] }]
16935
+ }], propDecorators: { items: [{
16936
+ type: Input
16937
+ }], type: [{
16938
+ type: Input
16939
+ }], size: [{
16940
+ type: Input
16941
+ }] } });
16942
+
16943
+ class SelectModule {
16944
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16945
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SelectModule, declarations: [SelectComponent], imports: [CommonModule,
16946
+ PopupModule], exports: [SelectComponent] });
16947
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectModule, imports: [CommonModule,
16948
+ PopupModule] });
16949
+ }
16950
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectModule, decorators: [{
16951
+ type: NgModule,
16952
+ args: [{
16953
+ declarations: [
16954
+ SelectComponent
16955
+ ],
16956
+ imports: [
16957
+ CommonModule,
16958
+ PopupModule
16959
+ ],
16960
+ exports: [
16961
+ SelectComponent
16962
+ ]
16963
+ }]
16964
+ }] });
16965
+
16707
16966
  class PdfViewerComponent {
16708
16967
  _pdfViewerService;
16709
16968
  _renderer;
@@ -17013,5 +17272,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
17013
17272
  * Generated bundle index. Do not edit.
17014
17273
  */
17015
17274
 
17016
- export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO$1 as CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, wordForm };
17275
+ export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO$1 as CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, SelectComponent, SelectModule, SelectSizeEnum, SelectTypeEnum, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, wordForm };
17017
17276
  //# sourceMappingURL=myrta-ui.mjs.map