nath-angular-ui 0.8.1 → 0.8.3
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) {
|
|
@@ -1162,7 +1164,7 @@ class NathFloatingLabel {
|
|
|
1162
1164
|
<span class="nath-floating-label-required-star">*</span>
|
|
1163
1165
|
}
|
|
1164
1166
|
</label>
|
|
1165
|
-
`, isInline: true, styles: ["nath-floating-label,.nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-500, oklch(55.2% .016 285.938));--nath-floating-label-required: var(--color-red-500, oklch(63.7% .237 25.331));--nath-floating-label-font-size: .75rem;--nath-floating-label-top: .125rem;--nath-floating-label-left: .75rem;--nath-floating-label-padding: .
|
|
1167
|
+
`, isInline: true, styles: ["nath-floating-label,.nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-500, oklch(55.2% .016 285.938));--nath-floating-label-required: var(--color-red-500, oklch(63.7% .237 25.331));--nath-floating-label-font-size: .75rem;--nath-floating-label-top: .125rem;--nath-floating-label-left: .75rem;--nath-floating-label-padding: 1.25rem .75rem .25rem;--nath-floating-label-width: 100%}.dark nath-floating-label,.dark .nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}nath-floating-label{display:block;position:relative;padding:var(--nath-floating-label-padding);width:var(--nath-floating-label-width)}.nath-floating-label-text{position:absolute;top:var(--nath-floating-label-top);left:var(--nath-floating-label-left);font-size:var(--nath-floating-label-font-size);line-height:1rem;color:var(--nath-floating-label-color);transition:color .15s ease-in-out,top .15s ease-in-out;pointer-events:none}.nath-floating-label-required-star{color:var(--nath-floating-label-required);margin-left:.25rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
1166
1168
|
}
|
|
1167
1169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathFloatingLabel, decorators: [{
|
|
1168
1170
|
type: Component,
|
|
@@ -1178,7 +1180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1178
1180
|
</label>
|
|
1179
1181
|
`, encapsulation: ViewEncapsulation.None, host: {
|
|
1180
1182
|
class: 'nath-floating-label-theme input',
|
|
1181
|
-
}, styles: ["nath-floating-label,.nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-500, oklch(55.2% .016 285.938));--nath-floating-label-required: var(--color-red-500, oklch(63.7% .237 25.331));--nath-floating-label-font-size: .75rem;--nath-floating-label-top: .125rem;--nath-floating-label-left: .75rem;--nath-floating-label-padding: .
|
|
1183
|
+
}, styles: ["nath-floating-label,.nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-500, oklch(55.2% .016 285.938));--nath-floating-label-required: var(--color-red-500, oklch(63.7% .237 25.331));--nath-floating-label-font-size: .75rem;--nath-floating-label-top: .125rem;--nath-floating-label-left: .75rem;--nath-floating-label-padding: 1.25rem .75rem .25rem;--nath-floating-label-width: 100%}.dark nath-floating-label,.dark .nath-floating-label-theme{--nath-floating-label-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}nath-floating-label{display:block;position:relative;padding:var(--nath-floating-label-padding);width:var(--nath-floating-label-width)}.nath-floating-label-text{position:absolute;top:var(--nath-floating-label-top);left:var(--nath-floating-label-left);font-size:var(--nath-floating-label-font-size);line-height:1rem;color:var(--nath-floating-label-color);transition:color .15s ease-in-out,top .15s ease-in-out;pointer-events:none}.nath-floating-label-required-star{color:var(--nath-floating-label-required);margin-left:.25rem}\n"] }]
|
|
1182
1184
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: true }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], signalField: [{ type: i0.Input, args: [{ isSignal: true, alias: "signalField", required: false }] }] } });
|
|
1183
1185
|
|
|
1184
1186
|
class NathShowErrors {
|