sidesys-generic-ui 2.4.4 → 2.4.6
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/avatar/components/profile-group/s-profile-group.component.mjs +13 -13
- package/esm2022/lib/avatar/s-avatar.component.mjs +19 -15
- package/esm2022/lib/badge/s-badge.component.mjs +1 -1
- package/esm2022/lib/breadcrum/s-breadcrum.component.mjs +1 -1
- package/esm2022/lib/card/s-card.component.mjs +3 -3
- package/esm2022/lib/collapse/s-collapse.component.mjs +3 -3
- package/esm2022/lib/empty/empty.component.mjs +1 -1
- package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs +1 -1
- package/esm2022/lib/icon-material/s-icon-material.component.mjs +6 -8
- package/esm2022/lib/icon-material/s-icon-material.model.mjs +1 -1
- package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +1 -1
- package/esm2022/lib/input/components/color/s-color.component.mjs +1 -1
- package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +1 -1
- package/esm2022/lib/input/components/input/s-input.component.mjs +1 -1
- package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +1 -1
- package/esm2022/lib/input/components/time/s-time.component.mjs +1 -1
- package/esm2022/lib/list/s-list.component.mjs +1 -1
- package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +3 -3
- package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +1 -1
- package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +1 -1
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.component.mjs +1 -1
- package/esm2022/lib/navbar/s-navbar.component.mjs +3 -3
- package/esm2022/lib/pagination/s-pagination.component.mjs +1 -1
- package/esm2022/lib/popup/s-popup.component.mjs +1 -1
- package/esm2022/lib/precode/s-precode.component.mjs +1 -1
- package/esm2022/lib/progressbar/s-progressbar.component.mjs +1 -1
- package/esm2022/lib/select/select/s-select.component.mjs +3 -3
- package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +3 -3
- package/esm2022/lib/select/select-multiple-old/s-select-multiple-old.component.mjs +3 -3
- package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +3 -3
- package/esm2022/lib/sidebar/s-sidebar.component.mjs +3 -3
- package/esm2022/lib/sub-menu/s-sub-menu.component.mjs +3 -3
- package/esm2022/lib/table-double/table-double.component.mjs +41 -16
- package/esm2022/lib/table-double/table-double.model.mjs +1 -1
- package/esm2022/lib/table-double-complete/index.mjs +3 -0
- package/esm2022/lib/table-double-complete/table-double-complete.component.mjs +39 -25
- package/esm2022/lib/table-double-complete/table-double-complete.model.mjs +1 -1
- package/esm2022/lib/table-t/s-tablet-model.mjs +1 -1
- package/esm2022/lib/table-t/s-tablet.component.mjs +3 -3
- package/esm2022/lib/table-t/table-actions-buttons/table-actions-buttons.component.mjs +3 -3
- package/esm2022/lib/tabs/s-tabs.component.mjs +1 -1
- package/esm2022/lib/timeline/s-timeline.component.mjs +3 -3
- package/esm2022/lib/toast/s-toast.component.mjs +1 -1
- package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +3 -3
- package/esm2022/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.mjs +1 -1
- package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +4 -6
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +1 -1
- package/esm2022/public-api.mjs +2 -2
- package/fesm2022/sidesys-generic-ui.mjs +161 -125
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/avatar/components/profile-group/s-profile-group.component.d.ts +1 -1
- package/lib/avatar/s-avatar.component.d.ts +1 -3
- package/lib/icon-material/s-icon-material.component.d.ts +1 -2
- package/lib/icon-material/s-icon-material.model.d.ts +1 -2
- package/lib/table-double/table-double.component.d.ts +5 -2
- package/lib/table-double/table-double.model.d.ts +6 -2
- package/lib/table-double-complete/index.d.ts +2 -0
- package/lib/table-double-complete/table-double-complete.component.d.ts +5 -2
- package/lib/table-double-complete/table-double-complete.model.d.ts +2 -0
- package/lib/table-t/s-tablet-model.d.ts +2 -0
- package/lib/toolbar-top/toolbar-top.component.d.ts +2 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -2
|
@@ -50,7 +50,7 @@ export class SIconMenuComponent {
|
|
|
50
50
|
this.clickInside = false;
|
|
51
51
|
}
|
|
52
52
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMenuComponent, selector: "s-icon-menu", inputs: { iconMenu: "iconMenu" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div class=\"s-icon-menu\">\n <ul class=\"s-icon-menu__main-ul\">\n <ng-container *ngFor=\"let item of iconMenu\">\n <li class=\"s-icon-menu__main-ul__li\" [tooltip]=\"titleItem\">\n <s-tooltip position=\"bottom\" #titleItem [title]=\"item.title ?? ''\" ></s-tooltip>\n <ng-container *ngIf=\"item.notification\">\n <a tabindex=\"0\" (keydown.enter)=\"clickSubMenu(item)\" (click)=\"clickSubMenu(item)\" class=\"item-link cursor\">\n <div class=\"item-link__content-badge\" *ngIf=\"item.unread\">\n <div class=\"item-link__content-badge__badge-notification\">\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread > 99\">+99</s-badge>\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread < 99\">{{item.unread}}</s-badge>\n </div>\n </div>\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!item.notification && item.link\">\n <a *ngIf=\"isExternalLink(item.link); else internalLink\"\n [href]=\"item.link\" [target]=\"item.target\" (click)=\"closeSubMenu()\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n <ng-template #internalLink>\n <a routerLink=\"{{item.link}}\" (click)=\"closeSubMenu()\" routerLinkActive=\"active\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-template>\n </ng-container>\n\n <div class=\"s-icon-menu__main-ul__li__dropdown\">\n <div *ngIf=\"item.hideme\" class=\"s-icon-menu__main-ul__li__dropdown__content\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__left\">Notificaciones</div>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__right\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n </div>\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <s-notification (clickTitle)=\"_clickTitle($event)\" (clickDelete)=\"_clickDelete($event)\" (clickUnread)=\"_clickUnread($event)\" [item]=\"itemChildren\"></s-notification>\n </ng-container>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__footer\">\n <s-button (click)=\"closeSubMenu()\" routerLink=\"{{item.link? item.link : null}}\" size=\"sm\">Ver todas las notificaciones</s-button>\n </div>\n </div>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n</div>", styles: [".s-icon-menu{text-align:center;margin-right:auto}.s-icon-menu__main-ul{height:3.5rem;display:flex;align-items:center;position:relative;margin-right:.3rem}.s-icon-menu__main-ul__li{margin-left:.5rem;margin-right:.5rem}.s-icon-menu__main-ul__li .item-link{text-decoration:none}.s-icon-menu__main-ul__li .item-link__content-badge{position:relative}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification{position:absolute;top:-.563rem;left:.563rem}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification s-badge{-webkit-user-select:auto;-o-user-select:auto;user-select:auto;cursor:pointer}.s-icon-menu__main-ul__li .item-link__icon span{color:var(--primary-600)}.s-icon-menu__main-ul__li .item-link__icon span:hover{color:var(--primary-700)}.s-icon-menu__main-ul__li .item-link__icon span:active{color:var(--primary-800)}.s-icon-menu__main-ul__li__dropdown{position:relative}.s-icon-menu__main-ul__li__dropdown__content{position:absolute;right:0;z-index:1;min-width:7.5rem;width:max-content}.s-icon-menu__main-ul__li__dropdown__content__notification{width:23.75rem;background-color:var(--neutrals-1100);border-radius:.375rem;box-shadow:0 .75rem 1rem -.25rem var(--blue-alpha-100),0 .25rem .375rem -.125rem var(--blue-alpha-100)}.s-icon-menu__main-ul__li__dropdown__content__notification__header{padding:.438rem 1.375rem .5rem .75rem;height:1.688rem;display:flex;justify-content:space-between;align-items:center}.s-icon-menu__main-ul__li__dropdown__content__notification__header__right s-icon-mat span{color:var(--primary-600);font-size:1rem}.s-icon-menu__main-ul__li__dropdown__content__notification__header__left{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer{text-align:center;height:2.5rem;padding-top:.375rem;border-top:.031rem solid var(--neutrals-700)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer s-button button{width:calc(100% - 1.125rem)}.theme-dark .item-link__icon span{color:var(--neutrals-1200)}.theme-dark .item-link__icon span:hover{color:var(--primary-300)}.theme-dark .item-link__icon span:active{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMenuComponent, selector: "s-icon-menu", inputs: { iconMenu: "iconMenu" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div class=\"s-icon-menu\">\n <ul class=\"s-icon-menu__main-ul\">\n <ng-container *ngFor=\"let item of iconMenu\">\n <li class=\"s-icon-menu__main-ul__li\" [tooltip]=\"titleItem\">\n <s-tooltip position=\"bottom\" #titleItem [title]=\"item.title ?? ''\" ></s-tooltip>\n <ng-container *ngIf=\"item.notification\">\n <a tabindex=\"0\" (keydown.enter)=\"clickSubMenu(item)\" (click)=\"clickSubMenu(item)\" class=\"item-link cursor\">\n <div class=\"item-link__content-badge\" *ngIf=\"item.unread\">\n <div class=\"item-link__content-badge__badge-notification\">\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread > 99\">+99</s-badge>\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread < 99\">{{item.unread}}</s-badge>\n </div>\n </div>\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!item.notification && item.link\">\n <a *ngIf=\"isExternalLink(item.link); else internalLink\"\n [href]=\"item.link\" [target]=\"item.target\" (click)=\"closeSubMenu()\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n <ng-template #internalLink>\n <a routerLink=\"{{item.link}}\" (click)=\"closeSubMenu()\" routerLinkActive=\"active\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-template>\n </ng-container>\n\n <div class=\"s-icon-menu__main-ul__li__dropdown\">\n <div *ngIf=\"item.hideme\" class=\"s-icon-menu__main-ul__li__dropdown__content\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__left\">Notificaciones</div>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__right\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n </div>\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <s-notification (clickTitle)=\"_clickTitle($event)\" (clickDelete)=\"_clickDelete($event)\" (clickUnread)=\"_clickUnread($event)\" [item]=\"itemChildren\"></s-notification>\n </ng-container>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__footer\">\n <s-button (click)=\"closeSubMenu()\" routerLink=\"{{item.link? item.link : null}}\" size=\"sm\">Ver todas las notificaciones</s-button>\n </div>\n </div>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n</div>", styles: [".s-icon-menu{text-align:center;margin-right:auto}.s-icon-menu__main-ul{height:3.5rem;display:flex;align-items:center;position:relative;margin-right:.3rem}.s-icon-menu__main-ul__li{margin-left:.5rem;margin-right:.5rem}.s-icon-menu__main-ul__li .item-link{text-decoration:none}.s-icon-menu__main-ul__li .item-link__content-badge{position:relative}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification{position:absolute;top:-.563rem;left:.563rem}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification s-badge{-webkit-user-select:auto;-o-user-select:auto;user-select:auto;cursor:pointer}.s-icon-menu__main-ul__li .item-link__icon span{color:var(--primary-600)}.s-icon-menu__main-ul__li .item-link__icon span:hover{color:var(--primary-700)}.s-icon-menu__main-ul__li .item-link__icon span:active{color:var(--primary-800)}.s-icon-menu__main-ul__li__dropdown{position:relative}.s-icon-menu__main-ul__li__dropdown__content{position:absolute;right:0;z-index:1;min-width:7.5rem;width:max-content}.s-icon-menu__main-ul__li__dropdown__content__notification{width:23.75rem;background-color:var(--neutrals-1100);border-radius:.375rem;box-shadow:0 .75rem 1rem -.25rem var(--blue-alpha-100),0 .25rem .375rem -.125rem var(--blue-alpha-100)}.s-icon-menu__main-ul__li__dropdown__content__notification__header{padding:.438rem 1.375rem .5rem .75rem;height:1.688rem;display:flex;justify-content:space-between;align-items:center}.s-icon-menu__main-ul__li__dropdown__content__notification__header__right s-icon-mat span{color:var(--primary-600);font-size:1rem}.s-icon-menu__main-ul__li__dropdown__content__notification__header__left{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer{text-align:center;height:2.5rem;padding-top:.375rem;border-top:.031rem solid var(--neutrals-700)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer s-button button{width:calc(100% - 1.125rem)}.theme-dark .item-link__icon span{color:var(--neutrals-1200)}.theme-dark .item-link__icon span:hover{color:var(--primary-300)}.theme-dark .item-link__icon span:active{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.STooltipComponent, selector: "s-tooltip", inputs: ["title", "description", "theme", "position"] }, { kind: "directive", type: i6.CustomTooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }, { kind: "component", type: i7.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }, { kind: "component", type: i8.SNotificationComponent, selector: "s-notification", inputs: ["item"], outputs: ["clickUnread", "clickDelete", "clickTitle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
54
54
|
}
|
|
55
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMenuComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
@@ -30,7 +30,7 @@ export class SMenuMainComponent {
|
|
|
30
30
|
this.clickInside = false;
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SMenuMainComponent, selector: "s-menu-main", inputs: { menuMain: "menuMain" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div id=\"menu-main512\">\n <ul class=\"menu-main-ul\">\n <ng-container *ngFor=\"let item of menuMain; let i = index\">\n <li [tabindex]=\"item.link ? -1 : 0\"\n (keydown)=\"keydownEvent($event, i)\" \n *ngIf=\"!item.hidden\" \n title=\"{{item.title}}\" \n class=\"menu-main-li\">\n <ng-container *ngIf=\"item.link != undefined;\">\n <a (keydown)=\"navigateToLink($event, item.link ? item.link : null)\" routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title\">{{item.title}}\n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n <ng-container *ngIf=\"item.link == undefined;\">\n <a routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title cursor\">{{item.title}} \n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n \n <ul *ngIf=\"item.children && !item.hidden\" class=\"menu-main-dropdown {{open[i] ? 'menu-main-dropdown--open' : 'menu-main-dropdown--close'}}\">\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <li (keydown)=\"navigateToLink($event, itemChildren.link ? itemChildren.link : null)\" *ngIf=\"!itemChildren.hidden\">\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : null}}\" routerLinkActive=\"active\">\n <span class=\"menu-main-title\">{{itemChildren.title}}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n \n </ng-container>\n </ul>\n</div>", styles: ["#menu-main512{text-align:center;margin-right:auto;margin-left:1.25rem}#menu-main512 .menu-main-ul{height:3.5rem;display:flex;align-items:center;position:relative}#menu-main512 .menu-main-ul a{height:100%;text-decoration:none}#menu-main512 .menu-main-ul li{height:100%}#menu-main512 .menu-main-ul li a{display:flex;height:100%;align-items:center;margin:0rem .938rem;font-weight:700;font-size:.91rem;letter-spacing:0 .063rem}#menu-main512 .menu-main-title{color:var(--secondary-600);font-weight:700;padding:0 .313rem;display:flex}#menu-main512 .menu-main-ul li a.active{border-bottom:.25rem solid var(--primary-600)}#menu-main512 .menu-main-dropdown{display:none;background-color:var(--neutrals-1100);position:absolute;top:3.5rem;z-index:1;min-width:7.5rem;width:max-content}#menu-main512 .menu-main-dropdown--open{display:block}#menu-main512 .menu-main-dropdown--close{display:none}#menu-main512 .menu-main-dropdown a{padding:.813rem .5rem}#menu-main512 .menu-main-dropdown li{margin:0!important;font-size:.91rem}#menu-main512 .menu-main-dropdown li span{font-size:.91rem}#menu-main512 .menu-main-dropdown li:hover{background-color:var(--neutrals-1000)}#menu-main512 .menu-main-li:hover .menu-main-dropdown{display:block}#menu-main512 .s-mat-icon-chevron span{color:var(--primary-600)!important;font-size:1.2rem!important;font-weight:500!important;transform:rotate(90deg)}#menu-main512 .menu-main-title s-icon-mat{padding-left:.125rem}@media (max-width: 43.75rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem}}@media (max-width: 50rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem .25rem}}@media (max-width: 43.75rem){#menu-main512{display:none}}.theme-dark #menu-main512 .menu-main-title{color:var(--neutrals-1200)}.theme-dark #menu-main512 .menu-main-dropdown{background:var(--primary-900)}.theme-dark #menu-main512 .menu-main-dropdown li:hover{background:var(--primary-500)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SMenuMainComponent, selector: "s-menu-main", inputs: { menuMain: "menuMain" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div id=\"menu-main512\">\n <ul class=\"menu-main-ul\">\n <ng-container *ngFor=\"let item of menuMain; let i = index\">\n <li [tabindex]=\"item.link ? -1 : 0\"\n (keydown)=\"keydownEvent($event, i)\" \n *ngIf=\"!item.hidden\" \n title=\"{{item.title}}\" \n class=\"menu-main-li\">\n <ng-container *ngIf=\"item.link != undefined;\">\n <a (keydown)=\"navigateToLink($event, item.link ? item.link : null)\" routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title\">{{item.title}}\n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n <ng-container *ngIf=\"item.link == undefined;\">\n <a routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title cursor\">{{item.title}} \n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n \n <ul *ngIf=\"item.children && !item.hidden\" class=\"menu-main-dropdown {{open[i] ? 'menu-main-dropdown--open' : 'menu-main-dropdown--close'}}\">\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <li (keydown)=\"navigateToLink($event, itemChildren.link ? itemChildren.link : null)\" *ngIf=\"!itemChildren.hidden\">\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : null}}\" routerLinkActive=\"active\">\n <span class=\"menu-main-title\">{{itemChildren.title}}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n \n </ng-container>\n </ul>\n</div>", styles: ["#menu-main512{text-align:center;margin-right:auto;margin-left:1.25rem}#menu-main512 .menu-main-ul{height:3.5rem;display:flex;align-items:center;position:relative}#menu-main512 .menu-main-ul a{height:100%;text-decoration:none}#menu-main512 .menu-main-ul li{height:100%}#menu-main512 .menu-main-ul li a{display:flex;height:100%;align-items:center;margin:0rem .938rem;font-weight:700;font-size:.91rem;letter-spacing:0 .063rem}#menu-main512 .menu-main-title{color:var(--secondary-600);font-weight:700;padding:0 .313rem;display:flex}#menu-main512 .menu-main-ul li a.active{border-bottom:.25rem solid var(--primary-600)}#menu-main512 .menu-main-dropdown{display:none;background-color:var(--neutrals-1100);position:absolute;top:3.5rem;z-index:1;min-width:7.5rem;width:max-content}#menu-main512 .menu-main-dropdown--open{display:block}#menu-main512 .menu-main-dropdown--close{display:none}#menu-main512 .menu-main-dropdown a{padding:.813rem .5rem}#menu-main512 .menu-main-dropdown li{margin:0!important;font-size:.91rem}#menu-main512 .menu-main-dropdown li span{font-size:.91rem}#menu-main512 .menu-main-dropdown li:hover{background-color:var(--neutrals-1000)}#menu-main512 .menu-main-li:hover .menu-main-dropdown{display:block}#menu-main512 .s-mat-icon-chevron span{color:var(--primary-600)!important;font-size:1.2rem!important;font-weight:500!important;transform:rotate(90deg)}#menu-main512 .menu-main-title s-icon-mat{padding-left:.125rem}@media (max-width: 43.75rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem}}@media (max-width: 50rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem .25rem}}@media (max-width: 43.75rem){#menu-main512{display:none}}.theme-dark #menu-main512 .menu-main-title{color:var(--neutrals-1200)}.theme-dark #menu-main512 .menu-main-dropdown{background:var(--primary-900)}.theme-dark #menu-main512 .menu-main-dropdown li:hover{background:var(--primary-500)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -49,11 +49,11 @@ export class SNavbarComponent {
|
|
|
49
49
|
this.clickTitle.emit(id);
|
|
50
50
|
}
|
|
51
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNavbarComponent, selector: "s-navbar", inputs: { user: "user", userFull: "userFull", menuProfile: "menuProfile", menu: "menu", showProfile: "showProfile", company: "company", theme: "theme", customImage: "customImage", link: "link", linkHref: "linkHref", height: "height", width: "width", iconMenu: "iconMenu" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu", clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\n
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNavbarComponent, selector: "s-navbar", inputs: { user: "user", userFull: "userFull", menuProfile: "menuProfile", menu: "menu", showProfile: "showProfile", company: "company", theme: "theme", customImage: "customImage", link: "link", linkHref: "linkHref", height: "height", width: "width", iconMenu: "iconMenu" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu", clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <div class=\"s-navbar__content-left\">\n <ng-container *ngIf=\"link\">\n <a [href]=\"linkHref\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!link\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </ng-container>\n </div>\n <div class=\"s-navbar__content-right\">\n <s-menu-main [menuMain]=\"menu\"></s-menu-main>\n <div class=\"s-navbar__right-menu-content\">\n <div class=\"s-navbar__icon-menu-list\">\n <s-icon-menu\n (clickTitle)=\"_clickTitle($event)\"\n (clickDelete)=\"_clickDelete($event)\"\n (clickUnread)=\"_clickUnread($event)\"\n [iconMenu]=\"iconMenu\"></s-icon-menu>\n </div>\n <div class=\"s-navbar__content-user\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <s-profile-group\n tabindex=\"0\"\n class=\"cursor\"\n *ngIf=\"user && userFull\"\n [user]=\"user\"\n (keydown.enter)=\"toogleMenuProfile($event)\"\n (click)=\"toogleMenuProfile($event)\"></s-profile-group>\n <s-avatar\n class=\"cursor\"\n *ngIf=\"user && !userFull\"\n urlProfileImage=\"{{ user.url }}\"\n letters=\"{{ user.letters }}\"\n display=\"{{ user.display }}\"\n size=\"lg\"\n status=\"{{ user.status }}\"\n (click)=\"toogleMenuProfile($event)\"></s-avatar>\n </div>\n <div class=\"s-navbar__content-submenu-profile\" *ngIf=\"controlMenuProfile\">\n <s-sub-menu\n [menu]=\"menuProfile\"\n (click)=\"clickMenuProfile($event)\"\n (closeMenuEvent)=\"closeMenuProfile($event)\"></s-sub-menu>\n </div>\n </div>\n </div>\n</nav>\n", styles: [".s-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--neutrals-1100);color:var(--text);border-bottom:.063rem solid rgba(9,30,66,.25)}.s-navbar__company-box{display:flex;line-height:0;min-width:15rem;justify-content:center}.s-navbar__menu-icon{display:flex;margin:0 .625rem;color:var(--text)}.s-navbar__right-menu-content{display:flex;justify-content:center;align-items:center}.s-navbar__icon-menu-list{display:flex;justify-content:center}.s-navbar__content-submenu-profile{z-index:1;position:absolute;top:3.625rem;width:auto;min-width:11.875rem;right:.25rem}.s-navbar__content-right{display:flex;align-items:center;flex-grow:9;justify-content:space-between;flex-direction:row}.s-navbar__content-left{display:flex;justify-content:center}.s-navbar__content-user{display:flex;justify-content:center;margin-left:.625rem;margin-right:.625rem}.s-navbar__content-user s-profile-group .s-profile-group__content-left p,.s-navbar__content-user s-profile-group .s-profile-group__content-left span{cursor:pointer}.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__name,.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__email{color:var(--neutrals-1200)!important}.s-navbar.theme-dark{background:var(--primary-900)}@media (max-width: 56.25rem){.s-navbar__content-user .s-profile-group__content-left{display:none!important;margin:0}}@media (max-width: 37.5rem){.s-navbar{display:grid;grid-template-columns:50fr 80fr}.s-navbar .s-navbar__company-box{min-width:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }, { kind: "component", type: i3.SMenuMainComponent, selector: "s-menu-main", inputs: ["menuMain"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }, { kind: "component", type: i6.SIconMenuComponent, selector: "s-icon-menu", inputs: ["iconMenu"], outputs: ["clickUnread", "clickDelete", "clickTitle"] }, { kind: "component", type: i7.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNavbarComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 's-navbar', encapsulation: ViewEncapsulation.None, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\n
|
|
56
|
+
args: [{ selector: 's-navbar', encapsulation: ViewEncapsulation.None, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <div class=\"s-navbar__content-left\">\n <ng-container *ngIf=\"link\">\n <a [href]=\"linkHref\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!link\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </ng-container>\n </div>\n <div class=\"s-navbar__content-right\">\n <s-menu-main [menuMain]=\"menu\"></s-menu-main>\n <div class=\"s-navbar__right-menu-content\">\n <div class=\"s-navbar__icon-menu-list\">\n <s-icon-menu\n (clickTitle)=\"_clickTitle($event)\"\n (clickDelete)=\"_clickDelete($event)\"\n (clickUnread)=\"_clickUnread($event)\"\n [iconMenu]=\"iconMenu\"></s-icon-menu>\n </div>\n <div class=\"s-navbar__content-user\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <s-profile-group\n tabindex=\"0\"\n class=\"cursor\"\n *ngIf=\"user && userFull\"\n [user]=\"user\"\n (keydown.enter)=\"toogleMenuProfile($event)\"\n (click)=\"toogleMenuProfile($event)\"></s-profile-group>\n <s-avatar\n class=\"cursor\"\n *ngIf=\"user && !userFull\"\n urlProfileImage=\"{{ user.url }}\"\n letters=\"{{ user.letters }}\"\n display=\"{{ user.display }}\"\n size=\"lg\"\n status=\"{{ user.status }}\"\n (click)=\"toogleMenuProfile($event)\"></s-avatar>\n </div>\n <div class=\"s-navbar__content-submenu-profile\" *ngIf=\"controlMenuProfile\">\n <s-sub-menu\n [menu]=\"menuProfile\"\n (click)=\"clickMenuProfile($event)\"\n (closeMenuEvent)=\"closeMenuProfile($event)\"></s-sub-menu>\n </div>\n </div>\n </div>\n</nav>\n", styles: [".s-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--neutrals-1100);color:var(--text);border-bottom:.063rem solid rgba(9,30,66,.25)}.s-navbar__company-box{display:flex;line-height:0;min-width:15rem;justify-content:center}.s-navbar__menu-icon{display:flex;margin:0 .625rem;color:var(--text)}.s-navbar__right-menu-content{display:flex;justify-content:center;align-items:center}.s-navbar__icon-menu-list{display:flex;justify-content:center}.s-navbar__content-submenu-profile{z-index:1;position:absolute;top:3.625rem;width:auto;min-width:11.875rem;right:.25rem}.s-navbar__content-right{display:flex;align-items:center;flex-grow:9;justify-content:space-between;flex-direction:row}.s-navbar__content-left{display:flex;justify-content:center}.s-navbar__content-user{display:flex;justify-content:center;margin-left:.625rem;margin-right:.625rem}.s-navbar__content-user s-profile-group .s-profile-group__content-left p,.s-navbar__content-user s-profile-group .s-profile-group__content-left span{cursor:pointer}.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__name,.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__email{color:var(--neutrals-1200)!important}.s-navbar.theme-dark{background:var(--primary-900)}@media (max-width: 56.25rem){.s-navbar__content-user .s-profile-group__content-left{display:none!important;margin:0}}@media (max-width: 37.5rem){.s-navbar{display:grid;grid-template-columns:50fr 80fr}.s-navbar .s-navbar__company-box{min-width:auto}}\n"] }]
|
|
57
57
|
}], propDecorators: { user: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], userFull: [{
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
91
91
|
}], clickTitle: [{
|
|
92
92
|
type: Output
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvbmF2YmFyL3MtbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL25hdmJhci9zLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFZMUYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFXLFNBQUksR0FBVSxFQUFFLENBQUM7UUFDakIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUUxQixTQUFJLEdBQWdCLEVBQUUsQ0FBQztRQUN2QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUM1QixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBR3JCLFNBQUksR0FBYSxLQUFLLENBQUM7UUFFdkIsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUNyQixVQUFLLEdBQVksR0FBRyxDQUFDO1FBQ3JCLGFBQVEsR0FBcUIsRUFBRSxDQUFDO1FBRS9CLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3hDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUUzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRWpELHVCQUFrQixHQUFZLEtBQUssQ0FBQztLQStCckM7SUE3QkMsaUJBQWlCLENBQUMsS0FBWTtRQUM1QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUE7UUFDbEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQTtRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN0RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUE7UUFDcEQsQ0FBQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxZQUFZLENBQUMsRUFBTTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLEVBQU07UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxFQUFNO1FBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBcERVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZkQ1o3QiwwaUVBd0RBOzs0RkQ1Q2EsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFFRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU01lbnVNYWluIH0gZnJvbSAnLi9jb21wb25lbnRzL21lbnUtbWFpbic7XG5pbXBvcnQgeyBTU3ViTWVudSwgU1VzZXIgfSBmcm9tICcuLi9zdWItbWVudS9zLXN1Yi1tZW51LW1vZGVsJztcbmltcG9ydCB7IFNJY29uTWVudU1vZGVsIH0gZnJvbSAnLi9jb21wb25lbnRzL2ljb24tbWVudSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLW5hdmJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFNOYXZiYXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHVzZXI6IFNVc2VyID0ge307XG4gIEBJbnB1dCgpIHVzZXJGdWxsOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1lbnVQcm9maWxlITogU1N1Yk1lbnU7XG4gIEBJbnB1dCgpIG1lbnU6IFNNZW51TWFpbltdID0gW107XG4gIEBJbnB1dCgpIHNob3dQcm9maWxlOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgY29tcGFueTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHRoZW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBjdXN0b21JbWFnZT86IHN0cmluZztcbiAgQElucHV0KCkgbGluaz86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGlua0hyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhlaWdodD86IG51bWJlciA9IDM2O1xuICBASW5wdXQoKSB3aWR0aD86IG51bWJlciA9IDEwMDtcbiAgQElucHV0KCkgaWNvbk1lbnU6IFNJY29uTWVudU1vZGVsW10gPSBbXTtcblxuICBAT3V0cHV0KCkgY2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgY2xpY2tFdmVudE1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKSBjbGlja1VucmVhZCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja0RlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja1RpdGxlID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBjb250cm9sTWVudVByb2ZpbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICB0b29nbGVNZW51UHJvZmlsZShldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLmNvbnRyb2xNZW51UHJvZmlsZSA9ICF0aGlzLmNvbnRyb2xNZW51UHJvZmlsZVxuICAgIHRoaXMuY2xpY2tFdmVudE1lbnUubmV4dChldmVudCk7XG4gIH1cblxuICBjbG9zZU1lbnVQcm9maWxlKGV2ZW50OiBFdmVudCl7XG4gICAgdGhpcy5jb250cm9sTWVudVByb2ZpbGUgPSBmYWxzZVxuICAgIHRoaXMuY2xpY2tFdmVudE1lbnUubmV4dChldmVudCk7XG4gIH1cblxuICBjbGlja01lbnVQcm9maWxlKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAoZXZlbnQudGFyZ2V0LnR5cGUgIT09ICdjaGVja2JveCcgJiYgZXZlbnQudGFyZ2V0LnR5cGUgIT09ICdyYWRpbycpIHtcbiAgICAgIHRoaXMuY29udHJvbE1lbnVQcm9maWxlID0gIXRoaXMuY29udHJvbE1lbnVQcm9maWxlXG4gICAgfVxuICAgIHRoaXMuY2xpY2tFdmVudC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIF9jbGlja1VucmVhZChpZDphbnkpe1xuICAgIHRoaXMuY2xpY2tVbnJlYWQuZW1pdChpZCk7XG4gIH1cblxuICBfY2xpY2tEZWxldGUoaWQ6YW55KXtcbiAgICB0aGlzLmNsaWNrRGVsZXRlLmVtaXQoaWQpO1xuICB9XG5cbiAgX2NsaWNrVGl0bGUoaWQ6YW55KXtcbiAgICB0aGlzLmNsaWNrVGl0bGUuZW1pdChpZCk7XG4gIH1cblxufVxuIiwiPG5hdiBjbGFzcz1cInMtbmF2YmFyXCIgW25nQ2xhc3NdPVwidGhlbWUgPyAndGhlbWUtJyArIHRoZW1lIDogJydcIj5cbiAgPGRpdiBjbGFzcz1cInMtbmF2YmFyX19jb250ZW50LWxlZnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGlua1wiPlxuICAgICAgPGEgW2hyZWZdPVwibGlua0hyZWZcIj5cbiAgICAgICAgPHMtY29tcGFueS1sb2dvXG4gICAgICAgICAgW2hlaWdodF09XCJoZWlnaHRcIlxuICAgICAgICAgIFt3aWR0aF09XCJ3aWR0aFwiXG4gICAgICAgICAgW2N1c3RvbUltYWdlXT1cImN1c3RvbUltYWdlXCJcbiAgICAgICAgICBjbGFzcz1cInMtbmF2YmFyX19jb21wYW55LWJveFwiPjwvcy1jb21wYW55LWxvZ28+XG4gICAgICA8L2E+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsaW5rXCI+XG4gICAgICA8cy1jb21wYW55LWxvZ29cbiAgICAgICAgW2hlaWdodF09XCJoZWlnaHRcIlxuICAgICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgICBbY3VzdG9tSW1hZ2VdPVwiY3VzdG9tSW1hZ2VcIlxuICAgICAgICBjbGFzcz1cInMtbmF2YmFyX19jb21wYW55LWJveFwiPjwvcy1jb21wYW55LWxvZ28+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtcmlnaHRcIj5cbiAgICA8cy1tZW51LW1haW4gW21lbnVNYWluXT1cIm1lbnVcIj48L3MtbWVudS1tYWluPlxuICAgIDxkaXYgY2xhc3M9XCJzLW5hdmJhcl9fcmlnaHQtbWVudS1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2ljb24tbWVudS1saXN0XCI+XG4gICAgICAgIDxzLWljb24tbWVudVxuICAgICAgICAgIChjbGlja1RpdGxlKT1cIl9jbGlja1RpdGxlKCRldmVudClcIlxuICAgICAgICAgIChjbGlja0RlbGV0ZSk9XCJfY2xpY2tEZWxldGUoJGV2ZW50KVwiXG4gICAgICAgICAgKGNsaWNrVW5yZWFkKT1cIl9jbGlja1VucmVhZCgkZXZlbnQpXCJcbiAgICAgICAgICBbaWNvbk1lbnVdPVwiaWNvbk1lbnVcIj48L3MtaWNvbi1tZW51PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtdXNlclwiIFtuZ0NsYXNzXT1cInRoZW1lID8gJ3RoZW1lLScgKyB0aGVtZSA6ICcnXCI+XG4gICAgICAgIDxzLXByb2ZpbGUtZ3JvdXBcbiAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgIGNsYXNzPVwiY3Vyc29yXCJcbiAgICAgICAgICAqbmdJZj1cInVzZXIgJiYgdXNlckZ1bGxcIlxuICAgICAgICAgIFt1c2VyXT1cInVzZXJcIlxuICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInRvb2dsZU1lbnVQcm9maWxlKCRldmVudClcIlxuICAgICAgICAgIChjbGljayk9XCJ0b29nbGVNZW51UHJvZmlsZSgkZXZlbnQpXCI+PC9zLXByb2ZpbGUtZ3JvdXA+XG4gICAgICAgIDxzLWF2YXRhclxuICAgICAgICAgIGNsYXNzPVwiY3Vyc29yXCJcbiAgICAgICAgICAqbmdJZj1cInVzZXIgJiYgIXVzZXJGdWxsXCJcbiAgICAgICAgICB1cmxQcm9maWxlSW1hZ2U9XCJ7eyB1c2VyLnVybCB9fVwiXG4gICAgICAgICAgbGV0dGVycz1cInt7IHVzZXIubGV0dGVycyB9fVwiXG4gICAgICAgICAgZGlzcGxheT1cInt7IHVzZXIuZGlzcGxheSB9fVwiXG4gICAgICAgICAgc2l6ZT1cImxnXCJcbiAgICAgICAgICBzdGF0dXM9XCJ7eyB1c2VyLnN0YXR1cyB9fVwiXG4gICAgICAgICAgKGNsaWNrKT1cInRvb2dsZU1lbnVQcm9maWxlKCRldmVudClcIj48L3MtYXZhdGFyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtc3VibWVudS1wcm9maWxlXCIgKm5nSWY9XCJjb250cm9sTWVudVByb2ZpbGVcIj5cbiAgICAgICAgPHMtc3ViLW1lbnVcbiAgICAgICAgICBbbWVudV09XCJtZW51UHJvZmlsZVwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaWNrTWVudVByb2ZpbGUoJGV2ZW50KVwiXG4gICAgICAgICAgKGNsb3NlTWVudUV2ZW50KT1cImNsb3NlTWVudVByb2ZpbGUoJGV2ZW50KVwiPjwvcy1zdWItbWVudT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmF2PlxuIl19
|
|
@@ -96,7 +96,7 @@ export class SPaginationComponent {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPaginationComponent, selector: "s-pagination", inputs: { showing: "showing", to: "to", of: "of", items: "items", empty: "empty", disabled: "disabled", pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{ 's-pagination--selected': pageSizes }\">\n <div class=\"s-pagination__items\">\n <s-select\n *ngIf=\"selectConfig\"\n [config]=\"selectConfig\"\n [(ngModel)]=\"selectValue\"\n (ngModelChange)=\"selectPagination($event)\">\n </s-select>\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">\n {{ showing }} {{ startResults }} {{ to }} {{ endResults }} {{ of }}\n {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text\"\n *ngIf=\"totalItems <= pageSize && totalItems !== 0\">\n {{ showing }} {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text disabled\"\n *ngIf=\"totalItems === 0\">\n {{ empty }}\n </p>\n </div>\n <div class=\"s-pagination__pages-content\" *ngIf=\"!disabled\">\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber > 1\"\n (keydown.enter)=\"previous()\"\n (click)=\"previous()\"\n >keyboard_arrow_left</s-icon-mat\n >\n <p\n tabindex=\"0\"\n *ngIf=\"pageNumber > 1\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(1)\"\n (click)=\"pageSelection(1)\">\n 1\n </p>\n <p\n *ngIf=\"previousPage > 2 && totalPages > 2\"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"previousPage >= 2\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(previousPage)\"\n (click)=\"pageSelection(previousPage)\">\n {{ previousPage }}\n </p>\n <s-button [pill]=\"true\">\n <label>{{ pageNumber }}</label>\n </s-button>\n <p\n tabindex=\"0\"\n *ngIf=\"nextPage > 1 && pageNumber !== totalPages && totalItems !== 0\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(nextPage)\"\n (click)=\"pageSelection(nextPage)\">\n {{ nextPage }}\n </p>\n <p\n *ngIf=\"\n totalPages !== nextPage + 1 &&\n pageNumber !== totalPages &&\n totalPages > 2\n \"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"\n totalPages !== nextPage && pageNumber !== totalPages && totalItems !== 0\n \"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(totalPages)\"\n (click)=\"pageSelection(totalPages)\">\n {{ totalPages }}\n </p>\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber < totalPages\"\n (keydown.enter)=\"next()\"\n (click)=\"next()\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", styles: [".s-pagination{display:flex;max-width:100%;justify-items:end;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{align-items:center;display:flex}.s-pagination__items--text{color:var(--secondary-500);margin:0 2rem;display:flex;align-items:center}.s-pagination__items--text.disabled{color:var(--secondary-200)}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}.s-pagination s-select .s-select__options.md{top:2.5rem}.s-pagination s-select .s-select__main.md{height:2rem}.s-pagination s-button .s-button--pill--md{height:2rem;width:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPaginationComponent, selector: "s-pagination", inputs: { showing: "showing", to: "to", of: "of", items: "items", empty: "empty", disabled: "disabled", pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{ 's-pagination--selected': pageSizes }\">\n <div class=\"s-pagination__items\">\n <s-select\n *ngIf=\"selectConfig\"\n [config]=\"selectConfig\"\n [(ngModel)]=\"selectValue\"\n (ngModelChange)=\"selectPagination($event)\">\n </s-select>\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">\n {{ showing }} {{ startResults }} {{ to }} {{ endResults }} {{ of }}\n {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text\"\n *ngIf=\"totalItems <= pageSize && totalItems !== 0\">\n {{ showing }} {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text disabled\"\n *ngIf=\"totalItems === 0\">\n {{ empty }}\n </p>\n </div>\n <div class=\"s-pagination__pages-content\" *ngIf=\"!disabled\">\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber > 1\"\n (keydown.enter)=\"previous()\"\n (click)=\"previous()\"\n >keyboard_arrow_left</s-icon-mat\n >\n <p\n tabindex=\"0\"\n *ngIf=\"pageNumber > 1\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(1)\"\n (click)=\"pageSelection(1)\">\n 1\n </p>\n <p\n *ngIf=\"previousPage > 2 && totalPages > 2\"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"previousPage >= 2\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(previousPage)\"\n (click)=\"pageSelection(previousPage)\">\n {{ previousPage }}\n </p>\n <s-button [pill]=\"true\">\n <label>{{ pageNumber }}</label>\n </s-button>\n <p\n tabindex=\"0\"\n *ngIf=\"nextPage > 1 && pageNumber !== totalPages && totalItems !== 0\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(nextPage)\"\n (click)=\"pageSelection(nextPage)\">\n {{ nextPage }}\n </p>\n <p\n *ngIf=\"\n totalPages !== nextPage + 1 &&\n pageNumber !== totalPages &&\n totalPages > 2\n \"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"\n totalPages !== nextPage && pageNumber !== totalPages && totalItems !== 0\n \"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(totalPages)\"\n (click)=\"pageSelection(totalPages)\">\n {{ totalPages }}\n </p>\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber < totalPages\"\n (keydown.enter)=\"next()\"\n (click)=\"next()\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", styles: [".s-pagination{display:flex;max-width:100%;justify-items:end;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{align-items:center;display:flex}.s-pagination__items--text{color:var(--secondary-500);margin:0 2rem;display:flex;align-items:center}.s-pagination__items--text.disabled{color:var(--secondary-200)}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}.s-pagination s-select .s-select__options.md{top:2.5rem}.s-pagination s-select .s-select__main.md{height:2rem}.s-pagination s-button .s-button--pill--md{height:2rem;width:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i4.SSelectComponent, selector: "s-select", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
100
100
|
}
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPaginationComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
@@ -71,7 +71,7 @@ export class SPopupComponent {
|
|
|
71
71
|
this.show70 = window.innerWidth <= this.width;
|
|
72
72
|
}
|
|
73
73
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPopupComponent, selector: "s-popup", inputs: { title: "title", type: "type", iconType: "iconType", borderBody: "borderBody", width: "width", height: "height", showPopup: "showPopup", iconCustom: "iconCustom", iconCustomName: "iconCustomName", footer: "footer", body: "body" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"showPopup\" class=\"s-popup\">\n <div class=\"s-popup__card\" [ngClass]=\"show70 ? 's-popup__card--show70' : ''\" [ngStyle]=\"{'width' : this.width + 'px', 'height' : this.height + 'px' , 'left' : getCalcPopUp(this.width) , 'top' : getCalcPopUp(this.height)}\">\n <div class=\"s-popup__card__head s-popup__card__head--{{type}}\">\n <div class=\"s-popup__card__head__divisor\">\n <s-icon-mat *ngIf=\"iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconCustomName}}</s-icon-mat>\n <s-icon-mat *ngIf=\"iconType && !iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconType}}</s-icon-mat>\n <h4>{{title}}</h4>\n </div>\n <s-icon-mat class=\"s-popup__card__head__close\" (click)=\"close()\">close</s-icon-mat>\n </div>\n <div>\n <div class=\"s-popup__card__body\"\n [ngClass]=\"{ borderBody:'s-popup__card__body--border-body' }\" [ngStyle]=\"{'height' : getCalcBody(this.height) }\">\n <div class=\"s-popup__card__body__container\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n </div>\n <div class=\"s-popup__card__footer\">\n <div class=\"s-popup__card__footer__container\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [".s-popup{background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:5}.s-popup__card{position:absolute;border-radius:.25rem;background:#fff}.s-popup__card--show70{width:94%!important;left:3%!important;height:84%!important;top:2%!important}.s-popup__card__head{height:1.875rem;padding:1.063rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.s-popup__card__head__divisor{display:inline-flex;align-items:center}.s-popup__card__head__close{float:right;cursor:pointer}.s-popup__card__head__close span,.s-popup__card__head h4,.s-popup__card__head--secondary{color:var(--secondary-600)}.s-popup__card__head--primary{color:var(--primary-600)}.s-popup__card__head--red .s-popup__card__head__divisor__icon span{color:var(--red-600)}.s-popup__card__head--green .s-popup__card__head__divisor__icon span{color:var(--green-600)}.s-popup__card__head--yellow .s-popup__card__head__divisor__icon span{color:var(--yellow-600)}.s-popup__card__body{width:100%;overflow-y:auto;color:var(--secondary-600)}.s-popup__card__body--border-body{border-bottom:.063rem solid var(--neutrals-1000);border-top:.063rem solid var(--neutrals-1000)}.s-popup__card__body__container{padding:1rem .5rem 1rem 1rem}.s-popup__card__body::-webkit-scrollbar{width:1.25rem}.s-popup__card__body::-webkit-scrollbar-track{background-color:transparent}.s-popup__card__body::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:1.25rem;border:.375rem solid transparent;background-clip:content-box}.s-popup__card__footer{width:100%}.s-popup__card__footer__container{position:absolute;bottom:.375rem;text-align:right;right:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPopupComponent, selector: "s-popup", inputs: { title: "title", type: "type", iconType: "iconType", borderBody: "borderBody", width: "width", height: "height", showPopup: "showPopup", iconCustom: "iconCustom", iconCustomName: "iconCustomName", footer: "footer", body: "body" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"showPopup\" class=\"s-popup\">\n <div class=\"s-popup__card\" [ngClass]=\"show70 ? 's-popup__card--show70' : ''\" [ngStyle]=\"{'width' : this.width + 'px', 'height' : this.height + 'px' , 'left' : getCalcPopUp(this.width) , 'top' : getCalcPopUp(this.height)}\">\n <div class=\"s-popup__card__head s-popup__card__head--{{type}}\">\n <div class=\"s-popup__card__head__divisor\">\n <s-icon-mat *ngIf=\"iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconCustomName}}</s-icon-mat>\n <s-icon-mat *ngIf=\"iconType && !iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconType}}</s-icon-mat>\n <h4>{{title}}</h4>\n </div>\n <s-icon-mat class=\"s-popup__card__head__close\" (click)=\"close()\">close</s-icon-mat>\n </div>\n <div>\n <div class=\"s-popup__card__body\"\n [ngClass]=\"{ borderBody:'s-popup__card__body--border-body' }\" [ngStyle]=\"{'height' : getCalcBody(this.height) }\">\n <div class=\"s-popup__card__body__container\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n </div>\n <div class=\"s-popup__card__footer\">\n <div class=\"s-popup__card__footer__container\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [".s-popup{background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:5}.s-popup__card{position:absolute;border-radius:.25rem;background:#fff}.s-popup__card--show70{width:94%!important;left:3%!important;height:84%!important;top:2%!important}.s-popup__card__head{height:1.875rem;padding:1.063rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.s-popup__card__head__divisor{display:inline-flex;align-items:center}.s-popup__card__head__close{float:right;cursor:pointer}.s-popup__card__head__close span,.s-popup__card__head h4,.s-popup__card__head--secondary{color:var(--secondary-600)}.s-popup__card__head--primary{color:var(--primary-600)}.s-popup__card__head--red .s-popup__card__head__divisor__icon span{color:var(--red-600)}.s-popup__card__head--green .s-popup__card__head__divisor__icon span{color:var(--green-600)}.s-popup__card__head--yellow .s-popup__card__head__divisor__icon span{color:var(--yellow-600)}.s-popup__card__body{width:100%;overflow-y:auto;color:var(--secondary-600)}.s-popup__card__body--border-body{border-bottom:.063rem solid var(--neutrals-1000);border-top:.063rem solid var(--neutrals-1000)}.s-popup__card__body__container{padding:1rem .5rem 1rem 1rem}.s-popup__card__body::-webkit-scrollbar{width:1.25rem}.s-popup__card__body::-webkit-scrollbar-track{background-color:transparent}.s-popup__card__body::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:1.25rem;border:.375rem solid transparent;background-clip:content-box}.s-popup__card__footer{width:100%}.s-popup__card__footer__container{position:absolute;bottom:.375rem;text-align:right;right:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
75
|
}
|
|
76
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPopupComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
@@ -21,7 +21,7 @@ export class SPrecodeComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPrecodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPrecodeComponent, selector: "s-precode", inputs: { copy: "copy", copySucces: "copySucces", expand: "expand", copyId: "copyId" }, ngImport: i0, template: "<pre class=\"s-precode s-scroll\">\n <span class=\"tag\">\n <ng-content></ng-content>\n </span>\n <s-button class=\"s-precode__button-copy s-precode__button-copy--small\" *ngIf=\"copyId\" (click)=\"copyCode()\">{{copy}} <s-icon-mat>file_copy</s-icon-mat></s-button>\n <s-button [pill]=\"true\" class=\"s-precode__button-copy s-precode__button-copy--tiny\" *ngIf=\"copyId\" (click)=\"copyCode()\"><s-icon-mat>file_copy</s-icon-mat></s-button>\n</pre>", styles: [".s-precode{border:.03rem solid rgba(0,0,0,.2);border-radius:.325rem;margin-bottom:1rem;overflow-x:auto;padding:1.25rem;white-space:pre-wrap;font-size:.875rem;background:#031450;display:flex;font-family:Roboto Mono,monospace}.s-precode__button-copy{position:absolute;right:1.8rem}@media (max-width: 37rem){.s-precode__button-copy--small{display:none}}@media (min-width: 37rem){.s-precode__button-copy--small{display:block}}@media (max-width: 37rem){.s-precode__button-copy--tiny{display:block}}@media (min-width: 37rem){.s-precode__button-copy--tiny{display:none}}.s-precode code{font-family:Roboto Mono,monospace;padding:0;font-size:100%;background:transparent}.s-precode .tag{color:#cffd9d;display:flex;flex-wrap:wrap;margin:.18rem 0}.s-precode .name{color:#0de9ff}.s-precode .attr{color:#ff0590}.s-precode .string{color:#58bf0a}.s-precode .tab{margin:0 .5rem}.s-precode .tab-2{margin:0 1rem}.s-precode .tab-3{margin:0 1.5rem}.s-precode .tab-4{margin:0 2rem}.s-precode .tab-5{margin:0 2.5rem}.s-precode .tab-6{margin:0 3rem}.s-precode .comment{color:#a58094}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPrecodeComponent, selector: "s-precode", inputs: { copy: "copy", copySucces: "copySucces", expand: "expand", copyId: "copyId" }, ngImport: i0, template: "<pre class=\"s-precode s-scroll\">\n <span class=\"tag\">\n <ng-content></ng-content>\n </span>\n <s-button class=\"s-precode__button-copy s-precode__button-copy--small\" *ngIf=\"copyId\" (click)=\"copyCode()\">{{copy}} <s-icon-mat>file_copy</s-icon-mat></s-button>\n <s-button [pill]=\"true\" class=\"s-precode__button-copy s-precode__button-copy--tiny\" *ngIf=\"copyId\" (click)=\"copyCode()\"><s-icon-mat>file_copy</s-icon-mat></s-button>\n</pre>", styles: [".s-precode{border:.03rem solid rgba(0,0,0,.2);border-radius:.325rem;margin-bottom:1rem;overflow-x:auto;padding:1.25rem;white-space:pre-wrap;font-size:.875rem;background:#031450;display:flex;font-family:Roboto Mono,monospace}.s-precode__button-copy{position:absolute;right:1.8rem}@media (max-width: 37rem){.s-precode__button-copy--small{display:none}}@media (min-width: 37rem){.s-precode__button-copy--small{display:block}}@media (max-width: 37rem){.s-precode__button-copy--tiny{display:block}}@media (min-width: 37rem){.s-precode__button-copy--tiny{display:none}}.s-precode code{font-family:Roboto Mono,monospace;padding:0;font-size:100%;background:transparent}.s-precode .tag{color:#cffd9d;display:flex;flex-wrap:wrap;margin:.18rem 0}.s-precode .name{color:#0de9ff}.s-precode .attr{color:#ff0590}.s-precode .string{color:#58bf0a}.s-precode .tab{margin:0 .5rem}.s-precode .tab-2{margin:0 1rem}.s-precode .tab-3{margin:0 1.5rem}.s-precode .tab-4{margin:0 2rem}.s-precode .tab-5{margin:0 2.5rem}.s-precode .tab-6{margin:0 3rem}.s-precode .comment{color:#a58094}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPrecodeComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -14,7 +14,7 @@ export class SProgressbarComponent extends TemperatureComponent {
|
|
|
14
14
|
this.initColor();
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProgressbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProgressbarComponent, selector: "s-progressbar", inputs: { percentage: "percentage", customColor: "customColor" }, usesInheritance: true, ngImport: i0, template: "<div class=\"s-progressbar\">\n <div class=\"s-progressbar__bar\">\n <div class=\"s-progressbar__bar--background\"></div>\n <div class=\"s-progressbar__bar--progresso\"\n [style.width.%]=\"percentage\"\n [ngClass]=\"color\"\n [style.background]=\"customColor\"\n id=\"bar\"\n ></div>\n </div>\n <div class=\"s-progressbar__percentage\">\n <h6 *ngIf=\"percentage < 100\">{{percentage}}%</h6>\n <s-icon-mat *ngIf=\"percentage > 99\" class=\"icon-check\">done</s-icon-mat>\n </div>\n</div>", styles: [".s-progressbar{display:flex}.s-progressbar__bar{display:flex;flex-direction:column;position:relative;width:100%;margin:.3rem .5rem 0}.s-progressbar__bar--background,.s-progressbar__bar--progresso{border-radius:.5rem}.s-progressbar__bar--background{background:#ccc;height:.5rem;width:100%;position:absolute;transform:rotate(180deg)}.s-progressbar__bar--progresso{background:#5054ae;height:.5rem;position:absolute;transition:all .5s;width:44%}.s-progressbar__bar--progresso.red{background:var(--red-600)}.s-progressbar__bar--progresso.orange{background:var(--red-500)}.s-progressbar__bar--progresso.yellow{background:var(--yellow-600)}.s-progressbar__bar--progresso.green{background:var(--green-600)}.s-progressbar__bar--progresso.gray{background:var(--neutrals-600)}.s-progressbar__percentage .icon-check{color:var(--green-600);font-size:1rem;display:flex;margin-top:-.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProgressbarComponent, selector: "s-progressbar", inputs: { percentage: "percentage", customColor: "customColor" }, usesInheritance: true, ngImport: i0, template: "<div class=\"s-progressbar\">\n <div class=\"s-progressbar__bar\">\n <div class=\"s-progressbar__bar--background\"></div>\n <div class=\"s-progressbar__bar--progresso\"\n [style.width.%]=\"percentage\"\n [ngClass]=\"color\"\n [style.background]=\"customColor\"\n id=\"bar\"\n ></div>\n </div>\n <div class=\"s-progressbar__percentage\">\n <h6 *ngIf=\"percentage < 100\">{{percentage}}%</h6>\n <s-icon-mat *ngIf=\"percentage > 99\" class=\"icon-check\">done</s-icon-mat>\n </div>\n</div>", styles: [".s-progressbar{display:flex}.s-progressbar__bar{display:flex;flex-direction:column;position:relative;width:100%;margin:.3rem .5rem 0}.s-progressbar__bar--background,.s-progressbar__bar--progresso{border-radius:.5rem}.s-progressbar__bar--background{background:#ccc;height:.5rem;width:100%;position:absolute;transform:rotate(180deg)}.s-progressbar__bar--progresso{background:#5054ae;height:.5rem;position:absolute;transition:all .5s;width:44%}.s-progressbar__bar--progresso.red{background:var(--red-600)}.s-progressbar__bar--progresso.orange{background:var(--red-500)}.s-progressbar__bar--progresso.yellow{background:var(--yellow-600)}.s-progressbar__bar--progresso.green{background:var(--green-600)}.s-progressbar__bar--progresso.gray{background:var(--neutrals-600)}.s-progressbar__percentage .icon-check{color:var(--green-600);font-size:1rem;display:flex;margin-top:-.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProgressbarComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
@@ -94,7 +94,7 @@ export class SSelectComponent extends ControlValueAccessorDirective {
|
|
|
94
94
|
useExisting: forwardRef(() => SSelectComponent),
|
|
95
95
|
multi: true,
|
|
96
96
|
},
|
|
97
|
-
], usesInheritance: true, ngImport: i0, template: "<div\r\n *ngIf=\"config\"\r\n class=\"s-select\"\r\n [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n >{{ config.label }}\r\n <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n </span>\r\n <div\r\n class=\"s-select__main cursor\"\r\n [ngClass]=\"{\r\n 'theme-red': (control && control.invalid && isFocused ),\r\n 'is-open': isOpen,\r\n 'readonly': config.readOnly,\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n }\"\r\n tabIndex=\"0\"\r\n (keydown)=\"onKeyDownMain($event)\">\r\n <div class=\"s-select__main__selected-option select-simple\">\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n <ng-container *ngIf=\"control; else notUseFormControl\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [formControl]=\"getControl()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-container>\r\n <ng-template #notUseFormControl>\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [value]=\"value\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-template>\r\n <span>{{ getTitle() }}</span>\r\n </div>\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n <div\r\n class=\"s-select__main__selected-option__left__content-option\"\r\n *ngIf=\"!value\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n </div>\r\n </div>\r\n <div class=\"s-select__main__selected-option__right\">\r\n <s-icon-mat\r\n *ngIf=\"!config.readOnly\"\r\n class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <s-validation-error\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n [errors]=\"control.errors\">\r\n </s-validation-error>\r\n <s-error-control\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n theme=\"red\">\r\n {{ config.errorText }}\r\n </s-error-control>\r\n <s-error-control\r\n *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n {{ config.helpText }}\r\n </s-error-control>\r\n\r\n\r\n <div class=\"s-select__options\" [ngClass]=\"{\r\n 'label-off': !config.label,\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n }\" *ngIf=\"isOpen\">\r\n <section class=\"s-select__options-simple\">\r\n <div\r\n class=\"s-select__item\"\r\n [ngClass]=\"{\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n 'no-display': !config.display\r\n }\"\r\n *ngFor=\"let item of config.options; index as i\"\r\n [class.active]=\"i === activeIndex\"\r\n (click)=\"getSelectedValue(item)\"\r\n (keydown)=\"onKeyDownItems($event, item)\"\r\n tabindex=\"0\">\r\n <div class=\"content-left select-simple\">\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n <s-avatar\r\n size=\"24\"\r\n [display]=\"item.user?.display\"\r\n [status]=\"item.user?.status\"\r\n [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n </div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <span class=\"option-value\">\r\n {{ item.title }}\r\n </span>\r\n </div>\r\n <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <div\r\n *ngIf=\"\r\n config?.display === 'profile' &&\r\n (activeIndex || this.activeIndex === 0) &&\r\n config.options[activeIndex]?.user\r\n \"\r\n class=\"content-avatar\">\r\n <s-avatar\r\n size=\"24\"\r\n [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n [urlProfileImage]=\"\r\n config.options[activeIndex].user?.url ?? undefined\r\n \"></s-avatar>\r\n </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i7.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
97
|
+
], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"config\" class=\"s-select\" [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n >{{ config.label }}\r\n <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n </span>\r\n <div\r\n class=\"s-select__main cursor\"\r\n [ngClass]=\"{\r\n 'theme-red': control && control.invalid && isFocused,\r\n 'is-open': isOpen,\r\n readonly: config.readOnly,\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n }\"\r\n tabIndex=\"0\"\r\n (keydown)=\"onKeyDownMain($event)\">\r\n <div class=\"s-select__main__selected-option select-simple\">\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n <ng-container *ngIf=\"control; else notUseFormControl\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [formControl]=\"getControl()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-container>\r\n <ng-template #notUseFormControl>\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [value]=\"value\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-template>\r\n <span>{{ getTitle() }}</span>\r\n </div>\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n <div class=\"s-select__main__selected-option__left__content-option\" *ngIf=\"!value\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n </div>\r\n </div>\r\n <div class=\"s-select__main__selected-option__right\">\r\n <s-icon-mat *ngIf=\"!config.readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n isOpen ? 'expand_less' : 'expand_more'\r\n }}</s-icon-mat>\r\n </div>\r\n </div>\r\n </div>\r\n <s-validation-error\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n [errors]=\"control.errors\">\r\n </s-validation-error>\r\n <s-error-control *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\" theme=\"red\">\r\n {{ config.errorText }}\r\n </s-error-control>\r\n <s-error-control *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n {{ config.helpText }}\r\n </s-error-control>\r\n\r\n <div\r\n class=\"s-select__options\"\r\n [ngClass]=\"{\r\n 'label-off': !config.label,\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n }\"\r\n *ngIf=\"isOpen\">\r\n <section class=\"s-select__options-simple\">\r\n <div\r\n class=\"s-select__item\"\r\n [ngClass]=\"{\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n 'no-display': !config.display,\r\n }\"\r\n *ngFor=\"let item of config.options; index as i\"\r\n [class.active]=\"i === activeIndex\"\r\n (click)=\"getSelectedValue(item)\"\r\n (keydown)=\"onKeyDownItems($event, item)\"\r\n tabindex=\"0\">\r\n <div class=\"content-left select-simple\">\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n <s-avatar\r\n size=\"md\"\r\n [display]=\"item.user?.display\"\r\n [status]=\"item.user?.status\"\r\n [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n </div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? 'sm' : 'md'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <span class=\"option-value\">\r\n {{ item.title }}\r\n </span>\r\n </div>\r\n <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? 'sm' : 'md'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <div\r\n *ngIf=\"\r\n config?.display === 'profile' && (activeIndex || this.activeIndex === 0) && config.options[activeIndex]?.user\r\n \"\r\n class=\"content-avatar\">\r\n <s-avatar\r\n size=\"md\"\r\n [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n [urlProfileImage]=\"config.options[activeIndex].user?.url ?? undefined\"></s-avatar>\r\n </div>\r\n</ng-template>\r\n", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i7.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
98
98
|
}
|
|
99
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
104
104
|
useExisting: forwardRef(() => SSelectComponent),
|
|
105
105
|
multi: true,
|
|
106
106
|
},
|
|
107
|
-
], template: "<div\r\n *ngIf=\"config\"\r\n class=\"s-select\"\r\n [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n >{{ config.label }}\r\n <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n </span>\r\n <div\r\n class=\"s-select__main cursor\"\r\n [ngClass]=\"{\r\n 'theme-red': (control && control.invalid && isFocused ),\r\n 'is-open': isOpen,\r\n 'readonly': config.readOnly,\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n }\"\r\n tabIndex=\"0\"\r\n (keydown)=\"onKeyDownMain($event)\">\r\n <div class=\"s-select__main__selected-option select-simple\">\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n <ng-container *ngIf=\"control; else notUseFormControl\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [formControl]=\"getControl()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-container>\r\n <ng-template #notUseFormControl>\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [value]=\"value\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-template>\r\n <span>{{ getTitle() }}</span>\r\n </div>\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n <div\r\n class=\"s-select__main__selected-option__left__content-option\"\r\n *ngIf=\"!value\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n </div>\r\n </div>\r\n <div class=\"s-select__main__selected-option__right\">\r\n <s-icon-mat\r\n *ngIf=\"!config.readOnly\"\r\n class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n <s-validation-error\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n [errors]=\"control.errors\">\r\n </s-validation-error>\r\n <s-error-control\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n theme=\"red\">\r\n {{ config.errorText }}\r\n </s-error-control>\r\n <s-error-control\r\n *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n {{ config.helpText }}\r\n </s-error-control>\r\n\r\n\r\n <div class=\"s-select__options\" [ngClass]=\"{\r\n 'label-off': !config.label,\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n }\" *ngIf=\"isOpen\">\r\n <section class=\"s-select__options-simple\">\r\n <div\r\n class=\"s-select__item\"\r\n [ngClass]=\"{\r\n 'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n 'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n 'no-display': !config.display\r\n }\"\r\n *ngFor=\"let item of config.options; index as i\"\r\n [class.active]=\"i === activeIndex\"\r\n (click)=\"getSelectedValue(item)\"\r\n (keydown)=\"onKeyDownItems($event, item)\"\r\n tabindex=\"0\">\r\n <div class=\"content-left select-simple\">\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n <s-avatar\r\n size=\"24\"\r\n [display]=\"item.user?.display\"\r\n [status]=\"item.user?.status\"\r\n [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n </div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <span class=\"option-value\">\r\n {{ item.title }}\r\n </span>\r\n </div>\r\n <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <div\r\n *ngIf=\"\r\n config?.display === 'profile' &&\r\n (activeIndex || this.activeIndex === 0) &&\r\n config.options[activeIndex]?.user\r\n \"\r\n class=\"content-avatar\">\r\n <s-avatar\r\n size=\"24\"\r\n [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n [urlProfileImage]=\"\r\n config.options[activeIndex].user?.url ?? undefined\r\n \"></s-avatar>\r\n </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
|
|
107
|
+
], template: "<div *ngIf=\"config\" class=\"s-select\" [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n >{{ config.label }}\r\n <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n </span>\r\n <div\r\n class=\"s-select__main cursor\"\r\n [ngClass]=\"{\r\n 'theme-red': control && control.invalid && isFocused,\r\n 'is-open': isOpen,\r\n readonly: config.readOnly,\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n }\"\r\n tabIndex=\"0\"\r\n (keydown)=\"onKeyDownMain($event)\">\r\n <div class=\"s-select__main__selected-option select-simple\">\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n <ng-container *ngIf=\"control; else notUseFormControl\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [formControl]=\"getControl()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-container>\r\n <ng-template #notUseFormControl>\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <input\r\n [readOnly]=\"config.readOnly || config.disabled\"\r\n [id]=\"config.id ? config.id : ''\"\r\n [value]=\"value\"\r\n (input)=\"onInput($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\" />\r\n </ng-template>\r\n <span>{{ getTitle() }}</span>\r\n </div>\r\n <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n <div class=\"s-select__main__selected-option__left__content-option\" *ngIf=\"!value\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n </div>\r\n </div>\r\n <div class=\"s-select__main__selected-option__right\">\r\n <s-icon-mat *ngIf=\"!config.readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n isOpen ? 'expand_less' : 'expand_more'\r\n }}</s-icon-mat>\r\n </div>\r\n </div>\r\n </div>\r\n <s-validation-error\r\n *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n [errors]=\"control.errors\">\r\n </s-validation-error>\r\n <s-error-control *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\" theme=\"red\">\r\n {{ config.errorText }}\r\n </s-error-control>\r\n <s-error-control *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n {{ config.helpText }}\r\n </s-error-control>\r\n\r\n <div\r\n class=\"s-select__options\"\r\n [ngClass]=\"{\r\n 'label-off': !config.label,\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n }\"\r\n *ngIf=\"isOpen\">\r\n <section class=\"s-select__options-simple\">\r\n <div\r\n class=\"s-select__item\"\r\n [ngClass]=\"{\r\n sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n 'no-display': !config.display,\r\n }\"\r\n *ngFor=\"let item of config.options; index as i\"\r\n [class.active]=\"i === activeIndex\"\r\n (click)=\"getSelectedValue(item)\"\r\n (keydown)=\"onKeyDownItems($event, item)\"\r\n tabindex=\"0\">\r\n <div class=\"content-left select-simple\">\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n <s-avatar\r\n size=\"md\"\r\n [display]=\"item.user?.display\"\r\n [status]=\"item.user?.status\"\r\n [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n </div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? 'sm' : 'md'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <span class=\"option-value\">\r\n {{ item.title }}\r\n </span>\r\n </div>\r\n <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n <s-icon-mat\r\n [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? 'sm' : 'md'\"\r\n class=\"iconPerson\"\r\n *ngIf=\"config.display === 'iconperson'\"\r\n >person_outline</s-icon-mat\r\n >\r\n <div\r\n *ngIf=\"\r\n config?.display === 'profile' && (activeIndex || this.activeIndex === 0) && config.options[activeIndex]?.user\r\n \"\r\n class=\"content-avatar\">\r\n <s-avatar\r\n size=\"md\"\r\n [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n [urlProfileImage]=\"config.options[activeIndex].user?.url ?? undefined\"></s-avatar>\r\n </div>\r\n</ng-template>\r\n", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
|
|
108
108
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1.SelectNavigationService }], propDecorators: { config: [{
|
|
109
109
|
type: Input
|
|
110
110
|
}], blur: [{
|
|
@@ -118,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
118
118
|
type: HostListener,
|
|
119
119
|
args: ['document:click']
|
|
120
120
|
}] } });
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC9zLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0L3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBaUJ6RCxNQUFNLE9BQU8sZ0JBQW9CLFNBQVEsNkJBQWdDO0lBWXZFLFlBQ0UsUUFBa0IsRUFDVixnQkFBeUM7UUFFakQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRlIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQVp6QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUzQyxlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFeEIsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixjQUFTLEdBQVksS0FBSyxDQUFDO0lBTzNCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJ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LElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU07Z0JBMERQLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPO2dCQVVyQixVQUFVO3NCQURULFlBQVk7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdG9yLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNTZWxlY3RTaW1wbGVNb2RlbCB9IGZyb20gJy4uL3Mtc2VsZWN0LW1vZGVsJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vaW5wdXQvZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJTlBVVF9TSVpFIH0gZnJvbSAnLi4vLi4vaW5wdXQvZW51bXMvc2l6ZS5lbnVtJztcbmltcG9ydCB7IFNlbGVjdE5hdmlnYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vcy1zZWxlY3Qtc2VydmljZSc7XG5pbXBvcnQgeyBTU2VsZWN0IH0gZnJvbSAnLi9zLXNlbGVjdC1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Mtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4uL3Mtc2VsZWN0LXN0eWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTU2VsZWN0Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNTZWxlY3RDb21wb25lbnQ8VD4gZXh0ZW5kcyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZTxUPiB7XG4gIEBJbnB1dCgpIGNvbmZpZyE6IFNTZWxlY3Q7XG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIFxuICBJTlBVVF9TSVpFID0gSU5QVVRfU0laRTtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIGFjdGl2ZUluZGV4ITogbnVtYmVyO1xuICB2YWx1ZTogYW55ID0gdW5kZWZpbmVkO1xuICBjbGlja0luc2lkZTogYm9vbGVhbiA9IGZhbHNlO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJpdmF0ZSBzZWxlY3ROYXZTZXJ2aWNlOiBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZVxuICApIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gIH1cblxuICBnZXRDb250cm9sKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2wgPT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gKHRoaXMuY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJykpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5jb250cm9sO1xuICB9XG5cbiAgZ2V0VGl0bGUoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuY29uZmlnPy5vcHRpb25zPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgaWYgKHRoaXMudmFsdWUgPT09IG51bGwgfHwgdGhpcy52YWx1ZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGNvbnN0IG9wdGlvbiA9IHRoaXMuY29uZmlnLm9wdGlvbnMuZmluZChpdGVtID0+IGl0ZW0udmFsdWUgPT09IHRoaXMudmFsdWUudG9TdHJpbmcoKSk7XG4gICAgcmV0dXJuIG9wdGlvbj8udGl0bGUgPz8gJyc7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG4gIH1cblxuICBnZXRTZWxlY3RlZFZhbHVlKGU6IFNTZWxlY3RTaW1wbGVNb2RlbCkge1xuICAgIHRoaXMuY29udHJvbFxuICAgICAgPyB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZS52YWx1ZS50b1N0cmluZygpKVxuICAgICAgOiAodGhpcy52YWx1ZSA9IGUudmFsdWUpO1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSB0aGlzLmNvbmZpZy5vcHRpb25zPy5pbmRleE9mKGUpO1xuICAgIHRoaXMudmFsdWUgPSBlLnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkJsdXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gdHJ1ZTtcbiAgICBpZiAoKCF0aGlzLmNvbmZpZy5kaXNhYmxlZCAmJiAhdGhpcy5jb250cm9sPy5kaXNhYmxlZCkgJiYgIXRoaXMuY29uZmlnLnJlYWRPbmx5KSB7XG4gICAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICAgIHRoaXMub25Gb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyLm5leHQoKTtcbiAgfVxuXG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KCk7XG4gIH1cblxuICBvbktleURvd25NYWluKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVyblxuICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bk1haW4oZXZlbnQsIHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIG9uS2V5RG93bkl0ZW1zKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBpdGVtOiBTU2VsZWN0U2ltcGxlTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25JdGVtcyhcbiAgICAgIGV2ZW50LFxuICAgICAgaXRlbSxcbiAgICAgIHRoaXMuaXNPcGVuLFxuICAgICAgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcyksXG4gICAgICB0cnVlXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdlxyXG4gICpuZ0lmPVwiY29uZmlnXCJcclxuICBjbGFzcz1cInMtc2VsZWN0XCJcclxuICBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIlxyXG4gICAgPnt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvclwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICd0aGVtZS1yZWQnOiAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgaXNGb2N1c2VkICksXHJcbiAgICAgICdpcy1vcGVuJzogaXNPcGVuLFxyXG4gICAgICAncmVhZG9ubHknOiBjb25maWcucmVhZE9ubHksXHJcbiAgICAgICdzbSc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSxcclxuICAgICAgJ21kJzogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLk1EXHJcbiAgICB9XCJcclxuICAgIHRhYkluZGV4PVwiMFwiXHJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd25NYWluKCRldmVudClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uIHNlbGVjdC1zaW1wbGVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIiAqbmdJZj1cInZhbHVlXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRyb2w7IGVsc2Ugbm90VXNlRm9ybUNvbnRyb2xcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbaWRdPVwiY29uZmlnLmlkID8gY29uZmlnLmlkIDogJydcIlxyXG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZ2V0Q29udHJvbCgpXCJcclxuICAgICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoKVwiXHJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigpXCIgLz5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI25vdFVzZUZvcm1Db250cm9sPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRpc3BsYXlcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtpZF09XCJjb25maWcuaWQgPyBjb25maWcuaWQgOiAnJ1wiXHJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxyXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygpXCJcclxuICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIiAvPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPHNwYW4+e3sgZ2V0VGl0bGUoKSB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19sZWZ0XCIgKm5nSWY9XCIhdmFsdWVcIj5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRfX2NvbnRlbnQtb3B0aW9uXCJcclxuICAgICAgICAgICpuZ0lmPVwiIXZhbHVlXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJwbGFjZWhvbGRlclwiPnt7IGNvbmZpZy5wbGFjZWhvbGRlciB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19yaWdodFwiPlxyXG4gICAgICAgIDxzLWljb24tbWF0XHJcbiAgICAgICAgICAqbmdJZj1cIiFjb25maWcucmVhZE9ubHlcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ7eyBpc09wZW4gPyAnaXMtb3Blbi1hcnJvdycgOiAnJyB9fVwiXHJcbiAgICAgICAgICA+e3sgaXNPcGVuID8gJ2V4cGFuZF9sZXNzJyA6ICdleHBhbmRfbW9yZScgfX08L3MtaWNvbi1tYXRcclxuICAgICAgICA+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgICA8cy12YWxpZGF0aW9uLWVycm9yXHJcbiAgICAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiBjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiBpc0ZvY3VzZWRcIlxyXG4gICAgW2N1c3RvbUVycm9yTWVzc2FnZXNdPVwiY29uZmlnLmVycm9yTWVzc2FnZXMgPz8gdW5kZWZpbmVkXCJcclxuICAgIFtlcnJvcnNdPVwiY29udHJvbC5lcnJvcnNcIj5cclxuICA8L3MtdmFsaWRhdGlvbi1lcnJvcj5cclxuICA8cy1lcnJvci1jb250cm9sXHJcbiAgICAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiBjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiBjb25maWcuZXJyb3JUZXh0XCJcclxuICAgIHRoZW1lPVwicmVkXCI+XHJcbiAgICB7eyBjb25maWcuZXJyb3JUZXh0IH19XHJcbiAgPC9zLWVycm9yLWNvbnRyb2w+XHJcbiAgPHMtZXJyb3ItY29udHJvbFxyXG4gICAgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgIWNvbmZpZy5lcnJvclRleHQgJiYgY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMgJiYgY29uZmlnLmhlbHBUZXh0XCI+XHJcbiAgICB7eyBjb25maWcuaGVscFRleHQgfX1cclxuICA8L3MtZXJyb3ItY29udHJvbD5cclxuXHJcblxyXG4gIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9uc1wiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ2xhYmVsLW9mZic6ICFjb25maWcubGFiZWwsXHJcbiAgICAgICdzbSc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSxcclxuICAgICAgJ21kJzogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLk1EXHJcbiAgICAgIH1cIiAqbmdJZj1cImlzT3BlblwiPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1zaW1wbGVcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwicy1zZWxlY3RfX2l0ZW1cIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICdzbSc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSxcclxuICAgICAgICAgICdtZCc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5NRCxcclxuICAgICAgICAgICduby1kaXNwbGF5JzogIWNvbmZpZy5kaXNwbGF5XHJcbiAgICAgICAgICB9XCJcclxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjb25maWcub3B0aW9uczsgaW5kZXggYXMgaVwiXHJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpID09PSBhY3RpdmVJbmRleFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImdldFNlbGVjdGVkVmFsdWUoaXRlbSlcIlxyXG4gICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bkl0ZW1zKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgIHRhYmluZGV4PVwiMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWxlZnQgc2VsZWN0LXNpbXBsZVwiPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgICAgPHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgc2l6ZT1cIjI0XCJcclxuICAgICAgICAgICAgICBbZGlzcGxheV09XCJpdGVtLnVzZXI/LmRpc3BsYXlcIlxyXG4gICAgICAgICAgICAgIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIlxyXG4gICAgICAgICAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiaXRlbS51c2VyPy51cmxcIj48L3MtYXZhdGFyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8cy1pY29uLW1hdFxyXG4gICAgICAgICAgICBbc2l6ZV09XCIoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00gPyAnMTcnIDogJzIyJ1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICAgICAgICAgID5wZXJzb25fb3V0bGluZTwvcy1pY29uLW1hdFxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cclxuICAgICAgICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCIgKm5nSWY9XCJpID09PSBhY3RpdmVJbmRleFwiPlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJpY29uLWNoZWNrXCI+Y2hlY2s8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZGlzcGxheT5cclxuICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cclxuICA8cy1pY29uLW1hdFxyXG4gICAgW3NpemVdPVwiKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNID8gJzE3JyA6ICcyMidcIlxyXG4gICAgY2xhc3M9XCJpY29uUGVyc29uXCJcclxuICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICA+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXRcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgKm5nSWY9XCJcclxuICAgICAgY29uZmlnPy5kaXNwbGF5ID09PSAncHJvZmlsZScgJiZcclxuICAgICAgKGFjdGl2ZUluZGV4IHx8IHRoaXMuYWN0aXZlSW5kZXggPT09IDApICYmXHJcbiAgICAgIGNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XT8udXNlclxyXG4gICAgXCJcclxuICAgIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgIDxzLWF2YXRhclxyXG4gICAgICBzaXplPVwiMjRcIlxyXG4gICAgICBbc3RhdHVzXT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5zdGF0dXMgPz8gbnVsbFwiXHJcbiAgICAgIFtkaXNwbGF5XT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5kaXNwbGF5ID8/IHVuZGVmaW5lZFwiXHJcbiAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiXHJcbiAgICAgICAgY29uZmlnLm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LnVybCA/PyB1bmRlZmluZWRcclxuICAgICAgXCI+PC9zLWF2YXRhcj5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC9zLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0L3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBaUJ6RCxNQUFNLE9BQU8sZ0JBQW9CLFNBQVEsNkJBQWdDO0lBWXZFLFlBQ0UsUUFBa0IsRUFDVixnQkFBeUM7UUFFakQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRlIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQVp6QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUzQyxlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFeEIsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixjQUFTLEdBQVksS0FBSyxDQUFDO0lBTzNCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJ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LElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU07Z0JBMERQLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPO2dCQVVyQixVQUFVO3NCQURULFlBQVk7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdG9yLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNTZWxlY3RTaW1wbGVNb2RlbCB9IGZyb20gJy4uL3Mtc2VsZWN0LW1vZGVsJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vaW5wdXQvZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJTlBVVF9TSVpFIH0gZnJvbSAnLi4vLi4vaW5wdXQvZW51bXMvc2l6ZS5lbnVtJztcbmltcG9ydCB7IFNlbGVjdE5hdmlnYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vcy1zZWxlY3Qtc2VydmljZSc7XG5pbXBvcnQgeyBTU2VsZWN0IH0gZnJvbSAnLi9zLXNlbGVjdC1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Mtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4uL3Mtc2VsZWN0LXN0eWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTU2VsZWN0Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNTZWxlY3RDb21wb25lbnQ8VD4gZXh0ZW5kcyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZTxUPiB7XG4gIEBJbnB1dCgpIGNvbmZpZyE6IFNTZWxlY3Q7XG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIFxuICBJTlBVVF9TSVpFID0gSU5QVVRfU0laRTtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIGFjdGl2ZUluZGV4ITogbnVtYmVyO1xuICB2YWx1ZTogYW55ID0gdW5kZWZpbmVkO1xuICBjbGlja0luc2lkZTogYm9vbGVhbiA9IGZhbHNlO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJpdmF0ZSBzZWxlY3ROYXZTZXJ2aWNlOiBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZVxuICApIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gIH1cblxuICBnZXRDb250cm9sKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2wgPT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gKHRoaXMuY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJykpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5jb250cm9sO1xuICB9XG5cbiAgZ2V0VGl0bGUoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuY29uZmlnPy5vcHRpb25zPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgaWYgKHRoaXMudmFsdWUgPT09IG51bGwgfHwgdGhpcy52YWx1ZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGNvbnN0IG9wdGlvbiA9IHRoaXMuY29uZmlnLm9wdGlvbnMuZmluZChpdGVtID0+IGl0ZW0udmFsdWUgPT09IHRoaXMudmFsdWUudG9TdHJpbmcoKSk7XG4gICAgcmV0dXJuIG9wdGlvbj8udGl0bGUgPz8gJyc7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG4gIH1cblxuICBnZXRTZWxlY3RlZFZhbHVlKGU6IFNTZWxlY3RTaW1wbGVNb2RlbCkge1xuICAgIHRoaXMuY29udHJvbFxuICAgICAgPyB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZS52YWx1ZS50b1N0cmluZygpKVxuICAgICAgOiAodGhpcy52YWx1ZSA9IGUudmFsdWUpO1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSB0aGlzLmNvbmZpZy5vcHRpb25zPy5pbmRleE9mKGUpO1xuICAgIHRoaXMudmFsdWUgPSBlLnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkJsdXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gdHJ1ZTtcbiAgICBpZiAoKCF0aGlzLmNvbmZpZy5kaXNhYmxlZCAmJiAhdGhpcy5jb250cm9sPy5kaXNhYmxlZCkgJiYgIXRoaXMuY29uZmlnLnJlYWRPbmx5KSB7XG4gICAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICAgIHRoaXMub25Gb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyLm5leHQoKTtcbiAgfVxuXG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KCk7XG4gIH1cblxuICBvbktleURvd25NYWluKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVyblxuICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bk1haW4oZXZlbnQsIHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIG9uS2V5RG93bkl0ZW1zKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBpdGVtOiBTU2VsZWN0U2ltcGxlTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25JdGVtcyhcbiAgICAgIGV2ZW50LFxuICAgICAgaXRlbSxcbiAgICAgIHRoaXMuaXNPcGVuLFxuICAgICAgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcyksXG4gICAgICB0cnVlXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImNvbmZpZ1wiIGNsYXNzPVwicy1zZWxlY3RcIiBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIlxyXG4gICAgPnt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvclwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICd0aGVtZS1yZWQnOiBjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiBpc0ZvY3VzZWQsXHJcbiAgICAgICdpcy1vcGVuJzogaXNPcGVuLFxyXG4gICAgICByZWFkb25seTogY29uZmlnLnJlYWRPbmx5LFxyXG4gICAgICBzbTogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNLFxyXG4gICAgICBtZDogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLk1ELFxyXG4gICAgfVwiXHJcbiAgICB0YWJJbmRleD1cIjBcIlxyXG4gICAgKGtleWRvd24pPVwib25LZXlEb3duTWFpbigkZXZlbnQpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbiBzZWxlY3Qtc2ltcGxlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19sZWZ0XCIgKm5nSWY9XCJ2YWx1ZVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250cm9sOyBlbHNlIG5vdFVzZUZvcm1Db250cm9sXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgIFtyZWFkT25seV09XCJjb25maWcucmVhZE9ubHkgfHwgY29uZmlnLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgW2lkXT1cImNvbmZpZy5pZCA/IGNvbmZpZy5pZCA6ICcnXCJcclxuICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImdldENvbnRyb2woKVwiXHJcbiAgICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKClcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiIC8+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNub3RVc2VGb3JtQ29udHJvbD5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbaWRdPVwiY29uZmlnLmlkID8gY29uZmlnLmlkIDogJydcIlxyXG4gICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoKVwiXHJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigpXCIgLz5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxzcGFuPnt7IGdldFRpdGxlKCkgfX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdFwiICpuZ0lmPVwiIXZhbHVlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRfX2NvbnRlbnQtb3B0aW9uXCIgKm5nSWY9XCIhdmFsdWVcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInBsYWNlaG9sZGVyXCI+e3sgY29uZmlnLnBsYWNlaG9sZGVyIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX3JpZ2h0XCI+XHJcbiAgICAgICAgPHMtaWNvbi1tYXQgKm5nSWY9XCIhY29uZmlnLnJlYWRPbmx5XCIgY2xhc3M9XCJ7eyBpc09wZW4gPyAnaXMtb3Blbi1hcnJvdycgOiAnJyB9fVwiPnt7XHJcbiAgICAgICAgICBpc09wZW4gPyAnZXhwYW5kX2xlc3MnIDogJ2V4cGFuZF9tb3JlJ1xyXG4gICAgICAgIH19PC9zLWljb24tbWF0PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxzLXZhbGlkYXRpb24tZXJyb3JcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGlzRm9jdXNlZFwiXHJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlcyA/PyB1bmRlZmluZWRcIlxyXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxyXG4gIDwvcy12YWxpZGF0aW9uLWVycm9yPlxyXG4gIDxzLWVycm9yLWNvbnRyb2wgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgY29uZmlnLmVycm9yVGV4dFwiIHRoZW1lPVwicmVkXCI+XHJcbiAgICB7eyBjb25maWcuZXJyb3JUZXh0IH19XHJcbiAgPC9zLWVycm9yLWNvbnRyb2w+XHJcbiAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiAhY29uZmlnLmVycm9yVGV4dCAmJiBjb250cm9sICYmICFjb250cm9sLmVycm9ycyAmJiBjb25maWcuaGVscFRleHRcIj5cclxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB9fVxyXG4gIDwvcy1lcnJvci1jb250cm9sPlxyXG5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ2xhYmVsLW9mZic6ICFjb25maWcubGFiZWwsXHJcbiAgICAgIHNtOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgIG1kOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuTUQsXHJcbiAgICB9XCJcclxuICAgICpuZ0lmPVwiaXNPcGVuXCI+XHJcbiAgICA8c2VjdGlvbiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLXNpbXBsZVwiPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJzLXNlbGVjdF9faXRlbVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgc206IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSxcclxuICAgICAgICAgIG1kOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuTUQsXHJcbiAgICAgICAgICAnbm8tZGlzcGxheSc6ICFjb25maWcuZGlzcGxheSxcclxuICAgICAgICB9XCJcclxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjb25maWcub3B0aW9uczsgaW5kZXggYXMgaVwiXHJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpID09PSBhY3RpdmVJbmRleFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImdldFNlbGVjdGVkVmFsdWUoaXRlbSlcIlxyXG4gICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bkl0ZW1zKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgIHRhYmluZGV4PVwiMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWxlZnQgc2VsZWN0LXNpbXBsZVwiPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgICAgPHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgc2l6ZT1cIm1kXCJcclxuICAgICAgICAgICAgICBbZGlzcGxheV09XCJpdGVtLnVzZXI/LmRpc3BsYXlcIlxyXG4gICAgICAgICAgICAgIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIlxyXG4gICAgICAgICAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiaXRlbS51c2VyPy51cmxcIj48L3MtYXZhdGFyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8cy1pY29uLW1hdFxyXG4gICAgICAgICAgICBbc2l6ZV09XCIoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00gPyAnc20nIDogJ21kJ1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICAgICAgICAgID5wZXJzb25fb3V0bGluZTwvcy1pY29uLW1hdFxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cclxuICAgICAgICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCIgKm5nSWY9XCJpID09PSBhY3RpdmVJbmRleFwiPlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJpY29uLWNoZWNrXCI+Y2hlY2s8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZGlzcGxheT5cclxuICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cclxuICA8cy1pY29uLW1hdFxyXG4gICAgW3NpemVdPVwiKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNID8gJ3NtJyA6ICdtZCdcIlxyXG4gICAgY2xhc3M9XCJpY29uUGVyc29uXCJcclxuICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICA+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXRcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgKm5nSWY9XCJcclxuICAgICAgY29uZmlnPy5kaXNwbGF5ID09PSAncHJvZmlsZScgJiYgKGFjdGl2ZUluZGV4IHx8IHRoaXMuYWN0aXZlSW5kZXggPT09IDApICYmIGNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XT8udXNlclxyXG4gICAgXCJcclxuICAgIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgIDxzLWF2YXRhclxyXG4gICAgICBzaXplPVwibWRcIlxyXG4gICAgICBbc3RhdHVzXT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5zdGF0dXMgPz8gbnVsbFwiXHJcbiAgICAgIFtkaXNwbGF5XT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5kaXNwbGF5ID8/IHVuZGVmaW5lZFwiXHJcbiAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiY29uZmlnLm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LnVybCA/PyB1bmRlZmluZWRcIj48L3MtYXZhdGFyPlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|