@ngstarter-ui/components 21.0.46 → 21.0.47
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/ai/component-registry.json +12 -1
- package/fesm2022/ngstarter-ui-components-card.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-form-builder.mjs +977 -284
- package/fesm2022/ngstarter-ui-components-form-builder.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_common.scss +1 -0
- package/types/ngstarter-ui-components-form-builder.d.ts +43 -12
|
@@ -1311,8 +1311,8 @@
|
|
|
1311
1311
|
"--ngs-card-title-font-weight",
|
|
1312
1312
|
"--ngs-card-title-letter-spacing",
|
|
1313
1313
|
"--ngs-card-title-line-height",
|
|
1314
|
+
"--ngs-color-border",
|
|
1314
1315
|
"--ngs-color-on-surface",
|
|
1315
|
-
"--ngs-color-subtle",
|
|
1316
1316
|
"--ngs-color-surface-container",
|
|
1317
1317
|
"--ngs-radius-xl",
|
|
1318
1318
|
"--ngs-shadow-sm"
|
|
@@ -4419,9 +4419,15 @@
|
|
|
4419
4419
|
"createDefaultFormBuilderSchema",
|
|
4420
4420
|
"DEFAULT_FORM_BUILDER_FIELDS",
|
|
4421
4421
|
"DEFAULT_FORM_BUILDER_ITEMS",
|
|
4422
|
+
"FORM_BUILDER_FIELD_BASE_SETTINGS_SCHEMA",
|
|
4422
4423
|
"FORM_BUILDER_FIELDS",
|
|
4424
|
+
"FORM_BUILDER_INPUT_FIELD_BASE_SETTINGS_SCHEMA",
|
|
4423
4425
|
"FORM_BUILDER_ITEMS",
|
|
4426
|
+
"FORM_BUILDER_LAYOUT_BASE_SETTINGS_SCHEMA",
|
|
4427
|
+
"FORM_BUILDER_LAYOUT_CONTAINER_BASE_SETTINGS_SCHEMA",
|
|
4428
|
+
"FORM_BUILDER_SECTION_BASE_SETTINGS_SCHEMA",
|
|
4424
4429
|
"FORM_BUILDER_SETTINGS",
|
|
4430
|
+
"FORM_BUILDER_STATIC_BASE_SETTINGS_SCHEMA",
|
|
4425
4431
|
"FORM_BUILDER_UPLOAD_CALLBACK",
|
|
4426
4432
|
"FormBuilder",
|
|
4427
4433
|
"FormBuilderComponentImporter",
|
|
@@ -4443,14 +4449,19 @@
|
|
|
4443
4449
|
"FormBuilderSection",
|
|
4444
4450
|
"FormBuilderSectionSettingsContext",
|
|
4445
4451
|
"formBuilderSettings",
|
|
4452
|
+
"FormBuilderSettingsConfig",
|
|
4446
4453
|
"FormBuilderSettingsContext",
|
|
4447
4454
|
"FormBuilderSettingsDefinition",
|
|
4448
4455
|
"FormBuilderSettingsHost",
|
|
4456
|
+
"FormBuilderSettingsInheritance",
|
|
4457
|
+
"FormBuilderSettingsSchemaFactory",
|
|
4449
4458
|
"FormBuilderUploadCallback",
|
|
4450
4459
|
"FormBuilderUploadContext",
|
|
4451
4460
|
"FormBuilderValidationRule",
|
|
4452
4461
|
"FormBuilderVisibility",
|
|
4453
4462
|
"provideFormBuilder",
|
|
4463
|
+
"provideFormBuilderField",
|
|
4464
|
+
"provideFormBuilderFields",
|
|
4454
4465
|
"validatorsFromRules"
|
|
4455
4466
|
],
|
|
4456
4467
|
"inputs": [
|
|
@@ -27,7 +27,7 @@ class Card {
|
|
|
27
27
|
return !!this._footer();
|
|
28
28
|
}
|
|
29
29
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Card, isStandalone: true, selector: "ngs-card", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ngs-card-outlined": "appearance() === \"outlined\"", "class.ngs-card-filled": "appearance() === \"filled\"", "class.ngs-card-raised": "appearance() === \"raised\"" }, classAttribute: "ngs-card not-prose" }, queries: [{ propertyName: "_footer", first: true, predicate: CardFooter, descendants: true, isSignal: true }], exportAs: ["ngsCard"], ngImport: i0, template: "<ng-content/>\n@if (hasFooter) {\n <ng-content select=\"ngs-card-footer\"/>\n}\n", styles: [":host{--ngs-card-bg: var(--ngs-color-surface-container);--ngs-card-color: var(--ngs-color-on-surface);--ngs-card-radius: var(--ngs-radius-xl);--ngs-card-border-color: var(--ngs-color-
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Card, isStandalone: true, selector: "ngs-card", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ngs-card-outlined": "appearance() === \"outlined\"", "class.ngs-card-filled": "appearance() === \"filled\"", "class.ngs-card-raised": "appearance() === \"raised\"" }, classAttribute: "ngs-card not-prose" }, queries: [{ propertyName: "_footer", first: true, predicate: CardFooter, descendants: true, isSignal: true }], exportAs: ["ngsCard"], ngImport: i0, template: "<ng-content/>\n@if (hasFooter) {\n <ng-content select=\"ngs-card-footer\"/>\n}\n", styles: [":host{--ngs-card-bg: var(--ngs-color-surface-container);--ngs-card-color: var(--ngs-color-on-surface);--ngs-card-radius: var(--ngs-radius-xl);--ngs-card-border-color: var(--ngs-color-border);--ngs-card-shadow: none;--ngs-card-padding: calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-radius:var(--ngs-card-radius);background:var(--ngs-card-bg);color:var(--ngs-card-color);box-shadow:var(--ngs-card-shadow);border-width:0;border-style:solid;border-color:var(--ngs-card-border-color)}:host(.ngs-card-outlined){--ngs-card-shadow: none;--ngs-card-bg: transparent;border-width:1px}:host(.ngs-card-raised){--ngs-card-shadow: var(--ngs-shadow-sm);--ngs-card-bg: var(--ngs-color-surface-container)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Card, decorators: [{
|
|
33
33
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
36
36
|
'[class.ngs-card-outlined]': 'appearance() === "outlined"',
|
|
37
37
|
'[class.ngs-card-filled]': 'appearance() === "filled"',
|
|
38
38
|
'[class.ngs-card-raised]': 'appearance() === "raised"',
|
|
39
|
-
}, template: "<ng-content/>\n@if (hasFooter) {\n <ng-content select=\"ngs-card-footer\"/>\n}\n", styles: [":host{--ngs-card-bg: var(--ngs-color-surface-container);--ngs-card-color: var(--ngs-color-on-surface);--ngs-card-radius: var(--ngs-radius-xl);--ngs-card-border-color: var(--ngs-color-
|
|
39
|
+
}, template: "<ng-content/>\n@if (hasFooter) {\n <ng-content select=\"ngs-card-footer\"/>\n}\n", styles: [":host{--ngs-card-bg: var(--ngs-color-surface-container);--ngs-card-color: var(--ngs-color-on-surface);--ngs-card-radius: var(--ngs-radius-xl);--ngs-card-border-color: var(--ngs-color-border);--ngs-card-shadow: none;--ngs-card-padding: calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-radius:var(--ngs-card-radius);background:var(--ngs-card-bg);color:var(--ngs-card-color);box-shadow:var(--ngs-card-shadow);border-width:0;border-style:solid;border-color:var(--ngs-card-border-color)}:host(.ngs-card-outlined){--ngs-card-shadow: none;--ngs-card-bg: transparent;border-width:1px}:host(.ngs-card-raised){--ngs-card-shadow: var(--ngs-shadow-sm);--ngs-card-bg: var(--ngs-color-surface-container)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
40
40
|
}], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], _footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CardFooter), { isSignal: true }] }] } });
|
|
41
41
|
|
|
42
42
|
class CardHeader {
|