@masterteam/components 0.0.129 → 0.0.131
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-tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/fesm2022/masterteam-components-business-fields.mjs +0 -597
- package/fesm2022/masterteam-components-business-fields.mjs.map +0 -1
- package/fesm2022/masterteam-components-button-group.mjs +0 -20
- package/fesm2022/masterteam-components-button-group.mjs.map +0 -1
- package/fesm2022/masterteam-components-chip.mjs +0 -35
- package/fesm2022/masterteam-components-chip.mjs.map +0 -1
- package/fesm2022/masterteam-components-client-page-menu.mjs +0 -92
- package/fesm2022/masterteam-components-client-page-menu.mjs.map +0 -1
- package/fesm2022/masterteam-components-client-page.mjs +0 -160
- package/fesm2022/masterteam-components-client-page.mjs.map +0 -1
- package/fesm2022/masterteam-components-color-picker-field.mjs +0 -94
- package/fesm2022/masterteam-components-color-picker-field.mjs.map +0 -1
- package/fesm2022/masterteam-components-date-field.mjs +0 -93
- package/fesm2022/masterteam-components-date-field.mjs.map +0 -1
- package/fesm2022/masterteam-components-drawer.mjs +0 -69
- package/fesm2022/masterteam-components-drawer.mjs.map +0 -1
- package/fesm2022/masterteam-components-editor-field.mjs +0 -96
- package/fesm2022/masterteam-components-editor-field.mjs.map +0 -1
- package/fesm2022/masterteam-components-entities.mjs +0 -864
- package/fesm2022/masterteam-components-entities.mjs.map +0 -1
- package/fesm2022/masterteam-components-formula.mjs +0 -3116
- package/fesm2022/masterteam-components-formula.mjs.map +0 -1
- package/fesm2022/masterteam-components-list.mjs +0 -31
- package/fesm2022/masterteam-components-list.mjs.map +0 -1
- package/fesm2022/masterteam-components-progress.mjs +0 -49
- package/fesm2022/masterteam-components-progress.mjs.map +0 -1
- package/fesm2022/masterteam-components-table.mjs +0 -1153
- package/fesm2022/masterteam-components-table.mjs.map +0 -1
- package/fesm2022/masterteam-components-upload-field.mjs +0 -554
- package/fesm2022/masterteam-components-upload-field.mjs.map +0 -1
- package/fesm2022/masterteam-components-user-search-field.mjs +0 -153
- package/fesm2022/masterteam-components-user-search-field.mjs.map +0 -1
- package/types/masterteam-components-business-fields.d.ts +0 -213
- package/types/masterteam-components-button-group.d.ts +0 -8
- package/types/masterteam-components-chip.d.ts +0 -19
- package/types/masterteam-components-client-page-menu.d.ts +0 -35
- package/types/masterteam-components-client-page.d.ts +0 -56
- package/types/masterteam-components-color-picker-field.d.ts +0 -35
- package/types/masterteam-components-date-field.d.ts +0 -41
- package/types/masterteam-components-drawer.d.ts +0 -30
- package/types/masterteam-components-editor-field.d.ts +0 -34
- package/types/masterteam-components-entities.d.ts +0 -367
- package/types/masterteam-components-formula.d.ts +0 -654
- package/types/masterteam-components-list.d.ts +0 -18
- package/types/masterteam-components-progress.d.ts +0 -22
- package/types/masterteam-components-table.d.ts +0 -255
- package/types/masterteam-components-upload-field.d.ts +0 -77
- package/types/masterteam-components-user-search-field.d.ts +0 -61
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, contentChild, computed, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
|
|
6
|
-
class List {
|
|
7
|
-
// Input for the data array to loop through
|
|
8
|
-
data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
9
|
-
separated = input(false, { ...(ngDevMode ? { debugName: "separated" } : {}), transform: booleanAttribute });
|
|
10
|
-
// Content child to get the template from ng-content
|
|
11
|
-
itemTemplate = contentChild('item', ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
|
|
12
|
-
// Alternative input for template reference
|
|
13
|
-
template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
|
|
14
|
-
// Computed signal for effective template (prioritize template() input over content child)
|
|
15
|
-
effectiveTemplate = computed(() => {
|
|
16
|
-
return this.template() || this.itemTemplate() || null;
|
|
17
|
-
}, ...(ngDevMode ? [{ debugName: "effectiveTemplate" }] : []));
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: List, isStandalone: true, selector: "mt-list", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, separated: { classPropertyName: "separated", publicName: "separated", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"template-list\">\r\n @if (effectiveTemplate()) {\r\n @for (item of data(); track $index) {\r\n <div\r\n class=\"border-(--p-content-border-color)\"\r\n [class.border-b]=\"!$last && separated()\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"effectiveTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: item,\r\n index: $index,\r\n first: $first,\r\n last: $last,\r\n count: $count,\r\n }\"\r\n >\r\n </ng-container>\r\n </div>\r\n }\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'mt-list', standalone: true, imports: [CommonModule], template: "<div class=\"template-list\">\r\n @if (effectiveTemplate()) {\r\n @for (item of data(); track $index) {\r\n <div\r\n class=\"border-(--p-content-border-color)\"\r\n [class.border-b]=\"!$last && separated()\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"effectiveTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: item,\r\n index: $index,\r\n first: $first,\r\n last: $last,\r\n count: $count,\r\n }\"\r\n >\r\n </ng-container>\r\n </div>\r\n }\r\n }\r\n</div>\r\n" }]
|
|
24
|
-
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], separated: [{ type: i0.Input, args: [{ isSignal: true, alias: "separated", required: false }] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Generated bundle index. Do not edit.
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
export { List };
|
|
31
|
-
//# sourceMappingURL=masterteam-components-list.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-list.mjs","sources":["../../../../packages/masterteam/components/list/list.ts","../../../../packages/masterteam/components/list/list.html","../../../../packages/masterteam/components/list/masterteam-components-list.ts"],"sourcesContent":["import {\r\n Component,\r\n input,\r\n TemplateRef,\r\n contentChild,\r\n computed,\r\n booleanAttribute,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nexport interface ListItem {\r\n [key: string]: any;\r\n}\r\n\r\n@Component({\r\n selector: 'mt-list',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './list.html',\r\n})\r\nexport class List {\r\n // Input for the data array to loop through\r\n data = input<ListItem[]>([]);\r\n\r\n separated = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n // Content child to get the template from ng-content\r\n itemTemplate = contentChild<TemplateRef<any>>('item');\r\n // Alternative input for template reference\r\n template = input<TemplateRef<any> | null>(null);\r\n\r\n // Computed signal for effective template (prioritize template() input over content child)\r\n effectiveTemplate = computed(() => {\r\n return this.template() || this.itemTemplate() || null;\r\n });\r\n}\r\n","<div class=\"template-list\">\r\n @if (effectiveTemplate()) {\r\n @for (item of data(); track $index) {\r\n <div\r\n class=\"border-(--p-content-border-color)\"\r\n [class.border-b]=\"!$last && separated()\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"effectiveTemplate()\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: item,\r\n index: $index,\r\n first: $first,\r\n last: $last,\r\n count: $count,\r\n }\"\r\n >\r\n </ng-container>\r\n </div>\r\n }\r\n }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAoBa,IAAI,CAAA;;AAEf,IAAA,IAAI,GAAG,KAAK,CAAa,EAAE,gDAAC;IAE5B,SAAS,GAAG,KAAK,CAAmB,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAG3E,IAAA,YAAY,GAAG,YAAY,CAAmB,MAAM,wDAAC;;AAErD,IAAA,QAAQ,GAAG,KAAK,CAA0B,IAAI,oDAAC;;AAG/C,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI;AACvD,IAAA,CAAC,6DAAC;uGAdS,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBjB,4mBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGX,IAAI,EAAA,UAAA,EAAA,CAAA;kBANhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,4mBAAA,EAAA;uQAUuB,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE3BtD;;AAEG;;;;"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from 'primeng/progressbar';
|
|
4
|
-
import { ProgressBarModule } from 'primeng/progressbar';
|
|
5
|
-
import * as i3 from 'primeng/knob';
|
|
6
|
-
import { KnobModule } from 'primeng/knob';
|
|
7
|
-
import * as i4 from '@angular/forms';
|
|
8
|
-
import { FormsModule } from '@angular/forms';
|
|
9
|
-
import * as i2 from 'primeng/api';
|
|
10
|
-
|
|
11
|
-
class Progress {
|
|
12
|
-
static DEFAULT_PRIMARY_COLOR = 'var(--p-primary-color)';
|
|
13
|
-
// Required Input: The progress value (0-100)
|
|
14
|
-
value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
15
|
-
// Optional Inputs with Defaults
|
|
16
|
-
mode = input('linear', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
17
|
-
showLabel = input(true, ...(ngDevMode ? [{ debugName: "showLabel" }] : []));
|
|
18
|
-
unit = input('%', ...(ngDevMode ? [{ debugName: "unit" }] : []));
|
|
19
|
-
color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : [])); // Default Tailwind blue-500
|
|
20
|
-
minValue = input(0, ...(ngDevMode ? [{ debugName: "minValue" }] : [])); // Height for linear bar
|
|
21
|
-
maxValue = input(100, ...(ngDevMode ? [{ debugName: "maxValue" }] : [])); // Height for linear bar
|
|
22
|
-
// Style Inputs
|
|
23
|
-
height = input(20, ...(ngDevMode ? [{ debugName: "height" }] : [])); // Height for linear bar
|
|
24
|
-
circleSize = input(100, ...(ngDevMode ? [{ debugName: "circleSize" }] : [])); // Diameter for circle
|
|
25
|
-
strokeWidth = input(10, ...(ngDevMode ? [{ debugName: "strokeWidth" }] : [])); // Thickness for circle
|
|
26
|
-
customClass = input('', ...(ngDevMode ? [{ debugName: "customClass" }] : [])); // Pass tailwind classes like 'rounded-none'
|
|
27
|
-
// Computed template for the knob text (e.g. "75%")
|
|
28
|
-
labelTemplate = computed(() => `{value}${this.unit()}`, ...(ngDevMode ? [{ debugName: "labelTemplate" }] : []));
|
|
29
|
-
resolvedColor = computed(() => {
|
|
30
|
-
const color = this.color()?.trim();
|
|
31
|
-
if (!color || color === 'primary') {
|
|
32
|
-
return Progress.DEFAULT_PRIMARY_COLOR;
|
|
33
|
-
}
|
|
34
|
-
return color;
|
|
35
|
-
}, ...(ngDevMode ? [{ debugName: "resolvedColor" }] : []));
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Progress, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Progress, isStandalone: true, selector: "mt-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, circleSize: { classPropertyName: "circleSize", publicName: "circleSize", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n @if (mode() === \"linear\") {\r\n <div class=\"w-full\">\r\n <p-progressBar\r\n [value]=\"value()\"\r\n [showValue]=\"showLabel()\"\r\n [styleClass]=\"customClass()\"\r\n [style]=\"{ height: height() + 'px' }\"\r\n [color]=\"resolvedColor()\"\r\n >\r\n <ng-template pTemplate=\"content\" let-val>\r\n @if (showLabel()) {\r\n <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n }\r\n </ng-template>\r\n </p-progressBar>\r\n </div>\r\n } @else {\r\n <div class=\"relative flex items-center justify-center\">\r\n <p-knob\r\n [ngModel]=\"value()\"\r\n [readonly]=\"true\"\r\n [size]=\"circleSize()\"\r\n [strokeWidth]=\"strokeWidth()\"\r\n [rangeColor]=\"'#e5e7eb'\"\r\n [valueTemplate]=\"labelTemplate()\"\r\n [showValue]=\"showLabel()\"\r\n [min]=\"minValue()\"\r\n [max]=\"maxValue()\"\r\n >\r\n </p-knob>\r\n </div>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: KnobModule }, { kind: "component", type: i3.Knob, selector: "p-knob", inputs: ["styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "valueColor", "rangeColor", "textColor", "valueTemplate", "size", "min", "max", "step", "strokeWidth", "showValue", "readonly"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Progress, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{ standalone: true, imports: [ProgressBarModule, KnobModule, FormsModule], selector: 'mt-progress', template: "<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n @if (mode() === \"linear\") {\r\n <div class=\"w-full\">\r\n <p-progressBar\r\n [value]=\"value()\"\r\n [showValue]=\"showLabel()\"\r\n [styleClass]=\"customClass()\"\r\n [style]=\"{ height: height() + 'px' }\"\r\n [color]=\"resolvedColor()\"\r\n >\r\n <ng-template pTemplate=\"content\" let-val>\r\n @if (showLabel()) {\r\n <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n }\r\n </ng-template>\r\n </p-progressBar>\r\n </div>\r\n } @else {\r\n <div class=\"relative flex items-center justify-center\">\r\n <p-knob\r\n [ngModel]=\"value()\"\r\n [readonly]=\"true\"\r\n [size]=\"circleSize()\"\r\n [strokeWidth]=\"strokeWidth()\"\r\n [rangeColor]=\"'#e5e7eb'\"\r\n [valueTemplate]=\"labelTemplate()\"\r\n [showValue]=\"showLabel()\"\r\n [min]=\"minValue()\"\r\n [max]=\"maxValue()\"\r\n >\r\n </p-knob>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
42
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], circleSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "circleSize", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClass", required: false }] }] } });
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Generated bundle index. Do not edit.
|
|
46
|
-
*/
|
|
47
|
-
|
|
48
|
-
export { Progress };
|
|
49
|
-
//# sourceMappingURL=masterteam-components-progress.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-progress.mjs","sources":["../../../../packages/masterteam/components/progress/progress.ts","../../../../packages/masterteam/components/progress/progress.html","../../../../packages/masterteam/components/progress/masterteam-components-progress.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\nimport { KnobModule } from 'primeng/knob';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n standalone: true,\r\n imports: [ProgressBarModule, KnobModule, FormsModule],\r\n selector: 'mt-progress',\r\n templateUrl: 'progress.html',\r\n})\r\nexport class Progress {\r\n private static readonly DEFAULT_PRIMARY_COLOR = 'var(--p-primary-color)';\r\n\r\n // Required Input: The progress value (0-100)\r\n value = input.required<number>();\r\n\r\n // Optional Inputs with Defaults\r\n mode = input<'linear' | 'circle'>('linear');\r\n showLabel = input<boolean>(true);\r\n unit = input<string>('%');\r\n color = input<string>('primary'); // Default Tailwind blue-500\r\n minValue = input<number>(0); // Height for linear bar\r\n maxValue = input<number>(100); // Height for linear bar\r\n\r\n // Style Inputs\r\n height = input<number>(20); // Height for linear bar\r\n circleSize = input<number>(100); // Diameter for circle\r\n strokeWidth = input<number>(10); // Thickness for circle\r\n customClass = input<string>(''); // Pass tailwind classes like 'rounded-none'\r\n\r\n // Computed template for the knob text (e.g. \"75%\")\r\n labelTemplate = computed(() => `{value}${this.unit()}`);\r\n\r\n readonly resolvedColor = computed(() => {\r\n const color = this.color()?.trim();\r\n\r\n if (!color || color === 'primary') {\r\n return Progress.DEFAULT_PRIMARY_COLOR;\r\n }\r\n\r\n return color;\r\n });\r\n}\r\n","<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n @if (mode() === \"linear\") {\r\n <div class=\"w-full\">\r\n <p-progressBar\r\n [value]=\"value()\"\r\n [showValue]=\"showLabel()\"\r\n [styleClass]=\"customClass()\"\r\n [style]=\"{ height: height() + 'px' }\"\r\n [color]=\"resolvedColor()\"\r\n >\r\n <ng-template pTemplate=\"content\" let-val>\r\n @if (showLabel()) {\r\n <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n }\r\n </ng-template>\r\n </p-progressBar>\r\n </div>\r\n } @else {\r\n <div class=\"relative flex items-center justify-center\">\r\n <p-knob\r\n [ngModel]=\"value()\"\r\n [readonly]=\"true\"\r\n [size]=\"circleSize()\"\r\n [strokeWidth]=\"strokeWidth()\"\r\n [rangeColor]=\"'#e5e7eb'\"\r\n [valueTemplate]=\"labelTemplate()\"\r\n [showValue]=\"showLabel()\"\r\n [min]=\"minValue()\"\r\n [max]=\"maxValue()\"\r\n >\r\n </p-knob>\r\n </div>\r\n }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|