nath-angular-ui 0.8.1 → 0.8.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.
|
@@ -422,8 +422,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
422
422
|
}] });
|
|
423
423
|
|
|
424
424
|
class NathCard {
|
|
425
|
-
|
|
426
|
-
...(ngDevMode ? [{ debugName: "
|
|
425
|
+
cardTitle = input('', /* @ts-ignore */
|
|
426
|
+
...(ngDevMode ? [{ debugName: "cardTitle" }] : /* istanbul ignore next */ []));
|
|
427
|
+
cardSubtitle = input('', /* @ts-ignore */
|
|
428
|
+
...(ngDevMode ? [{ debugName: "cardSubtitle" }] : /* istanbul ignore next */ []));
|
|
427
429
|
titleTpl = contentChild(NathCardTitleDirective, /* @ts-ignore */
|
|
428
430
|
...(ngDevMode ? [{ debugName: "titleTpl" }] : /* istanbul ignore next */ []));
|
|
429
431
|
headerTpl = contentChild(NathCardHeaderDirective, /* @ts-ignore */
|
|
@@ -431,12 +433,12 @@ class NathCard {
|
|
|
431
433
|
footerTpl = contentChild(NathCardFooterDirective, /* @ts-ignore */
|
|
432
434
|
...(ngDevMode ? [{ debugName: "footerTpl" }] : /* istanbul ignore next */ []));
|
|
433
435
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
434
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathCard, isStandalone: true, selector: "nath-card", inputs: {
|
|
436
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathCard, isStandalone: true, selector: "nath-card", inputs: { cardTitle: { classPropertyName: "cardTitle", publicName: "cardTitle", isSignal: true, isRequired: false, transformFunction: null }, cardSubtitle: { classPropertyName: "cardSubtitle", publicName: "cardSubtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTpl", first: true, predicate: NathCardTitleDirective, descendants: true, isSignal: true }, { propertyName: "headerTpl", first: true, predicate: NathCardHeaderDirective, descendants: true, isSignal: true }, { propertyName: "footerTpl", first: true, predicate: NathCardFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (cardTitle() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (cardTitle()) {\n {{ cardTitle() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n @if (cardSubtitle()) {\n <div class=\"nath-card-subtitle\">\n {{ cardSubtitle() }}\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;--nath-card-subtitle-color: var(--color-gray-600, oklch(37.1% .008 285.539));--nath-card-subtitle-font-size: 1rem;--nath-card-subtitle-font-weight: normal;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338));--nath-card-subtitle-color: var(--color-gray-400, oklch(.572 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-subtitle{color:var(--nath-card-subtitle-color);font-size:var(--nath-card-subtitle-font-size);font-weight:var(--nath-card-subtitle-font-weight)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
435
437
|
}
|
|
436
438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathCard, decorators: [{
|
|
437
439
|
type: Component,
|
|
438
|
-
args: [{ selector: 'nath-card', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (
|
|
439
|
-
}], propDecorators: {
|
|
440
|
+
args: [{ selector: 'nath-card', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (cardTitle() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (cardTitle()) {\n {{ cardTitle() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n @if (cardSubtitle()) {\n <div class=\"nath-card-subtitle\">\n {{ cardSubtitle() }}\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;--nath-card-subtitle-color: var(--color-gray-600, oklch(37.1% .008 285.539));--nath-card-subtitle-font-size: 1rem;--nath-card-subtitle-font-weight: normal;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338));--nath-card-subtitle-color: var(--color-gray-400, oklch(.572 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-subtitle{color:var(--nath-card-subtitle-color);font-size:var(--nath-card-subtitle-font-size);font-weight:var(--nath-card-subtitle-font-weight)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"] }]
|
|
441
|
+
}], propDecorators: { cardTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardTitle", required: false }] }], cardSubtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardSubtitle", required: false }] }], titleTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardTitleDirective), { isSignal: true }] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardHeaderDirective), { isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardFooterDirective), { isSignal: true }] }] } });
|
|
440
442
|
|
|
441
443
|
class CodeFileTabNamePipe {
|
|
442
444
|
transform(value, showFullPath) {
|