@inspark/inspark-components 19.0.16 → 19.0.17
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.
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, AfterContentInit, TemplateRef, QueryList } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { Select, SelectChangeEvent, SelectFilterEvent } from 'primeng/select';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DropdownComponent implements ControlValueAccessor {
|
|
5
|
+
export declare class DropdownComponent implements ControlValueAccessor, AfterContentInit {
|
|
6
|
+
templates: QueryList<TemplateRef<any>>;
|
|
7
|
+
itemTemplate: TemplateRef<any> | null;
|
|
8
|
+
selectedItemTemplate: TemplateRef<any> | null;
|
|
6
9
|
dropdown: Select;
|
|
7
|
-
|
|
10
|
+
styleClass: string;
|
|
8
11
|
options: any[];
|
|
9
12
|
placeholder: string;
|
|
10
13
|
optionLabel: string;
|
|
@@ -32,6 +35,7 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
32
35
|
value: any;
|
|
33
36
|
private onModelChange;
|
|
34
37
|
private onModelTouched;
|
|
38
|
+
ngAfterContentInit(): void;
|
|
35
39
|
writeValue(value: any): void;
|
|
36
40
|
registerOnChange(fn: any): void;
|
|
37
41
|
registerOnTouched(fn: any): void;
|
|
@@ -44,6 +48,6 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
44
48
|
hide(): void;
|
|
45
49
|
clear(): void;
|
|
46
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "in-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; },
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "in-dropdown", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
|
|
48
52
|
}
|
|
49
53
|
//# sourceMappingURL=dropdown.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,
|
|
1
|
+
{"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../projects/inspark-components/src/components/dropdown/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAKZ,gBAAgB,EAChB,WAAW,EAEX,SAAS,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;;AAExB,qBAaa,iBAAkB,YAAW,oBAAoB,EAAE,gBAAgB;IAEhD,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAGrE,YAAY,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAE9B,QAAQ,EAAG,MAAM,CAAC;IAEhC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAM;IACpB,WAAW,SAAM;IACjB,WAAW,SAAW;IACtB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAW;IAC1C,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,UAAS;IACf,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,QAAQ,EAAE,GAAG,CAAU;IACvB,QAAQ,UAAS;IACjB,aAAa,UAAS;IACtB,qBAAqB,SAAM;IAC3B,OAAO,UAAS;IAChB,gBAAgB,UAAS;IACzB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAElD,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAEQ,eAAe,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,CAAc;IACnI,YAAY,SAAsB;IAEjC,QAAQ,oBAA2B;IACnC,QAAQ,oBAA2B;IACnC,MAAM,qBAA4B;IAClC,MAAM,qBAA4B;IAClC,OAAO,oBAA2B;IAClC,MAAM,oBAA2B;IAE3C,KAAK,EAAE,GAAG,CAAQ;IAElB,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,cAAc,CAAY;IAElC,kBAAkB;IAiElB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAK/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAKhC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAIzC,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAO5C,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAI5C,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK5B,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;yCA9JF,iBAAiB;2CAAjB,iBAAiB;CAkK7B"}
|
|
@@ -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-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-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,19 +6236,81 @@ class DropdownComponent {
|
|
|
6198
6236
|
get effectiveFilterBy() {
|
|
6199
6237
|
return this.filterBy ?? this.optionLabel;
|
|
6200
6238
|
}
|
|
6239
|
+
ngAfterContentInit() {
|
|
6240
|
+
console.log('=== Looking for templates ===');
|
|
6241
|
+
console.log('Total templates found:', this.templates.length);
|
|
6242
|
+
// Перебираем все переданные шаблоны
|
|
6243
|
+
this.templates.forEach((template, index) => {
|
|
6244
|
+
const templateRef = template;
|
|
6245
|
+
console.log(`Template ${index + 1}:`, templateRef);
|
|
6246
|
+
// Пытаемся получить атрибуты шаблона
|
|
6247
|
+
const tContainer = templateRef._declarationTContainer;
|
|
6248
|
+
const attrs = tContainer?.attrs;
|
|
6249
|
+
if (attrs && Array.isArray(attrs)) {
|
|
6250
|
+
console.log('Attributes:', attrs);
|
|
6251
|
+
// Ищем атрибут pTemplate
|
|
6252
|
+
for (let i = 0; i < attrs.length; i++) {
|
|
6253
|
+
if (attrs[i] === 'pTemplate' && attrs[i + 1]) {
|
|
6254
|
+
const templateName = attrs[i + 1];
|
|
6255
|
+
console.log(`Found pTemplate="${templateName}"`);
|
|
6256
|
+
if (templateName === 'item') {
|
|
6257
|
+
this.itemTemplate = template;
|
|
6258
|
+
console.log('✓ itemTemplate assigned');
|
|
6259
|
+
}
|
|
6260
|
+
else if (templateName === 'selectedItem') {
|
|
6261
|
+
this.selectedItemTemplate = template;
|
|
6262
|
+
console.log('✓ selectedItemTemplate assigned');
|
|
6263
|
+
}
|
|
6264
|
+
break;
|
|
6265
|
+
}
|
|
6266
|
+
}
|
|
6267
|
+
}
|
|
6268
|
+
else {
|
|
6269
|
+
console.log('No attributes found, trying alternative method...');
|
|
6270
|
+
// Альтернативный способ поиска
|
|
6271
|
+
const viewContainer = templateRef;
|
|
6272
|
+
if (viewContainer._declarationTContainer?.value?.attrs) {
|
|
6273
|
+
const valueAttrs = viewContainer._declarationTContainer.value.attrs;
|
|
6274
|
+
console.log('Value attrs:', valueAttrs);
|
|
6275
|
+
for (let i = 0; i < valueAttrs.length; i++) {
|
|
6276
|
+
if (valueAttrs[i]?.name === 'pTemplate' && valueAttrs[i]?.value) {
|
|
6277
|
+
const templateName = valueAttrs[i].value;
|
|
6278
|
+
console.log(`Found pTemplate="${templateName}" in value attrs`);
|
|
6279
|
+
if (templateName === 'item') {
|
|
6280
|
+
this.itemTemplate = template;
|
|
6281
|
+
console.log('✓ itemTemplate assigned');
|
|
6282
|
+
}
|
|
6283
|
+
else if (templateName === 'selectedItem') {
|
|
6284
|
+
this.selectedItemTemplate = template;
|
|
6285
|
+
console.log('✓ selectedItemTemplate assigned');
|
|
6286
|
+
}
|
|
6287
|
+
break;
|
|
6288
|
+
}
|
|
6289
|
+
}
|
|
6290
|
+
}
|
|
6291
|
+
}
|
|
6292
|
+
});
|
|
6293
|
+
console.log('=== Final result ===');
|
|
6294
|
+
console.log('itemTemplate:', !!this.itemTemplate);
|
|
6295
|
+
console.log('selectedItemTemplate:', !!this.selectedItemTemplate);
|
|
6296
|
+
}
|
|
6201
6297
|
writeValue(value) {
|
|
6298
|
+
console.log('writeValue received:', value);
|
|
6202
6299
|
this.value = value;
|
|
6203
6300
|
}
|
|
6204
6301
|
registerOnChange(fn) {
|
|
6302
|
+
console.log('registerOnChange called');
|
|
6205
6303
|
this.onModelChange = fn;
|
|
6206
6304
|
}
|
|
6207
6305
|
registerOnTouched(fn) {
|
|
6306
|
+
console.log('registerOnTouched called');
|
|
6208
6307
|
this.onModelTouched = fn;
|
|
6209
6308
|
}
|
|
6210
6309
|
setDisabledState(disabled) {
|
|
6211
6310
|
this.disabled = disabled;
|
|
6212
6311
|
}
|
|
6213
6312
|
handleChange(event) {
|
|
6313
|
+
console.log('handleChange:', event);
|
|
6214
6314
|
this.value = event.value;
|
|
6215
6315
|
this.onModelChange(this.value);
|
|
6216
6316
|
this.onChange.emit(event);
|
|
@@ -6236,29 +6336,33 @@ class DropdownComponent {
|
|
|
6236
6336
|
this.onModelChange(null);
|
|
6237
6337
|
}
|
|
6238
6338
|
static { this.ɵfac = function DropdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownComponent)(); }; }
|
|
6239
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownComponent, selectors: [["in-dropdown"]],
|
|
6339
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownComponent, selectors: [["in-dropdown"]], contentQueries: function DropdownComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
6340
|
+
i0.ɵɵcontentQuery(dirIndex, TemplateRef, 4);
|
|
6341
|
+
} if (rf & 2) {
|
|
6342
|
+
let _t;
|
|
6343
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
|
|
6344
|
+
} }, viewQuery: function DropdownComponent_Query(rf, ctx) { if (rf & 1) {
|
|
6240
6345
|
i0.ɵɵviewQuery(_c0, 5);
|
|
6241
6346
|
} if (rf & 2) {
|
|
6242
6347
|
let _t;
|
|
6243
6348
|
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([
|
|
6349
|
+
} }, 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
6350
|
{
|
|
6246
6351
|
provide: NG_VALUE_ACCESSOR,
|
|
6247
6352
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6248
6353
|
multi: true
|
|
6249
6354
|
}
|
|
6250
|
-
])],
|
|
6355
|
+
])], 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
6356
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
6252
|
-
i0.ɵɵ
|
|
6253
|
-
i0.ɵɵelementStart(0, "p-select", 1, 0);
|
|
6357
|
+
i0.ɵɵelementStart(0, "p-select", 3, 0);
|
|
6254
6358
|
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,
|
|
6359
|
+
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()); });
|
|
6360
|
+
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
6361
|
i0.ɵɵelementEnd();
|
|
6258
6362
|
} 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);
|
|
6363
|
+
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
6364
|
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}"] }); }
|
|
6365
|
+
} }, 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
6366
|
}
|
|
6263
6367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
|
|
6264
6368
|
type: Component,
|
|
@@ -6268,10 +6372,15 @@ class DropdownComponent {
|
|
|
6268
6372
|
useExisting: forwardRef(() => DropdownComponent),
|
|
6269
6373
|
multi: true
|
|
6270
6374
|
}
|
|
6271
|
-
], template: "<p-select\n #dropdown\
|
|
6272
|
-
}], null, {
|
|
6375
|
+
], 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"] }]
|
|
6376
|
+
}], null, { templates: [{
|
|
6377
|
+
type: ContentChildren,
|
|
6378
|
+
args: [TemplateRef]
|
|
6379
|
+
}], dropdown: [{
|
|
6273
6380
|
type: ViewChild,
|
|
6274
6381
|
args: ['dropdown']
|
|
6382
|
+
}], styleClass: [{
|
|
6383
|
+
type: Input
|
|
6275
6384
|
}], options: [{
|
|
6276
6385
|
type: Input
|
|
6277
6386
|
}], placeholder: [{
|
|
@@ -6319,7 +6428,7 @@ class DropdownComponent {
|
|
|
6319
6428
|
}], onBlur: [{
|
|
6320
6429
|
type: Output
|
|
6321
6430
|
}] }); })();
|
|
6322
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownComponent, { className: "DropdownComponent", filePath: "components/dropdown/dropdown.component.ts", lineNumber:
|
|
6431
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownComponent, { className: "DropdownComponent", filePath: "components/dropdown/dropdown.component.ts", lineNumber: 38 }); })();
|
|
6323
6432
|
|
|
6324
6433
|
class DropdownComponentModule {
|
|
6325
6434
|
static { this.ɵfac = function DropdownComponentModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownComponentModule)(); }; }
|