@masterteam/components 0.0.63 → 0.0.64
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/fesm2022/masterteam-components-avatar-text.mjs +3 -3
- package/fesm2022/masterteam-components-avatar.mjs +3 -3
- package/fesm2022/masterteam-components-breadcrumb.mjs +3 -3
- package/fesm2022/masterteam-components-button-group.mjs +3 -3
- package/fesm2022/masterteam-components-button.mjs +3 -3
- package/fesm2022/masterteam-components-card.mjs +3 -3
- package/fesm2022/masterteam-components-checkbox-field.mjs +3 -3
- package/fesm2022/masterteam-components-chip.mjs +3 -3
- package/fesm2022/masterteam-components-color-picker-field.mjs +3 -3
- package/fesm2022/masterteam-components-confirmation.mjs +6 -6
- package/fesm2022/masterteam-components-date-field.mjs +3 -3
- package/fesm2022/masterteam-components-dialog.mjs +3 -3
- package/fesm2022/masterteam-components-drawer.mjs +3 -3
- package/fesm2022/masterteam-components-dynamic-drawer.mjs +6 -6
- package/fesm2022/masterteam-components-editor-field.mjs +3 -3
- package/fesm2022/masterteam-components-field-validation.mjs +6 -6
- package/fesm2022/masterteam-components-formula-builder.mjs +3 -3
- package/fesm2022/masterteam-components-icon-field.mjs +3 -3
- package/fesm2022/masterteam-components-list.mjs +3 -3
- package/fesm2022/masterteam-components-menu.mjs +3 -3
- package/fesm2022/masterteam-components-modal.mjs +3 -3
- package/fesm2022/masterteam-components-module-summary-card.mjs +3 -3
- package/fesm2022/masterteam-components-multi-select-field.mjs +3 -3
- package/fesm2022/masterteam-components-number-field.mjs +3 -3
- package/fesm2022/masterteam-components-page-header.mjs +3 -3
- package/fesm2022/masterteam-components-page.mjs +3 -3
- package/fesm2022/masterteam-components-paginator.mjs +3 -3
- package/fesm2022/masterteam-components-pick-list-field.mjs +3 -3
- package/fesm2022/masterteam-components-radio-button-field.mjs +3 -3
- package/fesm2022/masterteam-components-radio-cards-field.mjs +3 -3
- package/fesm2022/masterteam-components-radio-cards.mjs +3 -3
- package/fesm2022/masterteam-components-select-field.mjs +3 -3
- package/fesm2022/masterteam-components-sidebar.mjs +3 -3
- package/fesm2022/masterteam-components-slider-field.mjs +3 -3
- package/fesm2022/masterteam-components-table.mjs +3 -3
- package/fesm2022/masterteam-components-tabs.mjs +3 -3
- package/fesm2022/masterteam-components-text-field.mjs +3 -3
- package/fesm2022/masterteam-components-textarea-field.mjs +3 -3
- package/fesm2022/masterteam-components-toast.mjs +6 -6
- package/fesm2022/masterteam-components-toggle-field.mjs +3 -3
- package/fesm2022/masterteam-components-tooltip.mjs +3 -3
- package/fesm2022/masterteam-components-topbar.mjs +3 -3
- package/fesm2022/masterteam-components-upload-field.mjs +12 -12
- package/fesm2022/masterteam-components-user-search-field.mjs +3 -3
- package/package.json +6 -5
|
@@ -30,10 +30,10 @@ class AvatarText {
|
|
|
30
30
|
};
|
|
31
31
|
textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text, { ...(ngDevMode ? { debugName: "textSizeClass" } : {}) });
|
|
32
32
|
gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap, { ...(ngDevMode ? { debugName: "gapClass" } : {}) });
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AvatarText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AvatarText, isStandalone: true, selector: "mt-avatar-text", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, avatarLabel: { classPropertyName: "avatarLabel", publicName: "avatarLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, ngImport: i0, template: "<div [class]=\"'flex items-center ' + gapClass()\">\n <mt-avatar\n [size]=\"size()\"\n [shape]=\"shape()\"\n [label]=\"avatarLabel()\"\n [image]=\"image()\"\n [icon]=\"icon()\"\n [badge]=\"badge()\"\n [badgeSize]=\"badgeSize()\"\n [badgeSeverity]=\"badgeSeverity()\"\n (onImageError)=\"onImageError.emit($event)\"\n >\n </mt-avatar>\n @if (title()) {\n <div [class]=\"textSizeClass()\">\n <div class=\"font-semibold\">\n {{ title() }}\n </div>\n @if (subTitle()) {\n <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\n {{ subTitle() }}\n </div>\n }\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }] });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AvatarText, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'mt-avatar-text', standalone: true, imports: [Avatar], template: "<div [class]=\"'flex items-center ' + gapClass()\">\n <mt-avatar\n [size]=\"size()\"\n [shape]=\"shape()\"\n [label]=\"avatarLabel()\"\n [image]=\"image()\"\n [icon]=\"icon()\"\n [badge]=\"badge()\"\n [badgeSize]=\"badgeSize()\"\n [badgeSeverity]=\"badgeSeverity()\"\n (onImageError)=\"onImageError.emit($event)\"\n >\n </mt-avatar>\n @if (title()) {\n <div [class]=\"textSizeClass()\">\n <div class=\"font-semibold\">\n {{ title() }}\n </div>\n @if (subTitle()) {\n <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\n {{ subTitle() }}\n </div>\n }\n </div>\n }\n</div>\n" }]
|
|
39
39
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], avatarLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
|
|
@@ -27,10 +27,10 @@ class Avatar {
|
|
|
27
27
|
return this.badgeSize();
|
|
28
28
|
return this.badgeSizeMap[this.size() ?? 'normal'];
|
|
29
29
|
}, { ...(ngDevMode ? { debugName: "internalBadgeSize" } : {}) });
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Avatar, isStandalone: true, selector: "mt-avatar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (!badge()) {\n <p-avatar\n [styleClass]=\"styleClass()\"\n [size]=\"size()\"\n [shape]=\"shape()\"\n [label]=\"label()\"\n [image]=\"image()\"\n (onImageError)=\"onImageError.emit($event)\"\n >\n @if (icon()) {\n <mt-icon [icon]=\"icon()\" />\n }\n </p-avatar>\n} @else {\n <p-overlaybadge\n [badgeSize]=\"internalBadgeSize()\"\n [value]=\"badge()\"\n [severity]=\"badgeSeverity()\"\n >\n <p-avatar\n [size]=\"size()\"\n [shape]=\"shape()\"\n [label]=\"label()\"\n [image]=\"image()\"\n (onImageError)=\"onImageError($event)\"\n >\n @if (icon()) {\n <mt-icon [icon]=\"icon()\" />\n }\n </p-avatar>\n </p-overlaybadge>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "component", type: i2.OverlayBadge, selector: "p-overlayBadge, p-overlay-badge, p-overlaybadge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Avatar, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'mt-avatar', standalone: true, imports: [AvatarModule, OverlayBadgeModule, Icon], host: {
|
|
36
36
|
class: 'grid gap-1',
|
|
@@ -9,10 +9,10 @@ class Breadcrumb {
|
|
|
9
9
|
styleClass = input(undefined, { ...(ngDevMode ? { debugName: "styleClass" } : {}) });
|
|
10
10
|
onItemClick = output();
|
|
11
11
|
rtl = signal(document.documentElement.dir === 'rtl', { ...(ngDevMode ? { debugName: "rtl" } : {}) });
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "styleClass()" } }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\n <ol class=\"flex items-center space-x-2\">\n @for (\n item of items();\n track item.label;\n let isFirst = $first;\n let isLast = $last\n ) {\n @if (!isFirst) {\n <li>\n <span class=\"text-gray-400 flex\">\n <mt-icon\n [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n ></mt-icon>\n </span>\n </li>\n }\n <li>\n @if (item.routerLink) {\n <a\n [routerLink]=\"item.routerLink\"\n class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n (click)=\"onItemClick.emit(item)\"\n >\n @if (item.icon) {\n <mt-icon [icon]=\"item.icon\"></mt-icon>\n }\n @if (item.label) {\n <span>{{ item.label }}</span>\n }\n </a>\n } @else {\n <span\n class=\"\n {{\n isLast\n ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n }}\"\n (click)=\"onItemClick.emit(item)\"\n >\n @if (item.icon) {\n <mt-icon [icon]=\"item.icon\"></mt-icon>\n }\n @if (item.label) {\n <span>{{ item.label }}</span>\n }\n </span>\n }\n </li>\n }\n </ol>\n</nav>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Breadcrumb, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'mt-breadcrumb', standalone: true, imports: [RouterModule, Icon], host: {
|
|
18
18
|
'[class]': 'styleClass()',
|
|
@@ -4,10 +4,10 @@ import * as i1 from 'primeng/buttongroup';
|
|
|
4
4
|
import { ButtonGroupModule } from 'primeng/buttongroup';
|
|
5
5
|
|
|
6
6
|
class ButtonGroup {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: ButtonGroup, isStandalone: true, selector: "mt-buttonGroup, mt-buttongroup, mt-button-group", ngImport: i0, template: "<p-buttongroup>\n <ng-content></ng-content>\n</p-buttongroup>\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"], dependencies: [{ kind: "ngmodule", type: ButtonGroupModule }, { kind: "component", type: i1.ButtonGroup, selector: "p-buttonGroup, p-buttongroup, p-button-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ButtonGroup, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'mt-buttonGroup, mt-buttongroup, mt-button-group', standalone: true, imports: [ButtonGroupModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-buttongroup>\n <ng-content></ng-content>\n</p-buttongroup>\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"] }]
|
|
13
13
|
}] });
|
|
@@ -33,10 +33,10 @@ class Button {
|
|
|
33
33
|
onClick = output();
|
|
34
34
|
onFocus = output();
|
|
35
35
|
onBlur = output();
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Button, isStandalone: true, selector: "mt-button", inputs: { iconText: { classPropertyName: "iconText", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-button\n [fluid]=\"fluid()\"\n [severity]=\"severity()\"\n [size]=\"size()\"\n [label]=\"label()\"\n [mtTooltip]=\"tooltip()\"\n tooltipPosition=\"top\"\n [iconPos]=\"iconPos()\"\n [type]=\"type()\"\n [badge]=\"badge()\"\n [badgeSeverity]=\"badgeSeverity()\"\n [variant]=\"variant()\"\n [loading]=\"loading()\"\n [disabled]=\"disabled()\"\n [link]=\"link()\"\n [plain]=\"plain()\"\n [text]=\"text()\"\n [raised]=\"raised()\"\n [outlined]=\"outlined()\"\n [rounded]=\"rounded()\"\n [autofocus]=\"autofocus()\"\n [styleClass]=\"styleClass()\"\n (onClick)=\"onClick.emit($event)\"\n (onFocus)=\"onFocus.emit($event)\"\n (onBlur)=\"onBlur.emit($event)\"\n>\n @if (iconText()) {\n <ng-template #icon>\n <mt-icon\n [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n [icon]=\"iconText()\"\n />\n </ng-template>\n }\n\n <!-- <ng-template #loadingicon> -->\n <!-- <mt-icon -->\n <!-- class=\"p-icon-spin\" -->\n <!-- [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n <!-- icon=\"general.loading-01\" -->\n <!-- /> -->\n <!-- </ng-template> -->\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Button, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'mt-button', standalone: true, imports: [ButtonModule, Icon, Tooltip], host: {
|
|
42
42
|
class: 'grid gap-1',
|
|
@@ -9,10 +9,10 @@ class Card {
|
|
|
9
9
|
paddingless = input(false, { ...(ngDevMode ? { debugName: "paddingless" } : {}), transform: booleanAttribute });
|
|
10
10
|
// Content child to get the headless template
|
|
11
11
|
headless = contentChild('headless', { ...(ngDevMode ? { debugName: "headless" } : {}) });
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Card, isStandalone: true, selector: "mt-card", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, paddingless: { classPropertyName: "paddingless", publicName: "paddingless", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block bg-content rounded-2xl border-1 border-surface" }, queries: [{ propertyName: "headless", first: true, predicate: ["headless"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\">\n @if (headless()) {\n <!-- Custom headless template -->\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n } @else {\n @if (title()) {\n <!-- Default header with dynamic title -->\n <div\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n >\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n </div>\n }\n\n <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n <ng-content></ng-content>\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Card, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'mt-card', standalone: true, imports: [CommonModule], host: {
|
|
18
18
|
class: 'block bg-content rounded-2xl border-1 border-surface',
|
|
@@ -67,10 +67,10 @@ class CheckboxField {
|
|
|
67
67
|
setDisabledState(disabled) {
|
|
68
68
|
this.disabled.set(disabled);
|
|
69
69
|
}
|
|
70
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
71
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
70
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: CheckboxField, isStandalone: true, selector: "mt-checkbox-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true, static: true }], ngImport: i0, template: "<div\n class=\"flex gap-1\"\n [class.items-center]=\"!isVertical()\"\n [class.gap-2]=\"!isVertical()\"\n [class.flex-col]=\"isVertical()\"\n [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n [class.justify-end]=\"labelPosition() === 'start'\"\n>\n <p-checkbox\n #checkbox\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (onChange)=\"onChange.emit($event)\"\n (onBlur)=\"onTouched()\"\n [disabled]=\"disabled() || readonly()\"\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n [binary]=\"true\"\n [invalid]=\"isInvalid(ngControl?.control)\"\n class=\"leading-none\"\n ></p-checkbox>\n @if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name || label()\"\n >{{ label() }}</label\n >\n }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: CheckboxField, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'mt-checkbox-field', standalone: true, imports: [FormsModule, CheckboxModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
76
76
|
class: 'grid gap-1',
|
|
@@ -19,10 +19,10 @@ class Chip {
|
|
|
19
19
|
onChipImageError(event) {
|
|
20
20
|
this.onImageError.emit(event);
|
|
21
21
|
}
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Chip, isStandalone: true, selector: "mt-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, ngImport: i0, template: "<p-chip\n [label]=\"label()\"\n [image]=\"image()\"\n [removable]=\"removable()\"\n [removeIcon]=\"removeIcon()\"\n [class]=\"styleClass()\"\n (onRemove)=\"onChipRemove($event)\"\n (onImageError)=\"onChipImageError($event)\"\n>\n <ng-template #removeicon>\n <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n </ng-template>\n @if (icon()) {\n <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n }\n</p-chip>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ChipModule }, { kind: "component", type: i1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Chip, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'mt-chip', standalone: true, imports: [ChipModule, Icon], template: "<p-chip\n [label]=\"label()\"\n [image]=\"image()\"\n [removable]=\"removable()\"\n [removeIcon]=\"removeIcon()\"\n [class]=\"styleClass()\"\n (onRemove)=\"onChipRemove($event)\"\n (onImageError)=\"onChipImageError($event)\"\n>\n <ng-template #removeicon>\n <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n </ng-template>\n @if (icon()) {\n <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n }\n</p-chip>\n" }]
|
|
28
28
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], removeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeIcon", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], onRemove: [{ type: i0.Output, args: ["onRemove"] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
|
|
@@ -72,10 +72,10 @@ class ColorPickerField {
|
|
|
72
72
|
setDisabledState(disabled) {
|
|
73
73
|
this.disabled.set(disabled);
|
|
74
74
|
}
|
|
75
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
76
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ColorPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: ColorPickerField, isStandalone: true, selector: "mt-color-picker-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "class()" } }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorPicker"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-1 min-w-full\">\n @if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name || label()\"\n >{{ label() }}</label\n >\n }\n <div\n class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n [class.border-(--p-inputtext-invalid-border-color)!]=\"\n ngControl?.control?.invalid && ngControl?.control?.touched\n \"\n >\n <p-colorpicker\n #colorPicker=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (onChange)=\"onChange.emit($event)\"\n (blur)=\"onTouched()\"\n [disabled]=\"disabled() || readonly()\"\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n class=\"leading-none\"\n [invalid]=\"isInvalid(ngControl?.control)\"\n ></p-colorpicker>\n <div class=\"ms-2 w-full\">\n <mt-text-field\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (change)=\"onChange.emit($event)\"\n (blur)=\"onTouched()\"\n [disabled]=\"disabled() || readonly()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"No color selected\"\n class=\"leading-none min-w-max p-0 input-no-border px-0\"\n hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n ></mt-text-field>\n </div>\n </div>\n <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "showTransitionOptions", "hideTransitionOptions", "inline", "format", "tabindex", "inputId", "autoZIndex", "autofocus", "defaultColor", "appendTo", "overlayOptions", "motionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ColorPickerField, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{ selector: 'mt-color-picker-field', standalone: true, imports: [FormsModule, ColorPickerModule, FieldValidation, TextField], host: {
|
|
81
81
|
'[class]': 'class()',
|
|
@@ -68,19 +68,19 @@ class ConfirmationService {
|
|
|
68
68
|
...config,
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
72
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
72
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
75
75
|
type: Injectable,
|
|
76
76
|
args: [{ providedIn: 'root' }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
class ConfirmationDialog {
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: ConfirmationDialog, isStandalone: true, selector: "mt-confirmation-dialog", ngImport: i0, template: "<ng-template #popupTemplate let-key=\"key\">\n <p-confirmpopup #cp [key]=\"key\">\n <ng-template #headless let-data>\n <div class=\"flex items-center gap-2 p-3 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n </p-confirmpopup>\n</ng-template>\n\n<ng-container\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n <ng-template\n #headless\n let-data\n let-onAccept=\"onAccept\"\n let-onReject=\"onReject\"\n >\n <div\n class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n >\n <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n <mt-button\n [icon]=\"'general.x-close'\"\n variant=\"text\"\n severity=\"secondary\"\n styleClass=\"text-8xl\"\n size=\"large\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n\n <div class=\"flex items-center gap-2 p-4 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n (onClick)=\"onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n</p-confirmdialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ConfirmPopup, selector: "p-confirmpopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible", "motionOptions", "appendTo"] }] });
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ConfirmationDialog, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{ selector: 'mt-confirmation-dialog', standalone: true, imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup], template: "<ng-template #popupTemplate let-key=\"key\">\n <p-confirmpopup #cp [key]=\"key\">\n <ng-template #headless let-data>\n <div class=\"flex items-center gap-2 p-3 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n </p-confirmpopup>\n</ng-template>\n\n<ng-container\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n <ng-template\n #headless\n let-data\n let-onAccept=\"onAccept\"\n let-onReject=\"onReject\"\n >\n <div\n class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n >\n <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n <mt-button\n [icon]=\"'general.x-close'\"\n variant=\"text\"\n severity=\"secondary\"\n styleClass=\"text-8xl\"\n size=\"large\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n\n <div class=\"flex items-center gap-2 p-4 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n (onClick)=\"onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n</p-confirmdialog>\n" }]
|
|
86
86
|
}] });
|
|
@@ -70,10 +70,10 @@ class DateField {
|
|
|
70
70
|
setDisabledState(disabled) {
|
|
71
71
|
this.disabled.set(disabled);
|
|
72
72
|
}
|
|
73
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
74
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
73
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DateField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: DateField, isStandalone: true, selector: "mt-date-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name || label()\"\n >{{ label() }}</label\n >\n}\n<p-datepicker\n #calendar\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (onBlur)=\"onTouched()\"\n [disabled]=\"disabled() || readonly()\"\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n [invalid]=\"isInvalid(ngControl?.control)\"\n [baseZIndex]=\"1051\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n styleClass=\"w-full\"\n [showIcon]=\"showIcon()\"\n [showClear]=\"showClear()\"\n [showTime]=\"showTime()\"\n appendTo=\"body\"\n>\n <ng-template #previousicon>\n <mt-icon\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\n class=\"text-2xl\"\n />\n </ng-template>\n <ng-template #nexticon>\n <mt-icon\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n class=\"text-2xl\"\n />\n </ng-template>\n</p-datepicker>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DateField, decorators: [{
|
|
77
77
|
type: Component,
|
|
78
78
|
args: [{ selector: 'mt-date-field', standalone: true, imports: [FormsModule, DatePickerModule, FieldValidation, Icon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
79
79
|
class: 'grid gap-1',
|
|
@@ -17,10 +17,10 @@ class DialogService extends DialogService$1 {
|
|
|
17
17
|
});
|
|
18
18
|
return this.ref;
|
|
19
19
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
21
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
21
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DialogService, providedIn: 'root' });
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DialogService, decorators: [{
|
|
24
24
|
type: Injectable,
|
|
25
25
|
args: [{ providedIn: 'root' }]
|
|
26
26
|
}] });
|
|
@@ -34,10 +34,10 @@ class Drawer {
|
|
|
34
34
|
onHideEvent() {
|
|
35
35
|
this.onHide.emit(true);
|
|
36
36
|
}
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Drawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.2", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide" }, ngImport: i0, template: "<p-drawer\n [(visible)]=\"visible\"\n [position]=\"position()\"\n [fullScreen]=\"fullScreen()\"\n [modal]=\"modal()\"\n [closable]=\"false\"\n [closeOnEscape]=\"closeOnEscape()\"\n [blockScroll]=\"blockScroll()\"\n [dismissible]=\"dismissible()\"\n [appendTo]=\"appendTo()\"\n [transitionOptions]=\"transitionOptions()\"\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\n (visibleChange)=\"visibleChangeEvent($event)\"\n (onShow)=\"onShowEvent()\"\n (onHide)=\"onHideEvent()\"\n>\n <ng-template #header>\n <div\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\n >\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n <mt-button\n (onClick)=\"onClose()\"\n variant=\"outlined\"\n styleClass=\"!bg-white\"\n icon=\"general.x-close\"\n severity=\"secondary\"\n >\n </mt-button>\n </div>\n </ng-template>\n\n <ng-content select=\"[content]\"></ng-content>\n\n <ng-template #footer>\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </ng-template>\n</p-drawer>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Drawer, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, Button], template: "<p-drawer\n [(visible)]=\"visible\"\n [position]=\"position()\"\n [fullScreen]=\"fullScreen()\"\n [modal]=\"modal()\"\n [closable]=\"false\"\n [closeOnEscape]=\"closeOnEscape()\"\n [blockScroll]=\"blockScroll()\"\n [dismissible]=\"dismissible()\"\n [appendTo]=\"appendTo()\"\n [transitionOptions]=\"transitionOptions()\"\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\n (visibleChange)=\"visibleChangeEvent($event)\"\n (onShow)=\"onShowEvent()\"\n (onHide)=\"onHideEvent()\"\n>\n <ng-template #header>\n <div\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\n >\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n <mt-button\n (onClick)=\"onClose()\"\n variant=\"outlined\"\n styleClass=\"!bg-white\"\n icon=\"general.x-close\"\n severity=\"secondary\"\n >\n </mt-button>\n </div>\n </ng-template>\n\n <ng-content select=\"[content]\"></ng-content>\n\n <ng-template #footer>\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </ng-template>\n</p-drawer>\n" }]
|
|
43
43
|
}], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], blockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockScroll", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }] } });
|
|
@@ -35,8 +35,8 @@ class DynamicDrawerHost {
|
|
|
35
35
|
this.visible.set(false);
|
|
36
36
|
this.ref?.close(data);
|
|
37
37
|
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DynamicDrawerHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.2", type: DynamicDrawerHost, isStandalone: true, selector: "mt-dynamic-drawer-host", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: `
|
|
40
40
|
<p-drawer
|
|
41
41
|
[(visible)]="visible"
|
|
42
42
|
[closable]="cfg()?.closable"
|
|
@@ -72,7 +72,7 @@ class DynamicDrawerHost {
|
|
|
72
72
|
</p-drawer>
|
|
73
73
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DynamicDrawerHost, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{
|
|
78
78
|
selector: 'mt-dynamic-drawer-host',
|
|
@@ -173,10 +173,10 @@ class DrawerService {
|
|
|
173
173
|
}
|
|
174
174
|
return appendTo; // HTMLElement passed directly
|
|
175
175
|
}
|
|
176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
177
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
176
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
177
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DrawerService, providedIn: 'root' });
|
|
178
178
|
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: DrawerService, decorators: [{
|
|
180
180
|
type: Injectable,
|
|
181
181
|
args: [{ providedIn: 'root' }]
|
|
182
182
|
}] });
|