@genesislcap/foundation-forms 14.451.2-FUI-2550.4 → 14.451.2-FUI-2550.8
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/dist/custom-elements.json +36 -15
- package/dist/dts/form.d.ts +1 -8
- package/dist/dts/form.d.ts.map +1 -1
- package/dist/dts/form.template.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts +2 -0
- package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/ControlWrapperRenderer.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/LayoutGroupRenderer.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/VerticalCategorizationWrapperRenderer.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/dispatch-renderer.d.ts +0 -1
- package/dist/dts/jsonforms/renderers/dispatch-renderer.d.ts.map +1 -1
- package/dist/dts/types.d.ts +10 -0
- package/dist/dts/types.d.ts.map +1 -1
- package/dist/esm/form.js +1 -7
- package/dist/esm/form.styles.js +12 -12
- package/dist/esm/form.template.js +0 -1
- package/dist/esm/jsonforms/renderers/CategorizationWrapperRenderer.js +12 -4
- package/dist/esm/jsonforms/renderers/ControlWrapperRenderer.js +3 -8
- package/dist/esm/jsonforms/renderers/LayoutFormGridRenderer.js +1 -1
- package/dist/esm/jsonforms/renderers/LayoutGroupRenderer.js +2 -6
- package/dist/esm/jsonforms/renderers/LayoutHorizontalRenderer.js +1 -1
- package/dist/esm/jsonforms/renderers/LayoutRenderer.js +2 -2
- package/dist/esm/jsonforms/renderers/LayoutVertical2ColumnsRenderer.js +2 -2
- package/dist/esm/jsonforms/renderers/VerticalCategorizationWrapperRenderer.js +27 -11
- package/dist/esm/jsonforms/renderers/dispatch-renderer.js +0 -14
- package/dist/foundation-forms.api.json +27 -0
- package/dist/foundation-forms.d.ts +11 -9
- package/package.json +15 -15
|
@@ -2236,6 +2236,29 @@
|
|
|
2236
2236
|
"kind": "javascript-module",
|
|
2237
2237
|
"path": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts",
|
|
2238
2238
|
"declarations": [
|
|
2239
|
+
{
|
|
2240
|
+
"kind": "function",
|
|
2241
|
+
"name": "computeCategoryClassName",
|
|
2242
|
+
"return": {
|
|
2243
|
+
"type": {
|
|
2244
|
+
"text": "string"
|
|
2245
|
+
}
|
|
2246
|
+
},
|
|
2247
|
+
"parameters": [
|
|
2248
|
+
{
|
|
2249
|
+
"name": "category",
|
|
2250
|
+
"type": {
|
|
2251
|
+
"text": "UiSchemaElement"
|
|
2252
|
+
}
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"name": "data",
|
|
2256
|
+
"type": {
|
|
2257
|
+
"text": "any"
|
|
2258
|
+
}
|
|
2259
|
+
}
|
|
2260
|
+
]
|
|
2261
|
+
},
|
|
2239
2262
|
{
|
|
2240
2263
|
"kind": "variable",
|
|
2241
2264
|
"name": "tabControlIconStyles",
|
|
@@ -2328,6 +2351,14 @@
|
|
|
2328
2351
|
}
|
|
2329
2352
|
],
|
|
2330
2353
|
"exports": [
|
|
2354
|
+
{
|
|
2355
|
+
"kind": "js",
|
|
2356
|
+
"name": "computeCategoryClassName",
|
|
2357
|
+
"declaration": {
|
|
2358
|
+
"name": "computeCategoryClassName",
|
|
2359
|
+
"module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
|
|
2360
|
+
}
|
|
2361
|
+
},
|
|
2331
2362
|
{
|
|
2332
2363
|
"kind": "js",
|
|
2333
2364
|
"name": "tabControlIconStyles",
|
|
@@ -3050,7 +3081,7 @@
|
|
|
3050
3081
|
{
|
|
3051
3082
|
"kind": "variable",
|
|
3052
3083
|
"name": "LayoutFormGridRendererTemplate",
|
|
3053
|
-
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-form-grid-layout\"
|
|
3084
|
+
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-form-grid-layout\">\n ${repeat(\n (x) => x.control.uischema.elements,\n html`\n <dispatch-renderer\n :submitted=${(x, ctx) => ctx.parent.submitted}\n :dispatch=${(x, ctx) => ctx.parent.dispatch}\n :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n :prefix=${(x, ctx) => ctx.parent.prefix}\n :props=${(x, ctx) => ({\n uischema: x,\n schema: ctx.parent.control.schema,\n renderers: ctx.parent.control.renderers,\n path: ctx.parent.control.path,\n enabled: ctx.parent.control.enabled,\n })}\n ></dispatch-renderer>\n `,\n )}\n </div>\n `,\n })}\n </template>\n`"
|
|
3054
3085
|
},
|
|
3055
3086
|
{
|
|
3056
3087
|
"kind": "variable",
|
|
@@ -3087,7 +3118,7 @@
|
|
|
3087
3118
|
{
|
|
3088
3119
|
"kind": "variable",
|
|
3089
3120
|
"name": "LayoutGroupRendererTemplate",
|
|
3090
|
-
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n hideLabel: true,\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-group-layout\"
|
|
3121
|
+
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n hideLabel: true,\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-group-layout\">\n ${when(\n (x) => x.control.label,\n html<DispatchRenderer>`\n <div for=\"${(x) => x.control.path + '-wrapper'}\" class=\"fl-group-label\">\n ${(x) => x.control.label}\n </div>\n `,\n )}\n ${repeat(\n (x) => x.control.uischema.options.childElements,\n html`\n <dispatch-renderer\n :submitted=${(x, ctx) => ctx.parent.submitted}\n :dispatch=${(x, ctx) => ctx.parent.dispatch}\n :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n :prefix=${(x, ctx) => ctx.parent.prefix}\n :props=${(x, ctx) => ({\n uischema: x,\n schema: ctx.parent.control.schema,\n renderers: ctx.parent.control.renderers,\n path: ctx.parent.control.path,\n enabled: ctx.parent.control.enabled,\n })}\n ></dispatch-renderer>\n `,\n )}\n </div>\n `,\n })}\n </template>\n`"
|
|
3091
3122
|
},
|
|
3092
3123
|
{
|
|
3093
3124
|
"kind": "variable",
|
|
@@ -3124,7 +3155,7 @@
|
|
|
3124
3155
|
{
|
|
3125
3156
|
"kind": "variable",
|
|
3126
3157
|
"name": "LayoutHorizontalRendererTemplate",
|
|
3127
|
-
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-horizontal-layout\"
|
|
3158
|
+
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-horizontal-layout\">\n ${repeat(\n (x) => x.control.uischema.elements,\n html`\n <dispatch-renderer\n class=\"fl-horizontal-layout-item\"\n :submitted=${(x, ctx) => ctx.parent.submitted}\n :dispatch=${(x, ctx) => ctx.parent.dispatch}\n :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n :prefix=${(x, ctx) => ctx.parent.prefix}\n :props=${(x, ctx) => ({\n uischema: x,\n schema: ctx.parent.control.schema,\n renderers: ctx.parent.control.renderers,\n path: ctx.parent.control.path,\n enabled: ctx.parent.control.enabled,\n })}\n ></dispatch-renderer>\n `,\n )}\n </div>\n `,\n })}\n </template>\n`"
|
|
3128
3159
|
},
|
|
3129
3160
|
{
|
|
3130
3161
|
"kind": "variable",
|
|
@@ -3180,7 +3211,7 @@
|
|
|
3180
3211
|
{
|
|
3181
3212
|
"kind": "variable",
|
|
3182
3213
|
"name": "LayoutRendererTemplate",
|
|
3183
|
-
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-vertical-layout\"
|
|
3214
|
+
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-vertical-layout\">\n ${repeat(\n (x) => x.control.uischema.elements,\n html`\n <dispatch-renderer\n :submitted=${(x, ctx) => ctx.parent.submitted}\n :dispatch=${(x, ctx) => ctx.parent.dispatch}\n :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n :prefix=${(x, ctx) => ctx.parent.prefix}\n :props=${(x, ctx) => ({\n uischema: x,\n schema: ctx.parent.control.schema,\n renderers: ctx.parent.control.renderers,\n path: ctx.parent.control.path,\n enabled: ctx.parent.control.enabled,\n })}\n ></dispatch-renderer>\n `,\n )}\n </div>\n `,\n })}\n </template>\n`"
|
|
3184
3215
|
},
|
|
3185
3216
|
{
|
|
3186
3217
|
"kind": "variable",
|
|
@@ -3314,7 +3345,7 @@
|
|
|
3314
3345
|
{
|
|
3315
3346
|
"kind": "variable",
|
|
3316
3347
|
"name": "LayoutVertical2ColumnsRendererTemplate",
|
|
3317
|
-
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-2-column-layout\"
|
|
3348
|
+
"default": "html<DispatchRenderer>`\n <template>\n ${layoutWrapperTemplate({\n innerTemplate: html<DispatchRenderer>`\n <div class=\"fl-2-column-layout\">\n ${repeat(\n (x) => x.control.uischema.elements,\n html`\n <div class=\"fl-2-column-item\">\n <dispatch-renderer\n :submitted=${(x, ctx) => ctx.parent.submitted}\n :dispatch=${(x, ctx) => ctx.parent.dispatch}\n :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n :prefix=${(x, ctx) => ctx.parent.prefix}\n :props=${(x, ctx) => ({\n uischema: x,\n schema: ctx.parent.control.schema,\n renderers: ctx.parent.control.renderers,\n path: ctx.parent.control.path,\n enabled: ctx.parent.control.enabled,\n })}\n ></dispatch-renderer>\n </div>\n `,\n )}\n </div>\n `,\n })}\n </template>\n`"
|
|
3318
3349
|
},
|
|
3319
3350
|
{
|
|
3320
3351
|
"kind": "variable",
|
|
@@ -4401,16 +4432,6 @@
|
|
|
4401
4432
|
}
|
|
4402
4433
|
}
|
|
4403
4434
|
},
|
|
4404
|
-
{
|
|
4405
|
-
"kind": "method",
|
|
4406
|
-
"name": "computeHostPart",
|
|
4407
|
-
"privacy": "private",
|
|
4408
|
-
"return": {
|
|
4409
|
-
"type": {
|
|
4410
|
-
"text": "string"
|
|
4411
|
-
}
|
|
4412
|
-
}
|
|
4413
|
-
},
|
|
4414
4435
|
{
|
|
4415
4436
|
"kind": "method",
|
|
4416
4437
|
"name": "updateHostAttributes",
|
package/dist/dts/form.d.ts
CHANGED
|
@@ -352,10 +352,7 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
352
352
|
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
353
353
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
354
354
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
355
|
-
ontouchmove
|
|
356
|
-
* Builds the commit payload for the form submission.
|
|
357
|
-
* @internal
|
|
358
|
-
*/: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
355
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
359
356
|
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
360
357
|
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
361
358
|
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
@@ -658,10 +655,6 @@ export declare class Form extends Form_base {
|
|
|
658
655
|
* @internal
|
|
659
656
|
*/
|
|
660
657
|
onChange(event: CustomEvent): void;
|
|
661
|
-
/**
|
|
662
|
-
* @internal
|
|
663
|
-
*/
|
|
664
|
-
connectedCallback(): void;
|
|
665
658
|
/**
|
|
666
659
|
* @internal
|
|
667
660
|
*/
|
package/dist/dts/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAyB1C,OAAO,EAAE,aAAa,EAAmC,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAyBlG;;;GAGG;AACH,eAAO,MAAM,SAAS,OAwBrB,CAAC;;;;;;;kBA7CC,CAAC;;;;;;;;8BAoDmC,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBnC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,
|
|
1
|
+
{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBnC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DAiHrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { UiSchemaElement } from '../../types';
|
|
3
|
+
export declare function computeCategoryClassName(category: UiSchemaElement, data: any): string;
|
|
2
4
|
export declare const tabControlIconStyles: import("@microsoft/fast-element").ElementStyles;
|
|
3
5
|
export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<CategorizationWrapper, any>;
|
|
4
6
|
export declare class CategorizationWrapper extends FASTElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAA2C,eAAe,EAAE,MAAM,aAAa,CAAC;AAEvF,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,CAMrF;AAED,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EAsDhB,CAAC;AAkBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAgB;IAEpD,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK;IAO5B,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;CAQjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,oDA0D3D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,oDA0D3D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iDAA6C,CAAC;AAE/E,UAAU,qBAAqB;IAC7B;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC9C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,qBAAqB,KAC7B,YAAY,CAAC,gBAAgB,CA2D/B,CAAC;AAmCF,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,wBAoD1C,CAAC;AAoEF;;;;GAIG;AACH,qBAKa,cAAe,SAAQ,WAAW;IACjC,OAAO,MAAC;IACR,SAAS,MAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACuB,SAAS,EAAE,OAAO,CAAS;IACzE,MAAM,EAAE,MAAM,CAAC;IAEZ,iBAAiB;IAQ1B,IACI,eAAe,YAOlB;IAED,IACI,aAAa,WAOhB;IAED,IACI,kBAAkB,2BAGrB;IAED,IACI,UAAU,WAOb;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutGroupRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutGroupRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"LayoutGroupRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutGroupRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,2BAA2B,uEAoCvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,iCAAiC,CAAC;AAElG,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFAwEhB,CAAC;AAmEF,qBAQa,6BAA8B,SAAQ,qBAAqB;IAChE,MAAM,EAAE,MAAM,CAAM;IAE1B,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAMjD,iBAAiB;CAIlB"}
|
|
@@ -19,7 +19,6 @@ export declare class DispatchRenderer extends FASTElement {
|
|
|
19
19
|
get determinedRenderer(): any;
|
|
20
20
|
depth: number;
|
|
21
21
|
private computeHostClass;
|
|
22
|
-
private computeHostPart;
|
|
23
22
|
private updateHostAttributes;
|
|
24
23
|
connectedCallback(): void;
|
|
25
24
|
disconnectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAsBjC,qBAMa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAIA,OAAO,MAAC;IAEpB,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,SAAS,IAAI,OAAO,CAGvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAI3B;IAED,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,MAAC;IACnB,aAAa;IAIb,cAAc,aAmBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,QAgBrB;IAED,KAAK,EAAE,MAAM,CAAK;IAElB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAsBjC,qBAMa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAIA,OAAO,MAAC;IAEpB,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,SAAS,IAAI,OAAO,CAGvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAI3B;IAED,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,MAAC;IACnB,aAAa;IAIb,cAAc,aAmBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,QAgBrB;IAED,KAAK,EAAE,MAAM,CAAK;IAElB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,oBAAoB;IAM5B,iBAAiB;IAYjB,oBAAoB;CAKrB"}
|
package/dist/dts/types.d.ts
CHANGED
|
@@ -541,6 +541,16 @@ export interface StandardRendererOptions {
|
|
|
541
541
|
* @public
|
|
542
542
|
*/
|
|
543
543
|
useNumberControl?: boolean;
|
|
544
|
+
/**
|
|
545
|
+
* CSS class name(s) to apply to the element's rendered root.
|
|
546
|
+
* - On a control, applied to its wrapper root element.
|
|
547
|
+
* - On a categorization `Category`, applied to its tab header.
|
|
548
|
+
*
|
|
549
|
+
* Either a static string, or a function that receives the entire form data
|
|
550
|
+
* and returns the class name(s) to apply.
|
|
551
|
+
* @public
|
|
552
|
+
*/
|
|
553
|
+
className?: string | ((data: any) => string);
|
|
544
554
|
}
|
|
545
555
|
/**
|
|
546
556
|
* Configuration options for the segmented control renderer.
|
package/dist/dts/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/form.js
CHANGED
|
@@ -571,13 +571,6 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
|
|
|
571
571
|
this.$emit('data-change', event.detail);
|
|
572
572
|
}
|
|
573
573
|
}
|
|
574
|
-
/**
|
|
575
|
-
* @internal
|
|
576
|
-
*/
|
|
577
|
-
connectedCallback() {
|
|
578
|
-
super.connectedCallback();
|
|
579
|
-
this.setAttribute('part', 'foundation-form');
|
|
580
|
-
}
|
|
581
574
|
/**
|
|
582
575
|
* @internal
|
|
583
576
|
*/
|
|
@@ -858,6 +851,7 @@ Form = __decorate([
|
|
|
858
851
|
name: 'foundation-form',
|
|
859
852
|
template,
|
|
860
853
|
styles,
|
|
854
|
+
shadowOptions: null,
|
|
861
855
|
})
|
|
862
856
|
], Form);
|
|
863
857
|
export { Form };
|
package/dist/esm/form.styles.js
CHANGED
|
@@ -14,7 +14,7 @@ export const comboboxRendererStyles = (prefix = 'zero') => `
|
|
|
14
14
|
export const foundationFormStyles = css `
|
|
15
15
|
${controlWrapperStyles}
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
foundation-form {
|
|
18
18
|
border: calc(${strokeWidth} * 1px) solid transparent;
|
|
19
19
|
margin: 0;
|
|
20
20
|
border-radius: calc(${controlCornerRadius} * 1px);
|
|
@@ -28,7 +28,7 @@ export const foundationFormStyles = css `
|
|
|
28
28
|
box-sizing: border-box;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.actions {
|
|
31
|
+
foundation-form .actions {
|
|
32
32
|
display: flex;
|
|
33
33
|
flex-direction: row;
|
|
34
34
|
align-items: flex-end;
|
|
@@ -37,22 +37,22 @@ export const foundationFormStyles = css `
|
|
|
37
37
|
gap: 10px;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.approval-message-actions {
|
|
40
|
+
foundation-form .approval-message-actions {
|
|
41
41
|
display: flex;
|
|
42
42
|
justify-content: flex-end;
|
|
43
43
|
gap: calc(${designUnit} * 2px);
|
|
44
44
|
margin-top: calc(${designUnit} * 2px);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.submit-button {
|
|
47
|
+
foundation-form .submit-button {
|
|
48
48
|
margin: 0;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.reset-button {
|
|
51
|
+
foundation-form .reset-button {
|
|
52
52
|
margin-right: auto;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.csv-upload-section {
|
|
55
|
+
foundation-form .csv-upload-section {
|
|
56
56
|
display: flex;
|
|
57
57
|
align-items: center;
|
|
58
58
|
gap: calc(${designUnit} * 3px);
|
|
@@ -60,13 +60,13 @@ export const foundationFormStyles = css `
|
|
|
60
60
|
margin-bottom: calc(${designUnit} * 2px);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.csv-file-input {
|
|
63
|
+
foundation-form .csv-file-input {
|
|
64
64
|
display: none;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
/* Card-like styling for CSV buttons - matches array item aesthetic */
|
|
68
|
-
.csv-template-button,
|
|
69
|
-
.csv-import-button {
|
|
68
|
+
foundation-form .csv-template-button,
|
|
69
|
+
foundation-form .csv-import-button {
|
|
70
70
|
display: flex;
|
|
71
71
|
align-items: center;
|
|
72
72
|
gap: calc(${designUnit} * 1px);
|
|
@@ -82,8 +82,8 @@ export const foundationFormStyles = css `
|
|
|
82
82
|
border-color 0.15s ease;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.csv-template-button:hover,
|
|
86
|
-
.csv-import-button:hover {
|
|
85
|
+
foundation-form .csv-template-button:hover,
|
|
86
|
+
foundation-form .csv-import-button:hover {
|
|
87
87
|
box-shadow:
|
|
88
88
|
0 2px 4px rgb(0 0 0 / 6%),
|
|
89
89
|
0 6px 12px rgb(0 0 0 / 8%);
|
|
@@ -137,7 +137,7 @@ export const foundationFormStyles = css `
|
|
|
137
137
|
justify-content: space-between;
|
|
138
138
|
}
|
|
139
139
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
140
|
-
|
|
140
|
+
foundation-form {
|
|
141
141
|
background: ${SystemColors.Canvas};
|
|
142
142
|
border-color: ${SystemColors.CanvasText};
|
|
143
143
|
}
|
|
@@ -40,7 +40,6 @@ export const getPrefixedForm = (prefix) => html `
|
|
|
40
40
|
</div>
|
|
41
41
|
`)}
|
|
42
42
|
<json-forms
|
|
43
|
-
part="json-forms"
|
|
44
43
|
@submit-button-clicked=${(x) => x._submit()}
|
|
45
44
|
@submit-part=${(x, c) => x.submitPart(c.event)}
|
|
46
45
|
@submit-single-row=${(x, c) => x.submitSingleRow(c.event.detail.index)}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { html, css, observable, customElement, FASTElement, repeat, when, } from '@microsoft/fast-element';
|
|
3
|
+
export function computeCategoryClassName(category, data) {
|
|
4
|
+
var _a, _b;
|
|
5
|
+
const className = (_a = category === null || category === void 0 ? void 0 : category.options) === null || _a === void 0 ? void 0 : _a.className;
|
|
6
|
+
if (typeof className === 'function') {
|
|
7
|
+
return (_b = className(data)) !== null && _b !== void 0 ? _b : '';
|
|
8
|
+
}
|
|
9
|
+
return className !== null && className !== void 0 ? className : '';
|
|
10
|
+
}
|
|
3
11
|
export const tabControlIconStyles = css `
|
|
4
12
|
.tab-control-icon {
|
|
5
13
|
margin-left: 3px;
|
|
@@ -8,17 +16,17 @@ export const tabControlIconStyles = css `
|
|
|
8
16
|
`;
|
|
9
17
|
export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
|
|
10
18
|
<template>
|
|
11
|
-
<${prefix}-tabs appearance="secondary" class="tabs-container"
|
|
19
|
+
<${prefix}-tabs appearance="secondary" class="tabs-container" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
|
|
12
20
|
${repeat((x) => x.control.uischema.elements, html `
|
|
13
|
-
<${prefix}-tab appearance="secondary" class="tab-control"
|
|
21
|
+
<${prefix}-tab appearance="secondary" class="tab-control">
|
|
14
22
|
${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
|
|
15
23
|
${when((x, ctx) => ctx.parent.hasCategoryError(ctx.index), html `
|
|
16
|
-
<${prefix}-icon class="tab-control-icon"
|
|
24
|
+
<${prefix}-icon class="tab-control-icon" name="circle-exclamation"></${prefix}-icon>
|
|
17
25
|
`)}
|
|
18
26
|
</${prefix}-tab>
|
|
19
27
|
`, { positioning: true })}
|
|
20
28
|
${repeat((x) => x.control.uischema.elements, html `
|
|
21
|
-
<${prefix}-tab-panel class="tab-panel-control"
|
|
29
|
+
<${prefix}-tab-panel class="tab-panel-control">
|
|
22
30
|
${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
|
|
23
31
|
${repeat((x) => x.options.childElements, html `
|
|
24
32
|
<dispatch-renderer
|
|
@@ -77,7 +77,7 @@ export const controlWrapperStylesFor = (hostSelector) => css `
|
|
|
77
77
|
*
|
|
78
78
|
* @internal
|
|
79
79
|
*/
|
|
80
|
-
export const controlWrapperStyles = controlWrapperStylesFor('
|
|
80
|
+
export const controlWrapperStyles = controlWrapperStylesFor('foundation-form');
|
|
81
81
|
/**
|
|
82
82
|
* Light-DOM-friendly control wrapper that replaces the former `<control-wrapper>`
|
|
83
83
|
* custom element. Renders label, error/description slots, and composes a provided
|
|
@@ -95,7 +95,6 @@ export const controlWrapperTemplate = (options) => {
|
|
|
95
95
|
var _a, _b, _c, _d;
|
|
96
96
|
return classNames(['foundation-control-wrapper-root', true], ['labelLeft', ((_d = (_c = (_b = (_a = x.jsonforms) === null || _a === void 0 ? void 0 : _a.core) === null || _b === void 0 ? void 0 : _b.uischema) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.labelPlacement) === 'left']);
|
|
97
97
|
}}
|
|
98
|
-
part="fl-control-root"
|
|
99
98
|
id=${(x) => x.control.path + '-wrapper'}
|
|
100
99
|
data-test-id=${(x) => x.control.path + '-wrapper'}
|
|
101
100
|
role="group"
|
|
@@ -106,9 +105,8 @@ export const controlWrapperTemplate = (options) => {
|
|
|
106
105
|
id="${(x) => x.control.path + '-label'}"
|
|
107
106
|
for="${(x) => x.control.path}"
|
|
108
107
|
class="${() => classNames('foundation-control-wrapper-label', ['visually-hidden', hideLabel])}"
|
|
109
|
-
part="fl-control-label"
|
|
110
108
|
>
|
|
111
|
-
<span
|
|
109
|
+
<span>
|
|
112
110
|
${(x) => computeControlLabel(x)}${when((x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tooltip; }, html `
|
|
113
111
|
<${prefix}-icon
|
|
114
112
|
tooltip="${(x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tooltip; }}"
|
|
@@ -119,14 +117,11 @@ export const controlWrapperTemplate = (options) => {
|
|
|
119
117
|
</label>
|
|
120
118
|
`)}
|
|
121
119
|
|
|
122
|
-
<div class="foundation-control-wrapper" part="wrapper
|
|
123
|
-
${innerTemplate}
|
|
124
|
-
</div>
|
|
120
|
+
<div class="foundation-control-wrapper" part="wrapper">${innerTemplate}</div>
|
|
125
121
|
<div
|
|
126
122
|
class="${(x) => (x.control.errors || computeAnyOfError(x)) && x.touched
|
|
127
123
|
? 'foundation-control-wrapper-error'
|
|
128
124
|
: 'foundation-control-wrapper-description'}"
|
|
129
|
-
part="fl-control-message"
|
|
130
125
|
>
|
|
131
126
|
${(x) => x.touched && (x.control.errors || computeAnyOfError(x))
|
|
132
127
|
? [x.control.errors, computeAnyOfError(x)].filter(Boolean).join(' ')
|
|
@@ -6,7 +6,7 @@ export const LayoutFormGridRendererTemplate = html `
|
|
|
6
6
|
<template>
|
|
7
7
|
${layoutWrapperTemplate({
|
|
8
8
|
innerTemplate: html `
|
|
9
|
-
<div class="fl-form-grid-layout"
|
|
9
|
+
<div class="fl-form-grid-layout">
|
|
10
10
|
${repeat((x) => x.control.uischema.elements, html `
|
|
11
11
|
<dispatch-renderer
|
|
12
12
|
:submitted=${(x, ctx) => ctx.parent.submitted}
|
|
@@ -7,13 +7,9 @@ export const LayoutGroupRendererTemplate = html `
|
|
|
7
7
|
${layoutWrapperTemplate({
|
|
8
8
|
hideLabel: true,
|
|
9
9
|
innerTemplate: html `
|
|
10
|
-
<div class="fl-group-layout"
|
|
10
|
+
<div class="fl-group-layout">
|
|
11
11
|
${when((x) => x.control.label, html `
|
|
12
|
-
<div
|
|
13
|
-
for="${(x) => x.control.path + '-wrapper'}"
|
|
14
|
-
class="fl-group-label"
|
|
15
|
-
part="fl-group-label"
|
|
16
|
-
>
|
|
12
|
+
<div for="${(x) => x.control.path + '-wrapper'}" class="fl-group-label">
|
|
17
13
|
${(x) => x.control.label}
|
|
18
14
|
</div>
|
|
19
15
|
`)}
|
|
@@ -6,7 +6,7 @@ export const LayoutHorizontalRendererTemplate = html `
|
|
|
6
6
|
<template>
|
|
7
7
|
${layoutWrapperTemplate({
|
|
8
8
|
innerTemplate: html `
|
|
9
|
-
<div class="fl-horizontal-layout"
|
|
9
|
+
<div class="fl-horizontal-layout">
|
|
10
10
|
${repeat((x) => x.control.uischema.elements, html `
|
|
11
11
|
<dispatch-renderer
|
|
12
12
|
class="fl-horizontal-layout-item"
|
|
@@ -15,7 +15,7 @@ export const layoutWrapperTemplate = (options) => {
|
|
|
15
15
|
const { innerTemplate, hideLabel = false } = options;
|
|
16
16
|
return html `
|
|
17
17
|
${when((x) => { var _a; return !!((_a = x.control) === null || _a === void 0 ? void 0 : _a.label) && !hideLabel; }, html `
|
|
18
|
-
<div class="fl-layout-label"
|
|
18
|
+
<div class="fl-layout-label">${(x) => x.control.label}</div>
|
|
19
19
|
`)}
|
|
20
20
|
${when((x) => { var _a; return (_a = x.control) === null || _a === void 0 ? void 0 : _a.visible; }, innerTemplate)}
|
|
21
21
|
`;
|
|
@@ -24,7 +24,7 @@ export const LayoutRendererTemplate = html `
|
|
|
24
24
|
<template>
|
|
25
25
|
${layoutWrapperTemplate({
|
|
26
26
|
innerTemplate: html `
|
|
27
|
-
<div class="fl-vertical-layout"
|
|
27
|
+
<div class="fl-vertical-layout">
|
|
28
28
|
${repeat((x) => x.control.uischema.elements, html `
|
|
29
29
|
<dispatch-renderer
|
|
30
30
|
:submitted=${(x, ctx) => ctx.parent.submitted}
|
|
@@ -6,9 +6,9 @@ export const LayoutVertical2ColumnsRendererTemplate = html `
|
|
|
6
6
|
<template>
|
|
7
7
|
${layoutWrapperTemplate({
|
|
8
8
|
innerTemplate: html `
|
|
9
|
-
<div class="fl-2-column-layout"
|
|
9
|
+
<div class="fl-2-column-layout">
|
|
10
10
|
${repeat((x) => x.control.uischema.elements, html `
|
|
11
|
-
<div class="fl-2-column-item"
|
|
11
|
+
<div class="fl-2-column-item">
|
|
12
12
|
<dispatch-renderer
|
|
13
13
|
:submitted=${(x, ctx) => ctx.parent.submitted}
|
|
14
14
|
:dispatch=${(x, ctx) => ctx.parent.dispatch}
|
|
@@ -1,26 +1,39 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr, css, customElement, html, repeat, when, } from '@microsoft/fast-element';
|
|
3
|
-
import {
|
|
3
|
+
import { classNames } from '@microsoft/fast-web-utilities';
|
|
4
|
+
import { CategorizationWrapper, computeCategoryClassName } from './CategorizationWrapperRenderer';
|
|
4
5
|
export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
|
|
5
6
|
<template>
|
|
6
7
|
<${prefix}-tabs
|
|
7
8
|
class="tabs-container"
|
|
8
|
-
part="fl-vertical-categorization-tabs"
|
|
9
9
|
orientation="vertical"
|
|
10
10
|
@change=${(x, ctx) => x.handleTabChange(ctx.event)}
|
|
11
11
|
>
|
|
12
12
|
${repeat((x) => x.control.uischema.elements, html `
|
|
13
|
-
<${prefix}-tab
|
|
14
|
-
|
|
13
|
+
<${prefix}-tab
|
|
14
|
+
class="${(x, ctx) => {
|
|
15
|
+
var _a, _b, _c;
|
|
16
|
+
const custom = computeCategoryClassName(x, (_c = (_b = (_a = ctx.parent.form) === null || _a === void 0 ? void 0 : _a.jsonforms) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.data);
|
|
17
|
+
return classNames('tab-control', [custom, !!custom]);
|
|
18
|
+
}}"
|
|
19
|
+
appearance="secondary"
|
|
20
|
+
>
|
|
21
|
+
<span class="tab-label">
|
|
15
22
|
${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
|
|
16
23
|
${when((x, ctx) => ctx.parent.hasCategoryError(ctx.index), html `
|
|
17
|
-
<${prefix}-icon class="tab-control-icon"
|
|
24
|
+
<${prefix}-icon class="tab-control-icon" name="circle-exclamation"></${prefix}-icon>
|
|
18
25
|
`)}
|
|
19
26
|
</span>
|
|
20
27
|
</${prefix}-tab>
|
|
21
28
|
`, { positioning: true })}
|
|
22
29
|
${repeat((x) => x.control.uischema.elements, html `
|
|
23
|
-
<${prefix}-tab-panel
|
|
30
|
+
<${prefix}-tab-panel
|
|
31
|
+
class="${(x, ctx) => {
|
|
32
|
+
var _a, _b, _c;
|
|
33
|
+
const custom = computeCategoryClassName(x, (_c = (_b = (_a = ctx.parent.form) === null || _a === void 0 ? void 0 : _a.jsonforms) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.data);
|
|
34
|
+
return classNames('tab-panel-control', [custom, !!custom]);
|
|
35
|
+
}}"
|
|
36
|
+
>
|
|
24
37
|
${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
|
|
25
38
|
${repeat((x) => x.options.childElements, html `
|
|
26
39
|
<dispatch-renderer
|
|
@@ -49,13 +62,17 @@ const styles = css `
|
|
|
49
62
|
display: block;
|
|
50
63
|
height: var(--vertical-categorization-height, auto);
|
|
51
64
|
overflow: hidden;
|
|
65
|
+
> rapid-tabs {
|
|
66
|
+
border: 1px solid var(--neutral-stroke-rest);
|
|
67
|
+
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
68
|
+
}
|
|
52
69
|
}
|
|
53
70
|
vertical-categorization-wrapper .tabs-container::part(tablist) {
|
|
54
71
|
display: flex;
|
|
55
72
|
flex-direction: column;
|
|
56
73
|
height: auto;
|
|
57
74
|
min-height: 100%;
|
|
58
|
-
width: 160px;
|
|
75
|
+
width: var(--vertical-categorization-width, 160px);
|
|
59
76
|
background-color: transparent;
|
|
60
77
|
border-bottom: none;
|
|
61
78
|
border-right: calc(var(--stroke-width, 1) * 1px) solid
|
|
@@ -65,10 +82,9 @@ const styles = css `
|
|
|
65
82
|
|
|
66
83
|
/* Reset the column layout above on horizontal categorization-wrappers nested inside the vertical one (e.g. Detailed View). */
|
|
67
84
|
vertical-categorization-wrapper categorization-wrapper .tabs-container::part(tablist) {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
border-right: none;
|
|
85
|
+
display: grid;
|
|
86
|
+
border-right: 0;
|
|
87
|
+
width: 100%;
|
|
72
88
|
}
|
|
73
89
|
|
|
74
90
|
vertical-categorization-wrapper .tabs-container .tab-control {
|
|
@@ -81,24 +81,10 @@ let DispatchRenderer = class DispatchRenderer extends FASTElement {
|
|
|
81
81
|
const field = (_f = (_e = (_d = uischema.scope) === null || _d === void 0 ? void 0 : _d.split('/').pop()) === null || _e === void 0 ? void 0 : _e.toLowerCase()) !== null && _f !== void 0 ? _f : '';
|
|
82
82
|
return [type && `dr-${type}`, field && `dr-${field}`, levelClass].filter(Boolean).join(' ');
|
|
83
83
|
}
|
|
84
|
-
computeHostPart() {
|
|
85
|
-
var _a, _b;
|
|
86
|
-
const uischema = (_a = this.props) === null || _a === void 0 ? void 0 : _a.uischema;
|
|
87
|
-
const parts = ['dispatch-renderer', `dr-level-${this.depth}`];
|
|
88
|
-
if (uischema === null || uischema === void 0 ? void 0 : uischema.type)
|
|
89
|
-
parts.push(`dr-${uischema.type.toLowerCase()}`);
|
|
90
|
-
if (uischema === null || uischema === void 0 ? void 0 : uischema.scope) {
|
|
91
|
-
const field = (_b = uischema.scope.split('/').pop()) === null || _b === void 0 ? void 0 : _b.toLowerCase();
|
|
92
|
-
if (field)
|
|
93
|
-
parts.push(`dr-${field}`);
|
|
94
|
-
}
|
|
95
|
-
return parts.join(' ');
|
|
96
|
-
}
|
|
97
84
|
updateHostAttributes() {
|
|
98
85
|
const preserved = Array.from(this.classList).filter((c) => !c.startsWith('dr-'));
|
|
99
86
|
const drClasses = this.computeHostClass().split(' ');
|
|
100
87
|
this.setAttribute('class', [...preserved, ...drClasses].join(' '));
|
|
101
|
-
this.setAttribute('part', this.computeHostPart());
|
|
102
88
|
}
|
|
103
89
|
connectedCallback() {
|
|
104
90
|
super.connectedCallback();
|
|
@@ -4016,6 +4016,33 @@
|
|
|
4016
4016
|
"name": "StandardRendererOptions",
|
|
4017
4017
|
"preserveMemberOrder": false,
|
|
4018
4018
|
"members": [
|
|
4019
|
+
{
|
|
4020
|
+
"kind": "PropertySignature",
|
|
4021
|
+
"canonicalReference": "@genesislcap/foundation-forms!StandardRendererOptions#className:member",
|
|
4022
|
+
"docComment": "/**\n * CSS class name(s) to apply to the element's rendered root. - On a control, applied to its wrapper root element. - On a categorization `Category`, applied to its tab header.\n *\n * Either a static string, or a function that receives the entire form data and returns the class name(s) to apply.\n *\n * @public\n */\n",
|
|
4023
|
+
"excerptTokens": [
|
|
4024
|
+
{
|
|
4025
|
+
"kind": "Content",
|
|
4026
|
+
"text": "className?: "
|
|
4027
|
+
},
|
|
4028
|
+
{
|
|
4029
|
+
"kind": "Content",
|
|
4030
|
+
"text": "string | ((data: any) => string)"
|
|
4031
|
+
},
|
|
4032
|
+
{
|
|
4033
|
+
"kind": "Content",
|
|
4034
|
+
"text": ";"
|
|
4035
|
+
}
|
|
4036
|
+
],
|
|
4037
|
+
"isReadonly": false,
|
|
4038
|
+
"isOptional": true,
|
|
4039
|
+
"releaseTag": "Public",
|
|
4040
|
+
"name": "className",
|
|
4041
|
+
"propertyTypeTokenRange": {
|
|
4042
|
+
"startIndex": 1,
|
|
4043
|
+
"endIndex": 2
|
|
4044
|
+
}
|
|
4045
|
+
},
|
|
4019
4046
|
{
|
|
4020
4047
|
"kind": "PropertySignature",
|
|
4021
4048
|
"canonicalReference": "@genesislcap/foundation-forms!StandardRendererOptions#hidden:member",
|
|
@@ -490,7 +490,6 @@ declare class DispatchRenderer extends FASTElement {
|
|
|
490
490
|
get determinedRenderer(): any;
|
|
491
491
|
depth: number;
|
|
492
492
|
private computeHostClass;
|
|
493
|
-
private computeHostPart;
|
|
494
493
|
private updateHostAttributes;
|
|
495
494
|
connectedCallback(): void;
|
|
496
495
|
disconnectedCallback(): void;
|
|
@@ -1304,10 +1303,6 @@ export declare class Form extends Form_base {
|
|
|
1304
1303
|
* @internal
|
|
1305
1304
|
*/
|
|
1306
1305
|
onChange(event: CustomEvent): void;
|
|
1307
|
-
/**
|
|
1308
|
-
* @internal
|
|
1309
|
-
*/
|
|
1310
|
-
connectedCallback(): void;
|
|
1311
1306
|
/**
|
|
1312
1307
|
* @internal
|
|
1313
1308
|
*/
|
|
@@ -1699,10 +1694,7 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
1699
1694
|
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
1700
1695
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1701
1696
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1702
|
-
ontouchmove
|
|
1703
|
-
* Builds the commit payload for the form submission.
|
|
1704
|
-
* @internal
|
|
1705
|
-
*/: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1697
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1706
1698
|
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1707
1699
|
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
1708
1700
|
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
@@ -2180,6 +2172,16 @@ export declare interface StandardRendererOptions {
|
|
|
2180
2172
|
* @public
|
|
2181
2173
|
*/
|
|
2182
2174
|
useNumberControl?: boolean;
|
|
2175
|
+
/**
|
|
2176
|
+
* CSS class name(s) to apply to the element's rendered root.
|
|
2177
|
+
* - On a control, applied to its wrapper root element.
|
|
2178
|
+
* - On a categorization `Category`, applied to its tab header.
|
|
2179
|
+
*
|
|
2180
|
+
* Either a static string, or a function that receives the entire form data
|
|
2181
|
+
* and returns the class name(s) to apply.
|
|
2182
|
+
* @public
|
|
2183
|
+
*/
|
|
2184
|
+
className?: string | ((data: any) => string);
|
|
2183
2185
|
}
|
|
2184
2186
|
|
|
2185
2187
|
/**
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-forms",
|
|
3
3
|
"description": "Genesis Foundation Forms",
|
|
4
|
-
"version": "14.451.2-FUI-2550.
|
|
4
|
+
"version": "14.451.2-FUI-2550.8",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -59,13 +59,13 @@
|
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
|
-
"@genesislcap/foundation-testing": "14.451.2-FUI-2550.
|
|
63
|
-
"@genesislcap/genx": "14.451.2-FUI-2550.
|
|
64
|
-
"@genesislcap/rollup-builder": "14.451.2-FUI-2550.
|
|
65
|
-
"@genesislcap/ts-builder": "14.451.2-FUI-2550.
|
|
66
|
-
"@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.
|
|
67
|
-
"@genesislcap/vite-builder": "14.451.2-FUI-2550.
|
|
68
|
-
"@genesislcap/webpack-builder": "14.451.2-FUI-2550.
|
|
62
|
+
"@genesislcap/foundation-testing": "14.451.2-FUI-2550.8",
|
|
63
|
+
"@genesislcap/genx": "14.451.2-FUI-2550.8",
|
|
64
|
+
"@genesislcap/rollup-builder": "14.451.2-FUI-2550.8",
|
|
65
|
+
"@genesislcap/ts-builder": "14.451.2-FUI-2550.8",
|
|
66
|
+
"@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.8",
|
|
67
|
+
"@genesislcap/vite-builder": "14.451.2-FUI-2550.8",
|
|
68
|
+
"@genesislcap/webpack-builder": "14.451.2-FUI-2550.8",
|
|
69
69
|
"@types/json-schema": "^7.0.11",
|
|
70
70
|
"@types/papaparse": "^5.3.14"
|
|
71
71
|
},
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
|
-
"@genesislcap/foundation-comms": "14.451.2-FUI-2550.
|
|
86
|
-
"@genesislcap/foundation-criteria": "14.451.2-FUI-2550.
|
|
87
|
-
"@genesislcap/foundation-logger": "14.451.2-FUI-2550.
|
|
88
|
-
"@genesislcap/foundation-notifications": "14.451.2-FUI-2550.
|
|
89
|
-
"@genesislcap/foundation-ui": "14.451.2-FUI-2550.
|
|
90
|
-
"@genesislcap/foundation-utils": "14.451.2-FUI-2550.
|
|
85
|
+
"@genesislcap/foundation-comms": "14.451.2-FUI-2550.8",
|
|
86
|
+
"@genesislcap/foundation-criteria": "14.451.2-FUI-2550.8",
|
|
87
|
+
"@genesislcap/foundation-logger": "14.451.2-FUI-2550.8",
|
|
88
|
+
"@genesislcap/foundation-notifications": "14.451.2-FUI-2550.8",
|
|
89
|
+
"@genesislcap/foundation-ui": "14.451.2-FUI-2550.8",
|
|
90
|
+
"@genesislcap/foundation-utils": "14.451.2-FUI-2550.8",
|
|
91
91
|
"@json-schema-tools/dereferencer": "^1.6.1",
|
|
92
92
|
"@jsonforms/core": "^3.2.1",
|
|
93
93
|
"@microsoft/fast-components": "2.30.6",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
111
|
"customElements": "dist/custom-elements.json",
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "78959e9cc5eaced8b854130de7862628d9dc7d1f"
|
|
113
113
|
}
|