@inspark/inspark-components 19.0.16 → 19.0.18
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/full/bms.css +3 -3
- package/full/components/dropdown/dropdown.component.d.ts +8 -4
- package/full/components/dropdown/dropdown.component.d.ts.map +1 -1
- package/full/fesm2022/inspark-inspark-components.mjs +113 -27
- package/full/fesm2022/inspark-inspark-components.mjs.map +1 -1
- package/full/index.css +6 -6
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Pipe, NgModule, Injectable, createComponent, Component, Directive, Input, EventEmitter, HostListener, Output, ChangeDetectionStrategy, ViewChild, ContentChildren, ViewEncapsulation, forwardRef, HostBinding, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
|
+
import { Pipe, NgModule, Injectable, createComponent, Component, Directive, Input, EventEmitter, HostListener, Output, ChangeDetectionStrategy, ViewChild, ContentChildren, ViewEncapsulation, forwardRef, HostBinding, TemplateRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngx-translate/core';
|
|
4
4
|
import { TranslateModule } from '@ngx-translate/core';
|
|
5
5
|
export { TranslateModule } from '@ngx-translate/core';
|
|
@@ -3086,7 +3086,7 @@ class PreloaderComponent {
|
|
|
3086
3086
|
// tslint:disable-next-line:max-line-length
|
|
3087
3087
|
const _c0$e = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-pressed": a15 });
|
|
3088
3088
|
const _c1$6 = a0 => ({ width: a0 });
|
|
3089
|
-
const _c2
|
|
3089
|
+
const _c2 = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12, a13, a14, a15, a16) => ({ "p-button p-widget p-state-default p-corner-all": true, "p-button-icon-only": a0, "p-button-text-icon-left": a1, "p-button-text-icon-right": a2, "p-button-text-only": a3, "p-button-text-empty": a4, "p-button-svg": a5, "p-button-material": a6, "p-state-disabled": a7, "p-button-tiny": a8, "p-button-small": a9, "p-button-large": a10, "p-button-primary": a11, "p-button-secondary": a12, "p-button-danger": a13, "p-button-transparency": a14, "p-button-shadowed": a15, "p-button-pressed": a16 });
|
|
3090
3090
|
const _c3$4 = (a0, a1) => ({ "p-clickable": true, "p-button-icon-left": a0, "p-button-icon-right": a1 });
|
|
3091
3091
|
function ButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
3092
3092
|
i0.ɵɵelementContainer(0);
|
|
@@ -3170,7 +3170,7 @@ function ButtonComponent_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
3170
3170
|
i0.ɵɵadvance(2);
|
|
3171
3171
|
i0.ɵɵstyleMap(ctx_r1.style);
|
|
3172
3172
|
i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
|
|
3173
|
-
i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2
|
|
3173
|
+
i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(13, _c2, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
|
|
3174
3174
|
i0.ɵɵattribute("type", ctx_r1.type);
|
|
3175
3175
|
i0.ɵɵadvance();
|
|
3176
3176
|
i0.ɵɵproperty("ngTemplateOutlet", content_r3);
|
|
@@ -3203,7 +3203,7 @@ function ButtonComponent_span_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
3203
3203
|
i0.ɵɵadvance();
|
|
3204
3204
|
i0.ɵɵstyleMap(ctx_r1.style);
|
|
3205
3205
|
i0.ɵɵclassMap(ctx_r1.className + " " + ctx_r1.testId + " field_" + ctx_r1.name);
|
|
3206
|
-
i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2
|
|
3206
|
+
i0.ɵɵproperty("disabled", ctx_r1.disabled)("ngClass", i0.ɵɵpureFunctionV(12, _c2, [(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label || ctx_r1.isIconOnly, (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "left", (ctx_r1.icon || ctx_r1.svg) && ctx_r1.label && ctx_r1.iconPos === "right", !(ctx_r1.icon || ctx_r1.svg) && ctx_r1.label, !(ctx_r1.icon || ctx_r1.svg) && !ctx_r1.label, ctx_r1.svg, ctx_r1.isMaterialIcon, ctx_r1.disabled, ctx_r1.size === "tiny", ctx_r1.size === "small", ctx_r1.size === "large", ctx_r1.color === "primary", ctx_r1.color === "secondary", ctx_r1.color === "danger", ctx_r1.color === "transparent", ctx_r1.shadow === true, ctx_r1.pressed]));
|
|
3207
3207
|
i0.ɵɵattribute("type", ctx_r1.type);
|
|
3208
3208
|
i0.ɵɵadvance();
|
|
3209
3209
|
i0.ɵɵproperty("ngTemplateOutlet", content_r3);
|
|
@@ -3391,11 +3391,11 @@ class ButtonComponent {
|
|
|
3391
3391
|
i0.ɵɵproperty("ngIf", !ctx.link && ctx.menuItems.length);
|
|
3392
3392
|
i0.ɵɵadvance();
|
|
3393
3393
|
i0.ɵɵproperty("ngIf", !ctx.link && !ctx.menuItems.length);
|
|
3394
|
-
} }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$3.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:
|
|
3394
|
+
} }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$3.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-text-only[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:.25em 1em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:0}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:20px}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-10px;margin-left:-12px}.p-button-material[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px}.p-button-material[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-7px}.p-button-material.p-button-small[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:14px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:18px}.p-button-material.p-button-large[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:24px}.p-button-material.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px;margin-left:-13px}[_nghost-%COMP%] .p-menu[_ngcontent-%COMP%] .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}.dropdown-menu[_ngcontent-%COMP%]{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{padding:4px;font-size:14px}.dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%]{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button{width:100%;border-radius:0}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] .p-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button .p-button{justify-content:flex-start}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] .switcher[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] + .in-dropdown-menu-item[_ngcontent-%COMP%]{border-top:1px solid var(--colorBgLevel4)}"], changeDetection: 0 }); }
|
|
3395
3395
|
}
|
|
3396
3396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
3397
3397
|
type: Component,
|
|
3398
|
-
args: [{ standalone: false, selector: 'in-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='external'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [href]=\"link\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='internal'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [routerLink]=\"link\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n ngbDropdown>\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\"\r\n [style]=\"style\" ngbDropdownToggle>\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n class=\"in-dropdown-menu\"\r\n ngbDropdownMenu>\r\n <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n <in-button (click)=\"dropdown.close(); item.command?.($event);\"\r\n [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n [icon]=\"item.icon\"\r\n [label]=\"item.label\"\r\n [svg]=\"item.svg\"\r\n size=\"large\"\r\n width=\"100%\"></in-button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\" [style]=\"style\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"\r\n ><i class=\"material-icons\">{{icon}}</i></span>\r\n <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\">\r\n <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}\n"] }]
|
|
3398
|
+
args: [{ standalone: false, selector: 'in-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='external'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [href]=\"link\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='internal'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [routerLink]=\"link\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n ngbDropdown>\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\"\r\n [style]=\"style\" ngbDropdownToggle>\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n class=\"in-dropdown-menu\"\r\n ngbDropdownMenu>\r\n <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n <in-button (click)=\"dropdown.close(); item.command?.($event);\"\r\n [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n [icon]=\"item.icon\"\r\n [label]=\"item.label\"\r\n [svg]=\"item.svg\"\r\n size=\"large\"\r\n width=\"100%\"></in-button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\" [style]=\"style\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"\r\n ><i class=\"material-icons\">{{icon}}</i></span>\r\n <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\">\r\n <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-text-only .p-button-text{padding:.25em 1em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}\n"] }]
|
|
3399
3399
|
}], () => [{ type: i0.ChangeDetectorRef }], { size: [{
|
|
3400
3400
|
type: Input
|
|
3401
3401
|
}], color: [{
|
|
@@ -6147,32 +6147,70 @@ class LegacyUiModule {
|
|
|
6147
6147
|
SvgComponentModule] }); })();
|
|
6148
6148
|
|
|
6149
6149
|
const _c0 = ["dropdown"];
|
|
6150
|
-
const _c1 =
|
|
6151
|
-
|
|
6152
|
-
|
|
6153
|
-
|
|
6154
|
-
|
|
6155
|
-
i0.ɵɵ
|
|
6150
|
+
const _c1 = a0 => ({ $implicit: a0 });
|
|
6151
|
+
function DropdownComponent_ng_template_2_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
6152
|
+
i0.ɵɵelementContainer(0);
|
|
6153
|
+
} }
|
|
6154
|
+
function DropdownComponent_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
6155
|
+
i0.ɵɵelementContainerStart(0);
|
|
6156
|
+
i0.ɵɵtemplate(1, DropdownComponent_ng_template_2_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 7);
|
|
6157
|
+
i0.ɵɵelementContainerEnd();
|
|
6156
6158
|
} if (rf & 2) {
|
|
6157
6159
|
const item_r2 = i0.ɵɵnextContext().$implicit;
|
|
6158
6160
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
6159
6161
|
i0.ɵɵadvance();
|
|
6162
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.selectedItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1, item_r2));
|
|
6163
|
+
} }
|
|
6164
|
+
function DropdownComponent_ng_template_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
6165
|
+
i0.ɵɵtext(0);
|
|
6166
|
+
} if (rf & 2) {
|
|
6167
|
+
const item_r2 = i0.ɵɵnextContext().$implicit;
|
|
6168
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
6160
6169
|
i0.ɵɵtextInterpolate(item_r2 == null ? null : item_r2[ctx_r2.optionLabel]);
|
|
6161
6170
|
} }
|
|
6162
6171
|
function DropdownComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
6163
|
-
i0.ɵɵ
|
|
6164
|
-
i0.ɵɵtemplate(1, DropdownComponent_ng_template_2_span_1_Template, 2, 1, "span", 3);
|
|
6172
|
+
i0.ɵɵtemplate(0, DropdownComponent_ng_template_2_ng_container_0_Template, 2, 4, "ng-container", 6)(1, DropdownComponent_ng_template_2_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
|
|
6165
6173
|
} if (rf & 2) {
|
|
6174
|
+
const defaultSelected_r4 = i0.ɵɵreference(2);
|
|
6175
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
6176
|
+
i0.ɵɵproperty("ngIf", ctx_r2.selectedItemTemplate)("ngIfElse", defaultSelected_r4);
|
|
6177
|
+
} }
|
|
6178
|
+
function DropdownComponent_ng_template_3_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
6179
|
+
i0.ɵɵelementContainer(0);
|
|
6180
|
+
} }
|
|
6181
|
+
function DropdownComponent_ng_template_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
6182
|
+
i0.ɵɵelementContainerStart(0);
|
|
6183
|
+
i0.ɵɵtemplate(1, DropdownComponent_ng_template_3_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 7);
|
|
6184
|
+
i0.ɵɵelementContainerEnd();
|
|
6185
|
+
} if (rf & 2) {
|
|
6186
|
+
const item_r5 = i0.ɵɵnextContext().$implicit;
|
|
6166
6187
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
6167
6188
|
i0.ɵɵadvance();
|
|
6168
|
-
i0.ɵɵproperty("
|
|
6189
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1, item_r5));
|
|
6190
|
+
} }
|
|
6191
|
+
function DropdownComponent_ng_template_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
6192
|
+
i0.ɵɵtext(0);
|
|
6193
|
+
} if (rf & 2) {
|
|
6194
|
+
const item_r5 = i0.ɵɵnextContext().$implicit;
|
|
6195
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
6196
|
+
i0.ɵɵtextInterpolate(item_r5 == null ? null : item_r5[ctx_r2.optionLabel]);
|
|
6197
|
+
} }
|
|
6198
|
+
function DropdownComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
|
|
6199
|
+
i0.ɵɵtemplate(0, DropdownComponent_ng_template_3_ng_container_0_Template, 2, 4, "ng-container", 6)(1, DropdownComponent_ng_template_3_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
|
|
6200
|
+
} if (rf & 2) {
|
|
6201
|
+
const defaultItem_r6 = i0.ɵɵreference(2);
|
|
6202
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
6203
|
+
i0.ɵɵproperty("ngIf", ctx_r2.itemTemplate)("ngIfElse", defaultItem_r6);
|
|
6169
6204
|
} }
|
|
6170
6205
|
class DropdownComponent {
|
|
6171
6206
|
constructor() {
|
|
6207
|
+
// Хранилище для найденных шаблонов
|
|
6172
6208
|
this.itemTemplate = null;
|
|
6209
|
+
this.selectedItemTemplate = null;
|
|
6173
6210
|
this.options = [];
|
|
6174
6211
|
this.placeholder = '';
|
|
6175
6212
|
this.optionLabel = 'label';
|
|
6213
|
+
this.optionValue = 'value';
|
|
6176
6214
|
this.filter = false;
|
|
6177
6215
|
this.showClear = false;
|
|
6178
6216
|
this.disabled = false;
|
|
@@ -6198,6 +6236,45 @@ class DropdownComponent {
|
|
|
6198
6236
|
get effectiveFilterBy() {
|
|
6199
6237
|
return this.filterBy ?? this.optionLabel;
|
|
6200
6238
|
}
|
|
6239
|
+
ngAfterContentInit() {
|
|
6240
|
+
this.templates.forEach((template, index) => {
|
|
6241
|
+
const templateRef = template;
|
|
6242
|
+
const tContainer = templateRef._declarationTContainer;
|
|
6243
|
+
const attrs = tContainer?.attrs;
|
|
6244
|
+
if (attrs && Array.isArray(attrs)) {
|
|
6245
|
+
for (let i = 0; i < attrs.length; i++) {
|
|
6246
|
+
if (attrs[i] === 'pTemplate' && attrs[i + 1]) {
|
|
6247
|
+
const templateName = attrs[i + 1];
|
|
6248
|
+
if (templateName === 'item') {
|
|
6249
|
+
this.itemTemplate = template;
|
|
6250
|
+
}
|
|
6251
|
+
else if (templateName === 'selectedItem') {
|
|
6252
|
+
this.selectedItemTemplate = template;
|
|
6253
|
+
}
|
|
6254
|
+
break;
|
|
6255
|
+
}
|
|
6256
|
+
}
|
|
6257
|
+
}
|
|
6258
|
+
else {
|
|
6259
|
+
const viewContainer = templateRef;
|
|
6260
|
+
if (viewContainer._declarationTContainer?.value?.attrs) {
|
|
6261
|
+
const valueAttrs = viewContainer._declarationTContainer.value.attrs;
|
|
6262
|
+
for (let i = 0; i < valueAttrs.length; i++) {
|
|
6263
|
+
if (valueAttrs[i]?.name === 'pTemplate' && valueAttrs[i]?.value) {
|
|
6264
|
+
const templateName = valueAttrs[i].value;
|
|
6265
|
+
if (templateName === 'item') {
|
|
6266
|
+
this.itemTemplate = template;
|
|
6267
|
+
}
|
|
6268
|
+
else if (templateName === 'selectedItem') {
|
|
6269
|
+
this.selectedItemTemplate = template;
|
|
6270
|
+
}
|
|
6271
|
+
break;
|
|
6272
|
+
}
|
|
6273
|
+
}
|
|
6274
|
+
}
|
|
6275
|
+
}
|
|
6276
|
+
});
|
|
6277
|
+
}
|
|
6201
6278
|
writeValue(value) {
|
|
6202
6279
|
this.value = value;
|
|
6203
6280
|
}
|
|
@@ -6236,29 +6313,33 @@ class DropdownComponent {
|
|
|
6236
6313
|
this.onModelChange(null);
|
|
6237
6314
|
}
|
|
6238
6315
|
static { this.ɵfac = function DropdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownComponent)(); }; }
|
|
6239
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownComponent, selectors: [["in-dropdown"]],
|
|
6316
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownComponent, selectors: [["in-dropdown"]], contentQueries: function DropdownComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
6317
|
+
i0.ɵɵcontentQuery(dirIndex, TemplateRef, 4);
|
|
6318
|
+
} if (rf & 2) {
|
|
6319
|
+
let _t;
|
|
6320
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
|
|
6321
|
+
} }, viewQuery: function DropdownComponent_Query(rf, ctx) { if (rf & 1) {
|
|
6240
6322
|
i0.ɵɵviewQuery(_c0, 5);
|
|
6241
6323
|
} if (rf & 2) {
|
|
6242
6324
|
let _t;
|
|
6243
6325
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdown = _t.first);
|
|
6244
|
-
} }, inputs: { options: "options", placeholder: "placeholder", optionLabel: "optionLabel", optionValue: "optionValue", dataKey: "dataKey", filter: "filter", showClear: "showClear", disabled: "disabled", appendTo: "appendTo", editable: "editable", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", loading: "loading", autoDisplayFirst: "autoDisplayFirst", filterBy: "filterBy", filterMatchMode: "filterMatchMode", emptyMessage: "emptyMessage" }, outputs: { onChange: "onChange", onFilter: "onFilter", onShow: "onShow", onHide: "onHide", onFocus: "onFocus", onBlur: "onBlur" }, standalone: false, features: [i0.ɵɵProvidersFeature([
|
|
6326
|
+
} }, inputs: { styleClass: "styleClass", options: "options", placeholder: "placeholder", optionLabel: "optionLabel", optionValue: "optionValue", dataKey: "dataKey", filter: "filter", showClear: "showClear", disabled: "disabled", appendTo: "appendTo", editable: "editable", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", loading: "loading", autoDisplayFirst: "autoDisplayFirst", filterBy: "filterBy", filterMatchMode: "filterMatchMode", emptyMessage: "emptyMessage" }, outputs: { onChange: "onChange", onFilter: "onFilter", onShow: "onShow", onHide: "onHide", onFocus: "onFocus", onBlur: "onBlur" }, standalone: false, features: [i0.ɵɵProvidersFeature([
|
|
6245
6327
|
{
|
|
6246
6328
|
provide: NG_VALUE_ACCESSOR,
|
|
6247
6329
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6248
6330
|
multi: true
|
|
6249
6331
|
}
|
|
6250
|
-
])],
|
|
6332
|
+
])], decls: 4, vars: 19, consts: [["dropdown", ""], ["defaultSelected", ""], ["defaultItem", ""], [3, "ngModelChange", "onChange", "onFilter", "onShow", "onHide", "onFocus", "onBlur", "onClear", "options", "placeholder", "optionLabel", "optionValue", "dataKey", "filter", "filterBy", "filterMatchMode", "showClear", "disabled", "appendTo", "editable", "virtualScroll", "virtualScrollItemSize", "loading", "autoDisplayFirst", "emptyMessage", "styleClass", "ngModel"], ["pTemplate", "selectedItem"], ["pTemplate", "item"], [4, "ngIf", "ngIfElse"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DropdownComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6251
6333
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
6252
|
-
i0.ɵɵ
|
|
6253
|
-
i0.ɵɵelementStart(0, "p-select", 1, 0);
|
|
6334
|
+
i0.ɵɵelementStart(0, "p-select", 3, 0);
|
|
6254
6335
|
i0.ɵɵtwoWayListener("ngModelChange", function DropdownComponent_Template_p_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return i0.ɵɵresetView($event); });
|
|
6255
|
-
i0.ɵɵlistener("onChange", function DropdownComponent_Template_p_select_onChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("onFilter", function DropdownComponent_Template_p_select_onFilter_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleFilter($event)); })("onShow", function DropdownComponent_Template_p_select_onShow_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onShow.emit()); })("onHide", function DropdownComponent_Template_p_select_onHide_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onHide.emit()); })("onFocus", function DropdownComponent_Template_p_select_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function DropdownComponent_Template_p_select_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); });
|
|
6256
|
-
i0.ɵɵtemplate(2, DropdownComponent_ng_template_2_Template, 2,
|
|
6336
|
+
i0.ɵɵlistener("onChange", function DropdownComponent_Template_p_select_onChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("onFilter", function DropdownComponent_Template_p_select_onFilter_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleFilter($event)); })("onShow", function DropdownComponent_Template_p_select_onShow_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onShow.emit()); })("onHide", function DropdownComponent_Template_p_select_onHide_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onHide.emit()); })("onFocus", function DropdownComponent_Template_p_select_onFocus_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus.emit($event)); })("onBlur", function DropdownComponent_Template_p_select_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleBlur($event)); })("onClear", function DropdownComponent_Template_p_select_onClear_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
6337
|
+
i0.ɵɵtemplate(2, DropdownComponent_ng_template_2_Template, 3, 2, "ng-template", 4)(3, DropdownComponent_ng_template_3_Template, 3, 2, "ng-template", 5);
|
|
6257
6338
|
i0.ɵɵelementEnd();
|
|
6258
6339
|
} if (rf & 2) {
|
|
6259
|
-
i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("dataKey", ctx.dataKey)("filter", ctx.filter)("filterBy", ctx.effectiveFilterBy)("filterMatchMode", ctx.filterMatchMode)("showClear", ctx.showClear)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("editable", ctx.editable)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("loading", ctx.loading)("autoDisplayFirst", ctx.autoDisplayFirst)("emptyMessage", ctx.emptyMessage);
|
|
6340
|
+
i0.ɵɵproperty("options", ctx.options)("placeholder", ctx.placeholder)("optionLabel", ctx.optionLabel)("optionValue", ctx.optionValue)("dataKey", ctx.dataKey)("filter", ctx.filter)("filterBy", ctx.effectiveFilterBy)("filterMatchMode", ctx.filterMatchMode)("showClear", ctx.showClear)("disabled", ctx.disabled)("appendTo", ctx.appendTo)("editable", ctx.editable)("virtualScroll", ctx.virtualScroll)("virtualScrollItemSize", ctx.virtualScrollItemSize)("loading", ctx.loading)("autoDisplayFirst", ctx.autoDisplayFirst)("emptyMessage", ctx.emptyMessage)("styleClass", ctx.styleClass);
|
|
6260
6341
|
i0.ɵɵtwoWayProperty("ngModel", ctx.value);
|
|
6261
|
-
} }, dependencies: [i1$2.NgIf, i2$1.NgControlStatus, i2$1.NgModel, i3$2.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
|
|
6342
|
+
} }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, i3$2.Select, i2.PrimeTemplate], styles: [".in-dropdown[_ngcontent-%COMP%]{width:100%;margin-bottom:0}"] }); }
|
|
6262
6343
|
}
|
|
6263
6344
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
|
|
6264
6345
|
type: Component,
|
|
@@ -6268,10 +6349,15 @@ class DropdownComponent {
|
|
|
6268
6349
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6269
6350
|
multi: true
|
|
6270
6351
|
}
|
|
6271
|
-
], template: "<p-select\n #dropdown\
|
|
6272
|
-
}], null, {
|
|
6352
|
+
], template: "<p-select\r\n #dropdown\r\n [options]=\"options\"\r\n [placeholder]=\"placeholder\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [dataKey]=\"dataKey\"\r\n [filter]=\"filter\"\r\n [filterBy]=\"effectiveFilterBy\"\r\n [filterMatchMode]=\"filterMatchMode\"\r\n [showClear]=\"showClear\"\r\n [disabled]=\"disabled\"\r\n [appendTo]=\"appendTo\"\r\n [editable]=\"editable\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [loading]=\"loading\"\r\n [autoDisplayFirst]=\"autoDisplayFirst\"\r\n [emptyMessage]=\"emptyMessage\"\r\n [styleClass]=\"styleClass\"\r\n [(ngModel)]=\"value\"\r\n (onChange)=\"handleChange($event)\"\r\n (onFilter)=\"handleFilter($event)\"\r\n (onShow)=\"onShow.emit()\"\r\n (onHide)=\"onHide.emit()\"\r\n (onFocus)=\"onFocus.emit($event)\"\r\n (onBlur)=\"handleBlur($event)\"\r\n (onClear)=\"$event.stopPropagation()\"\r\n>\r\n <ng-template pTemplate=\"selectedItem\" let-item>\r\n <ng-container *ngIf=\"selectedItemTemplate; else defaultSelected\">\r\n <ng-container *ngTemplateOutlet=\"selectedItemTemplate; context: {$implicit: item}\"></ng-container>\r\n </ng-container>\r\n <ng-template #defaultSelected>{{ item?.[optionLabel] }}</ng-template>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"item\" let-item>\r\n <ng-container *ngIf=\"itemTemplate; else defaultItem\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: item}\"></ng-container>\r\n </ng-container>\r\n <ng-template #defaultItem>{{ item?.[optionLabel] }}</ng-template>\r\n </ng-template>\r\n</p-select>\r\n", styles: [".in-dropdown{width:100%;margin-bottom:0}\n"] }]
|
|
6353
|
+
}], null, { templates: [{
|
|
6354
|
+
type: ContentChildren,
|
|
6355
|
+
args: [TemplateRef]
|
|
6356
|
+
}], dropdown: [{
|
|
6273
6357
|
type: ViewChild,
|
|
6274
6358
|
args: ['dropdown']
|
|
6359
|
+
}], styleClass: [{
|
|
6360
|
+
type: Input
|
|
6275
6361
|
}], options: [{
|
|
6276
6362
|
type: Input
|
|
6277
6363
|
}], placeholder: [{
|
|
@@ -6319,7 +6405,7 @@ class DropdownComponent {
|
|
|
6319
6405
|
}], onBlur: [{
|
|
6320
6406
|
type: Output
|
|
6321
6407
|
}] }); })();
|
|
6322
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownComponent, { className: "DropdownComponent", filePath: "components/dropdown/dropdown.component.ts", lineNumber:
|
|
6408
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownComponent, { className: "DropdownComponent", filePath: "components/dropdown/dropdown.component.ts", lineNumber: 38 }); })();
|
|
6323
6409
|
|
|
6324
6410
|
class DropdownComponentModule {
|
|
6325
6411
|
static { this.ɵfac = function DropdownComponentModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownComponentModule)(); }; }
|