@masterteam/components 0.0.84 → 0.0.85
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-formula.mjs +4 -3
- package/fesm2022/masterteam-components-formula.mjs.map +1 -1
- package/fesm2022/masterteam-components-upload-field.mjs +51 -7
- package/fesm2022/masterteam-components-upload-field.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs +39 -1
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/masterteam-components-upload-field.d.ts +24 -1
- package/types/masterteam-components.d.ts +11 -1
|
@@ -768,7 +768,8 @@ class FormulaToolbarItem {
|
|
|
768
768
|
/** Computed display value */
|
|
769
769
|
displayValue = computed(() => this.display() ?? this.value(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
|
|
770
770
|
/** Check if has rich tooltip content (signature or examples) */
|
|
771
|
-
hasRichTooltip = computed(() => this.type() === 'function' &&
|
|
771
|
+
hasRichTooltip = computed(() => this.type() === 'function' &&
|
|
772
|
+
(this.signature() || this.normalizedExamples().length > 0), ...(ngDevMode ? [{ debugName: "hasRichTooltip" }] : []));
|
|
772
773
|
/** Build SmartBlock from item data */
|
|
773
774
|
smartBlock = computed(() => {
|
|
774
775
|
switch (this.type()) {
|
|
@@ -800,13 +801,13 @@ class FormulaToolbarItem {
|
|
|
800
801
|
this.onInsert.emit(this.smartBlock());
|
|
801
802
|
}
|
|
802
803
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
803
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaToolbarItem, isStandalone: true, selector: "mt-formula-toolbar-item", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, signature: { classPropertyName: "signature", publicName: "signature", isSignal: true, isRequired: false, transformFunction: null }, examples: { classPropertyName: "examples", publicName: "examples", isSignal: true, isRequired: false, transformFunction: null }, propertyType: { classPropertyName: "propertyType", publicName: "propertyType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInsert: "onInsert" }, host: { classAttribute: "inline-block" }, ngImport: i0, template: "<button\r\n type=\"button\"\r\n class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n [class]=\"itemClass()\"\r\n [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n [tooltipPosition]=\"'bottom'\"\r\n [showDelay]=\"300\"\r\n [hideDelay]=\"100\"\r\n (click)=\"handleClick()\"\r\n>\r\n @if (type() === \"function\") {\r\n <span class=\"text-sm opacity-60\">\u0192</span>\r\n }\r\n {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n <div class=\"max-w-xs space-y-2.5 p-1\">\r\n <!-- Signature (first) -->\r\n @if (signature()) {\r\n <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-sm text-emerald-400\">{{
|
|
804
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaToolbarItem, isStandalone: true, selector: "mt-formula-toolbar-item", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, signature: { classPropertyName: "signature", publicName: "signature", isSignal: true, isRequired: false, transformFunction: null }, examples: { classPropertyName: "examples", publicName: "examples", isSignal: true, isRequired: false, transformFunction: null }, propertyType: { classPropertyName: "propertyType", publicName: "propertyType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInsert: "onInsert" }, host: { classAttribute: "inline-block" }, ngImport: i0, template: "<button\r\n type=\"button\"\r\n class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n [class]=\"itemClass()\"\r\n [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n [tooltipPosition]=\"'bottom'\"\r\n [showDelay]=\"300\"\r\n [hideDelay]=\"100\"\r\n (click)=\"handleClick()\"\r\n>\r\n @if (type() === \"function\") {\r\n <span class=\"text-sm opacity-60\">\u0192</span>\r\n }\r\n {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n <div class=\"max-w-xs space-y-2.5 p-1\">\r\n <!-- Signature (first) -->\r\n @if (signature()) {\r\n <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-sm text-emerald-400\">{{\r\n signature()\r\n }}</code>\r\n </div>\r\n }\r\n\r\n <!-- Description -->\r\n @if (description()) {\r\n <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n }\r\n\r\n <!-- Examples -->\r\n @if (normalizedExamples().length > 0) {\r\n <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n <span\r\n class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n >Examples</span\r\n >\r\n <div class=\"space-y-2\">\r\n @for (example of normalizedExamples(); track $index) {\r\n <div class=\"space-y-0.5\">\r\n <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-xs text-amber-300\">{{\r\n example.code\r\n }}</code>\r\n </div>\r\n @if (example.description) {\r\n <p class=\"px-1 text-xs text-slate-400\">\r\n {{ example.description }}\r\n </p>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
|
|
804
805
|
}
|
|
805
806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaToolbarItem, decorators: [{
|
|
806
807
|
type: Component,
|
|
807
808
|
args: [{ selector: 'mt-formula-toolbar-item', standalone: true, imports: [CommonModule, TooltipModule], host: {
|
|
808
809
|
class: 'inline-block',
|
|
809
|
-
}, template: "<button\r\n type=\"button\"\r\n class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n [class]=\"itemClass()\"\r\n [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n [tooltipPosition]=\"'bottom'\"\r\n [showDelay]=\"300\"\r\n [hideDelay]=\"100\"\r\n (click)=\"handleClick()\"\r\n>\r\n @if (type() === \"function\") {\r\n <span class=\"text-sm opacity-60\">\u0192</span>\r\n }\r\n {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n <div class=\"max-w-xs space-y-2.5 p-1\">\r\n <!-- Signature (first) -->\r\n @if (signature()) {\r\n <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-sm text-emerald-400\">{{
|
|
810
|
+
}, template: "<button\r\n type=\"button\"\r\n class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n [class]=\"itemClass()\"\r\n [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n [tooltipPosition]=\"'bottom'\"\r\n [showDelay]=\"300\"\r\n [hideDelay]=\"100\"\r\n (click)=\"handleClick()\"\r\n>\r\n @if (type() === \"function\") {\r\n <span class=\"text-sm opacity-60\">\u0192</span>\r\n }\r\n {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n <div class=\"max-w-xs space-y-2.5 p-1\">\r\n <!-- Signature (first) -->\r\n @if (signature()) {\r\n <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-sm text-emerald-400\">{{\r\n signature()\r\n }}</code>\r\n </div>\r\n }\r\n\r\n <!-- Description -->\r\n @if (description()) {\r\n <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n }\r\n\r\n <!-- Examples -->\r\n @if (normalizedExamples().length > 0) {\r\n <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n <span\r\n class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n >Examples</span\r\n >\r\n <div class=\"space-y-2\">\r\n @for (example of normalizedExamples(); track $index) {\r\n <div class=\"space-y-0.5\">\r\n <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n <code class=\"font-mono text-xs text-amber-300\">{{\r\n example.code\r\n }}</code>\r\n </div>\r\n @if (example.description) {\r\n <p class=\"px-1 text-xs text-slate-400\">\r\n {{ example.description }}\r\n </p>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n" }]
|
|
810
811
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], signature: [{ type: i0.Input, args: [{ isSignal: true, alias: "signature", required: false }] }], examples: [{ type: i0.Input, args: [{ isSignal: true, alias: "examples", required: false }] }], propertyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyType", required: false }] }], onInsert: [{ type: i0.Output, args: ["onInsert"] }] } });
|
|
811
812
|
|
|
812
813
|
const DEFAULT_OPERATORS = [
|