@masterteam/components 0.0.110 → 0.0.111
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.mjs +8 -3
- package/fesm2022/masterteam-components-avatar.mjs.map +1 -1
- package/fesm2022/masterteam-components-slider-field.mjs +2 -2
- package/fesm2022/masterteam-components-slider-field.mjs.map +1 -1
- package/package.json +1 -1
- package/types/masterteam-components-avatar.d.ts +2 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, computed, Component } from '@angular/core';
|
|
2
|
+
import { input, signal, output, computed, Component } from '@angular/core';
|
|
3
3
|
import * as i1 from 'primeng/avatar';
|
|
4
4
|
import { AvatarModule } from 'primeng/avatar';
|
|
5
5
|
import * as i2 from 'primeng/overlaybadge';
|
|
@@ -16,7 +16,12 @@ class Avatar {
|
|
|
16
16
|
badge = input(...(ngDevMode ? [undefined, { debugName: "badge" }] : []));
|
|
17
17
|
badgeSize = input(...(ngDevMode ? [undefined, { debugName: "badgeSize" }] : []));
|
|
18
18
|
badgeSeverity = input('primary', ...(ngDevMode ? [{ debugName: "badgeSeverity" }] : []));
|
|
19
|
+
errorImage = signal(false, ...(ngDevMode ? [{ debugName: "errorImage" }] : []));
|
|
19
20
|
onImageError = output();
|
|
21
|
+
OnImageError(event) {
|
|
22
|
+
this.onImageError.emit(event);
|
|
23
|
+
this.errorImage.set(true);
|
|
24
|
+
}
|
|
20
25
|
badgeSizeMap = {
|
|
21
26
|
normal: 'small',
|
|
22
27
|
large: undefined,
|
|
@@ -28,13 +33,13 @@ class Avatar {
|
|
|
28
33
|
return this.badgeSizeMap[this.size() ?? 'normal'];
|
|
29
34
|
}, ...(ngDevMode ? [{ debugName: "internalBadgeSize" }] : []));
|
|
30
35
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"OnImageError($event)\"\r\n >\r\n @if (icon() && (errorImage() || !image())) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\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
37
|
}
|
|
33
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, decorators: [{
|
|
34
39
|
type: Component,
|
|
35
40
|
args: [{ selector: 'mt-avatar', standalone: true, imports: [AvatarModule, OverlayBadgeModule, Icon], host: {
|
|
36
41
|
class: 'grid gap-1',
|
|
37
|
-
}, template: "@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"
|
|
42
|
+
}, template: "@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"OnImageError($event)\"\r\n >\r\n @if (icon() && (errorImage() || !image())) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\n" }]
|
|
38
43
|
}], 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 }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", 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"] }] } });
|
|
39
44
|
|
|
40
45
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-avatar.mjs","sources":["../../../../packages/masterteam/components/avatar/avatar.ts","../../../../packages/masterteam/components/avatar/avatar.html","../../../../packages/masterteam/components/avatar/masterteam-components-avatar.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\nimport { OverlayBadgeModule } from 'primeng/overlaybadge';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-avatar',\r\n standalone: true,\r\n imports: [AvatarModule, OverlayBadgeModule, Icon],\r\n templateUrl: './avatar.html',\r\n styleUrls: ['./avatar.scss'],\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class Avatar {\r\n readonly label = input<string>();\r\n readonly icon = input<MTIcon>();\r\n readonly image = input<string>();\r\n readonly styleClass = input<string>();\r\n readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n readonly badge = input<string>();\r\n readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n readonly badgeSeverity = input<\r\n | 'info'\r\n | 'success'\r\n | 'warn'\r\n | 'danger'\r\n | 'secondary'\r\n | 'contrast'\r\n | 'help'\r\n | 'primary'\r\n >('primary');\r\n
|
|
1
|
+
{"version":3,"file":"masterteam-components-avatar.mjs","sources":["../../../../packages/masterteam/components/avatar/avatar.ts","../../../../packages/masterteam/components/avatar/avatar.html","../../../../packages/masterteam/components/avatar/masterteam-components-avatar.ts"],"sourcesContent":["import { Component, computed, input, output, signal } from '@angular/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\nimport { OverlayBadgeModule } from 'primeng/overlaybadge';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-avatar',\r\n standalone: true,\r\n imports: [AvatarModule, OverlayBadgeModule, Icon],\r\n templateUrl: './avatar.html',\r\n styleUrls: ['./avatar.scss'],\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class Avatar {\r\n readonly label = input<string>();\r\n readonly icon = input<MTIcon>();\r\n readonly image = input<string>();\r\n readonly styleClass = input<string>();\r\n readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n readonly badge = input<string>();\r\n readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n readonly badgeSeverity = input<\r\n | 'info'\r\n | 'success'\r\n | 'warn'\r\n | 'danger'\r\n | 'secondary'\r\n | 'contrast'\r\n | 'help'\r\n | 'primary'\r\n >('primary');\r\n readonly errorImage = signal(false);\r\n onImageError = output<Event>();\r\n\r\n OnImageError(event: Event): void {\r\n this.onImageError.emit(event);\r\n this.errorImage.set(true);\r\n }\r\n\r\n private readonly badgeSizeMap = {\r\n normal: 'small',\r\n large: undefined,\r\n xlarge: 'large',\r\n };\r\n\r\n internalBadgeSize = computed(() => {\r\n if (this.badgeSize()) return this.badgeSize();\r\n\r\n return this.badgeSizeMap[this.size() ?? 'normal'];\r\n });\r\n}\r\n","@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"OnImageError($event)\"\r\n >\r\n @if (icon() && (errorImage() || !image())) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAea,MAAM,CAAA;IACR,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAC5B,IAAA,IAAI,GAAG,KAAK,CAA4C,QAAQ,gDAAC;AACjE,IAAA,KAAK,GAAG,KAAK,CAAkC,QAAQ,iDAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;AACjD,IAAA,aAAa,GAAG,KAAK,CAS5B,SAAS,yDAAC;AACH,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;IACnC,YAAY,GAAG,MAAM,EAAS;AAE9B,IAAA,YAAY,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;IAC3B;AAEiB,IAAA,YAAY,GAAG;AAC9B,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,OAAO;KAChB;AAED,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,EAAE;QAE7C,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC;AACnD,IAAA,CAAC,6DAAC;uGArCS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,ywCCfnB,4yBAgCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,sOAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOrC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAVlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAA,IAAA,EAG3C;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,4yBAAA,EAAA;;;AEbH;;AAEG;;;;"}
|
|
@@ -77,13 +77,13 @@ class SliderField {
|
|
|
77
77
|
this.disabled.set(disabled);
|
|
78
78
|
}
|
|
79
79
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", 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", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", 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", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}\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: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
81
81
|
}
|
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
84
|
args: [{ selector: 'mt-slider-field', standalone: true, imports: [FormsModule, SliderModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
85
85
|
class: 'grid gap-1',
|
|
86
|
-
}, template: "@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}
|
|
86
|
+
}, template: "@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [], propDecorators: { input: [{
|
|
88
88
|
type: ViewChild,
|
|
89
89
|
args: ['input', { static: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-slider-field.mjs","sources":["../../../../packages/masterteam/components/slider-field/slider-field.ts","../../../../packages/masterteam/components/slider-field/slider-field.html","../../../../packages/masterteam/components/slider-field/masterteam-components-slider-field.ts"],"sourcesContent":["import {\r\n Component,\r\n EventEmitter,\r\n HostBinding,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n booleanAttribute,\r\n computed,\r\n input,\r\n numberAttribute,\r\n signal,\r\n OnInit,\r\n OnChanges,\r\n inject,\r\n ChangeDetectionStrategy,\r\n effect,\r\n} from '@angular/core';\r\nimport {\r\n ControlValueAccessor,\r\n FormsModule,\r\n NgControl,\r\n Validators,\r\n} from '@angular/forms';\r\nimport {\r\n Slider,\r\n SliderChangeEvent,\r\n SliderSlideEndEvent,\r\n SliderModule,\r\n} from 'primeng/slider';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n selector: 'mt-slider-field',\r\n standalone: true,\r\n imports: [FormsModule, SliderModule, FieldValidation],\r\n templateUrl: './slider-field.html',\r\n styleUrls: ['./slider-field.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class SliderField implements ControlValueAccessor, OnInit, OnChanges {\r\n @ViewChild('input', { static: true })\r\n input: Slider;\r\n\r\n readonly field = input<boolean>(true);\r\n readonly label = input<string>();\r\n readonly animate = input<boolean>(false);\r\n readonly class = input<string>('');\r\n readonly min = input<number, unknown>(0, { transform: numberAttribute });\r\n readonly max = input<number, unknown>(100, { transform: numberAttribute });\r\n readonly step = input<number, unknown>(undefined, {\r\n transform: numberAttribute,\r\n });\r\n readonly hideNumber = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n readonly unit = input<string>('%');\r\n readonly readonly = input<boolean>(false);\r\n readonly pInputs = input<Partial<Slider>>();\r\n readonly required = input<boolean>(false);\r\n\r\n @Output() onChange: EventEmitter<SliderChangeEvent> = new EventEmitter();\r\n @Output() onSlideEnd: EventEmitter<SliderSlideEndEvent> = new EventEmitter();\r\n\r\n @HostBinding('class') styleClass: string;\r\n\r\n requiredValidator = Validators.required;\r\n value = signal<number | null>(null);\r\n disabled = signal<boolean>(false);\r\n displayValue = computed(() => {\r\n const value = this.value();\r\n if (value === null || value === undefined) {\r\n return '-';\r\n }\r\n return `${value}${this.unit()}`;\r\n });\r\n\r\n onTouched: () => void = () => {};\r\n onModelChange: (value: number | null) => void = () => {};\r\n\r\n public ngControl = inject(NgControl, { self: true });\r\n\r\n isInvalid = isInvalid;\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n effect(() => {\r\n if (this.ngControl.control && this.required()) {\r\n this.ngControl.control.addValidators(Validators.required);\r\n this.ngControl.control.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n applyInputsToInput() {\r\n Object.assign(this.input, this.pInputs());\r\n }\r\n\r\n ngOnInit() {\r\n this.styleClass = this.class();\r\n }\r\n onValueChange(value: number | null) {\r\n this.onModelChange(value);\r\n this.value.set(value);\r\n }\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['pInputs']) {\r\n this.applyInputsToInput();\r\n }\r\n }\r\n\r\n writeValue(value: number) {\r\n this.value.set(value);\r\n }\r\n\r\n registerOnChange(fn: any) {\r\n this.onModelChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(disabled: boolean) {\r\n this.disabled.set(disabled);\r\n }\r\n}\r\n","@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"masterteam-components-slider-field.mjs","sources":["../../../../packages/masterteam/components/slider-field/slider-field.ts","../../../../packages/masterteam/components/slider-field/slider-field.html","../../../../packages/masterteam/components/slider-field/masterteam-components-slider-field.ts"],"sourcesContent":["import {\r\n Component,\r\n EventEmitter,\r\n HostBinding,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n booleanAttribute,\r\n computed,\r\n input,\r\n numberAttribute,\r\n signal,\r\n OnInit,\r\n OnChanges,\r\n inject,\r\n ChangeDetectionStrategy,\r\n effect,\r\n} from '@angular/core';\r\nimport {\r\n ControlValueAccessor,\r\n FormsModule,\r\n NgControl,\r\n Validators,\r\n} from '@angular/forms';\r\nimport {\r\n Slider,\r\n SliderChangeEvent,\r\n SliderSlideEndEvent,\r\n SliderModule,\r\n} from 'primeng/slider';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n selector: 'mt-slider-field',\r\n standalone: true,\r\n imports: [FormsModule, SliderModule, FieldValidation],\r\n templateUrl: './slider-field.html',\r\n styleUrls: ['./slider-field.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class SliderField implements ControlValueAccessor, OnInit, OnChanges {\r\n @ViewChild('input', { static: true })\r\n input: Slider;\r\n\r\n readonly field = input<boolean>(true);\r\n readonly label = input<string>();\r\n readonly animate = input<boolean>(false);\r\n readonly class = input<string>('');\r\n readonly min = input<number, unknown>(0, { transform: numberAttribute });\r\n readonly max = input<number, unknown>(100, { transform: numberAttribute });\r\n readonly step = input<number, unknown>(undefined, {\r\n transform: numberAttribute,\r\n });\r\n readonly hideNumber = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n readonly unit = input<string>('%');\r\n readonly readonly = input<boolean>(false);\r\n readonly pInputs = input<Partial<Slider>>();\r\n readonly required = input<boolean>(false);\r\n\r\n @Output() onChange: EventEmitter<SliderChangeEvent> = new EventEmitter();\r\n @Output() onSlideEnd: EventEmitter<SliderSlideEndEvent> = new EventEmitter();\r\n\r\n @HostBinding('class') styleClass: string;\r\n\r\n requiredValidator = Validators.required;\r\n value = signal<number | null>(null);\r\n disabled = signal<boolean>(false);\r\n displayValue = computed(() => {\r\n const value = this.value();\r\n if (value === null || value === undefined) {\r\n return '-';\r\n }\r\n return `${value}${this.unit()}`;\r\n });\r\n\r\n onTouched: () => void = () => {};\r\n onModelChange: (value: number | null) => void = () => {};\r\n\r\n public ngControl = inject(NgControl, { self: true });\r\n\r\n isInvalid = isInvalid;\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n effect(() => {\r\n if (this.ngControl.control && this.required()) {\r\n this.ngControl.control.addValidators(Validators.required);\r\n this.ngControl.control.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n applyInputsToInput() {\r\n Object.assign(this.input, this.pInputs());\r\n }\r\n\r\n ngOnInit() {\r\n this.styleClass = this.class();\r\n }\r\n onValueChange(value: number | null) {\r\n this.onModelChange(value);\r\n this.value.set(value);\r\n }\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['pInputs']) {\r\n this.applyInputsToInput();\r\n }\r\n }\r\n\r\n writeValue(value: number) {\r\n this.value.set(value);\r\n }\r\n\r\n registerOnChange(fn: any) {\r\n this.onModelChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(disabled: boolean) {\r\n this.disabled.set(disabled);\r\n }\r\n}\r\n","@if (label() || !hideNumber()) {\r\n <div class=\"flex items-end justify-between gap-3\">\r\n @if (label()) {\r\n <label\r\n class=\"leading-none\"\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n @if (!hideNumber()) {\r\n <span\r\n class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n >\r\n {{ displayValue() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n <p-slider\r\n #input\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [animate]=\"animate()\"\r\n [id]=\"ngControl?.name || label()\"\r\n [min]=\"min()\"\r\n [max]=\"max()\"\r\n [step]=\"step()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n class=\"block w-full\"\r\n ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -11,7 +11,9 @@ declare class Avatar {
|
|
|
11
11
|
readonly badge: _angular_core.InputSignal<string | undefined>;
|
|
12
12
|
readonly badgeSize: _angular_core.InputSignal<"large" | "xlarge" | "small" | undefined>;
|
|
13
13
|
readonly badgeSeverity: _angular_core.InputSignal<"info" | "success" | "warn" | "danger" | "secondary" | "contrast" | "help" | "primary">;
|
|
14
|
+
readonly errorImage: _angular_core.WritableSignal<boolean>;
|
|
14
15
|
onImageError: _angular_core.OutputEmitterRef<Event>;
|
|
16
|
+
OnImageError(event: Event): void;
|
|
15
17
|
private readonly badgeSizeMap;
|
|
16
18
|
internalBadgeSize: _angular_core.Signal<string | undefined>;
|
|
17
19
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
|