angular-tailwind-components 1.1.1 → 1.1.2
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.
|
@@ -2264,12 +2264,24 @@ class TailwindTitle extends TailwindComponent {
|
|
|
2264
2264
|
const base = `${scale[tag]} ${layout}`.trim();
|
|
2265
2265
|
return extra ? `${base} ${extra}`.trim() : base;
|
|
2266
2266
|
}, ...(ngDevMode ? [{ debugName: "headingClasses" }] : /* istanbul ignore next */ []));
|
|
2267
|
+
iconSize = computed(() => {
|
|
2268
|
+
const tag = this.titleTag();
|
|
2269
|
+
const size = {
|
|
2270
|
+
h1: 32,
|
|
2271
|
+
h2: 24,
|
|
2272
|
+
h3: 20,
|
|
2273
|
+
h4: 18,
|
|
2274
|
+
h5: 16,
|
|
2275
|
+
h6: 14
|
|
2276
|
+
};
|
|
2277
|
+
return size[tag];
|
|
2278
|
+
}, ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
|
|
2267
2279
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindTitle, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2268
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindTitle, isStandalone: true, selector: "tailwind-title", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, titleTag: { classPropertyName: "titleTag", publicName: "titleTag", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@switch (titleTag()) {\r\n @case ('h1') {\r\n <h1 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h5>\r\n }\r\n @case ('h6') {\r\n <h6 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h6>\r\n }\r\n}\r\n\r\n<ng-template #titleBody>\r\n @if (icon()) {\r\n <tailwind-icon [icon]=\"icon()!\" [size]=\"
|
|
2280
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindTitle, isStandalone: true, selector: "tailwind-title", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, titleTag: { classPropertyName: "titleTag", publicName: "titleTag", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@switch (titleTag()) {\r\n @case ('h1') {\r\n <h1 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h5>\r\n }\r\n @case ('h6') {\r\n <h6 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h6>\r\n }\r\n}\r\n\r\n<ng-template #titleBody>\r\n @if (icon()) {\r\n <tailwind-icon [icon]=\"icon()!\" [size]=\"iconSize()\" />\r\n }\r\n <span class=\"min-w-0\">{{ text() }}</span>\r\n</ng-template>\r\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TailwindIcon, selector: "tailwind-icon", inputs: ["icon", "size"] }] });
|
|
2269
2281
|
}
|
|
2270
2282
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindTitle, decorators: [{
|
|
2271
2283
|
type: Component,
|
|
2272
|
-
args: [{ selector: 'tailwind-title', imports: [NgTemplateOutlet, TailwindIcon], template: "@switch (titleTag()) {\r\n @case ('h1') {\r\n <h1 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h5>\r\n }\r\n @case ('h6') {\r\n <h6 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h6>\r\n }\r\n}\r\n\r\n<ng-template #titleBody>\r\n @if (icon()) {\r\n <tailwind-icon [icon]=\"icon()!\" [size]=\"
|
|
2284
|
+
args: [{ selector: 'tailwind-title', imports: [NgTemplateOutlet, TailwindIcon], template: "@switch (titleTag()) {\r\n @case ('h1') {\r\n <h1 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h1>\r\n }\r\n @case ('h2') {\r\n <h2 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h2>\r\n }\r\n @case ('h3') {\r\n <h3 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h3>\r\n }\r\n @case ('h4') {\r\n <h4 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h4>\r\n }\r\n @case ('h5') {\r\n <h5 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h5>\r\n }\r\n @case ('h6') {\r\n <h6 [class]=\"headingClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n </h6>\r\n }\r\n}\r\n\r\n<ng-template #titleBody>\r\n @if (icon()) {\r\n <tailwind-icon [icon]=\"icon()!\" [size]=\"iconSize()\" />\r\n }\r\n <span class=\"min-w-0\">{{ text() }}</span>\r\n</ng-template>\r\n", styles: [":host{display:contents}\n"] }]
|
|
2273
2285
|
}], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], titleTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleTag", required: false }] }] } });
|
|
2274
2286
|
|
|
2275
2287
|
class TailwindCard extends TailwindComponent {
|