@rxap/schematic-angular 16.2.0-dev.9 → 16.2.0

package/src/schematics/form/form-group/template.schema.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-group-schematic",
+  "allOf": [
+    {
+      "$ref": "#/definitions/angular"
+    },
+    {
+      "$ref": "#/definitions/formGroup"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "formName": {
+          "alias": "form",
+          "type": "string",
+          "description": "The name of the form where the form control should be added"
+        }
+      },
+      "required": [
+        "formName"
+      ]
+    }
+  ],
+  "definitions": {
+    "angular": {
+      "$ref": "../../angular.schema.json"
+    },
+    "formGroup": {
+      "$ref": "../../form-group.schema.json"
+    }
+  }
+}

package/src/schematics/form/templates/autocomplete-table-select-form-control.hbs

@@ -0,0 +1,34 @@
+{{#> matFormField control=control}}
+  <input [matAutocomplete]="auto{{classify control.name}}"
+    formControlName="{{control.name}}"
+    matInput
+    type="text"
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+    />
+  <mat-autocomplete #auto{{classify control.name}}="matAutocomplete">
+    <mat-option *rxapAutocompleteOptionsFromMethod="let option; matAutocomplete: auto{{classify control.name}}"
+                [value]="option.value">
+                \{{ option.display }}
+    </mat-option>
+  </mat-autocomplete>
+  <button
+    rxapOpenTableSelectWindow
+    mat-icon-button
+    matPrefix
+    tabindex="-1"
+    type="button"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+  >
+    <mat-icon svgIcon="table-eye"></mat-icon>
+  </button>
+{{/matFormField}}

package/src/schematics/form/templates/checkbox-form-control.hbs

@@ -1,9 +1,11 @@
 
 <mat-checkbox
-  indeterminate
+  [indeterminate]="true"
   formControlName="{{control.name}}"
   labelPosition="{{control.labelPosition}}"
-  {{#if parentControlContainer}}parentControlContainer{{/if~}}
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
 >
   <ng-container i18n>{{control.label}}</ng-container>
 </mat-checkbox>

package/src/schematics/form/templates/default-form-array.hbs

@@ -0,0 +1,29 @@
+
+<fieldset
+  formArrayName="{{control.name}}"
+  class="flex flex-col gap-3 border border-solid border-gray-300 p-3"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  {{#if control.legend}}
+  <legend class="text-sm" i18n>{{control.legend}}</legend>
+  {{/if}}
+  <button i18n mat-stroked-button rxapFormArrayItemAddButton>Add new entry</button>
+  <ng-container *rxapForFormArrayItem="let group">
+    <fieldset [formGroup]="group" class="flex flex-row gap-4 items-center border border-solid border-gray-300 p-3" rxapFormArrayRemovable>
+      {{#if control.groupLegend}}
+      <legend class="text-sm" i18n>{{control.groupLegend}}</legend>
+      {{/if}}
+      {{#each control.controlList}}
+      {{indent (compile this.handlebars control=this prefix=../prefix) 6}}
+      {{/each}}
+      <button color="warn" mat-icon-button rxapFormArrayItemRemoveButton>
+        <mat-icon>do_not_disturb_on</mat-icon>
+      </button>
+      <button color="accent" mat-icon-button rxapFormArrayItemRestoreButton>
+        <mat-icon>settings_backup_restore</mat-icon>
+      </button>
+    </fieldset>
+  </ng-container>
+</fieldset>

package/src/schematics/form/templates/default-form-group.hbs

@@ -0,0 +1,15 @@
+
+<fieldset
+  formGroupName="{{control.name}}"
+  class="flex flex-col gap-3 border border-solid border-gray-300 p-3"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  {{#if control.legend}}
+  <legend class="text-sm" i18n>{{control.legend}}</legend>
+  {{/if}}
+{{#each control.controlList}}
+  {{indent (compile this.handlebars control=this prefix=../prefix) 2}}
+{{/each}}
+</fieldset>

package/src/schematics/form/templates/input-form-control.hbs

@@ -1,9 +1,16 @@
 {{#> matFormField control=control}}
-<input
-  matInput
-  formControlName="{{control.name}}"
-  type="{{control.inputType}}"
-  {{#if parentControlContainer}}parentControlContainer{{/if~}}
-  {{#if control.placeholder}}i18n-placeholder placeholder="{{control.placeholder}}"{{/if~}}
-/>
+  <input
+    matInput
+    formControlName="{{control.name}}"
+    type="{{control.inputType}}"
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+  />
 {{/matFormField}}

package/src/schematics/form/templates/mat-form-field.hbs

@@ -1,28 +1,28 @@
 
-<mat-form-field>
+<mat-form-field{{#each control.formField.directiveList}} {{this.name}}{{/each}}{{#if control.formField.cssClass}} {{> cssClass cssClass=control.formField.cssClass}}{{/if}}>
   {{#if control.formField.label}}
-  <mat-label>{{control.formField.label}}</mat-label>
+  <mat-label i18n>{{control.formField.label}}</mat-label>
   {{/if}}
 {{#if control.formField.prefixButton}}
   {{#if control.formField.prefixButton.icon}}
-  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formFiled.prefixButton.directiveList}} {{this.name}}{{/each}}>
+  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formField.prefixButton.directiveList}} {{this.name}}{{/each}}>
     <mat-icon>{{control.formField.prefixButton.icon}}</mat-icon>
   </button>
   {{/if}}
   {{#if control.formField.prefixButton.svgIcon}}
-  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formFiled.prefixButton.directiveList}} {{this.name}}{{/each}}>
+  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formField.prefixButton.directiveList}} {{this.name}}{{/each}}>
     <mat-icon>{{control.formField.prefixButton.svgIcon}}</mat-icon>
   </button>
   {{/if}}
 {{/if}}
 {{#if control.formField.suffixButton}}
   {{#if control.formField.suffixButton.icon}}
-  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formFiled.suffixButton.directiveList}} {{this.name}}{{/each}}>
+  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formField.suffixButton.directiveList}} {{this.name}}{{/each}}>
     <mat-icon>{{control.formField.suffixButton.icon}}</mat-icon>
   </button>
   {{/if}}
   {{#if control.formField.suffixButton.svgIcon}}
-  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formFiled.suffixButton.directiveList}} {{this.name}}{{/each}}>
+  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formField.suffixButton.directiveList}} {{this.name}}{{/each}}>
     <mat-icon>{{control.formField.suffixButton.svgIcon}}</mat-icon>
   </button>
   {{/if}}

package/src/schematics/form/templates/select-form-control.hbs

@@ -0,0 +1,18 @@
+{{#> matFormField control=control}}
+  <mat-select
+    formControlName="{{control.name}}"
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+  >
+    {{#if control.optionList}}
+    <mat-option *rxapInputSelectOptions="let option" [value]="option.value">\{{option.display}}</mat-option>
+    {{/if}}
+    {{#unless control.optionList}}
+    <mat-option *rxapOptionsFromMethod="let option" [value]="option.value">\{{option.display}}</mat-option>
+    {{/unless}}
+  </mat-select>
+{{/matFormField}}

package/src/schematics/form/templates/slide-toggle-form-control.hbs

@@ -2,7 +2,9 @@
 <mat-slide-toggle
   formControlName="{{control.name}}"
   labelPosition="{{control.labelPosition}}"
-  {{#if parentControlContainer}}parentControlContainer{{/if~}}
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
 >
   <ng-container i18n>{{control.label}}</ng-container>
 </mat-slide-toggle>

package/src/schematics/form/templates/table-select-form-control.hbs

@@ -1,18 +1,25 @@
 {{#> matFormField control=control}}
-<eurogard-table-select-input
-  eurogardOpenTableSelectWindow
-  formControlName="{{control.name}}"
-  {{#if control.title}}i18n-label label="{{control.title}}"{{/if~}}
-  {{#if parentControlContainer}}parentControlContainer{{/if~}}
->
-</eurogard-table-select-input>
-<button
-  eurogardOpenTableSelectWindow
-  mat-icon-button
-  matPrefix
-  tabindex="-1"
-  {{#if control.title}}i18n-label label="{{control.title}}"{{/if~}}
->
-  <mat-icon svgIcon="table-eye"></mat-icon>
-</button>
+  <rxap-table-select-input
+    rxapOpenTableSelectWindow
+    formControlName="{{control.name}}"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+  >
+  </rxap-table-select-input>
+  <button
+    rxapOpenTableSelectWindow
+    mat-icon-button
+    matPrefix
+    tabindex="-1"
+    type="button"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+  >
+    <mat-icon svgIcon="table-eye"></mat-icon>
+  </button>
 {{/matFormField}}

package/src/schematics/form/templates/textarea-form-control.hbs

@@ -0,0 +1,25 @@
+{{#> matFormField control=control}}
+  <textarea
+    formControlName="{{control.name}}"
+    matInput
+    {{#if control.autosize}}
+    cdkTextareaAutosize
+    {{/if}}
+    {{#if control.autosize.maxRows}}
+    [cdkAutosizeMaxRows]="{{control.autosize.maxRows}}"
+    {{/if}}
+    {{#if control.autosize.minRows}}
+    [cdkAutosizeMinRows]="{{control.autosize.minRows}}"
+    {{/if}}
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+  >
+  </textarea>
+{{/matFormField}}

package/src/schematics/form-array.schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-array",
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "array"
+        }
+      },
+      "required": [ "role" ]
+    },
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormArray"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormArray": {
+      "$ref": "./base-form-array.schema.json"
+    }
+  }
+}

package/src/schematics/form-component.schema.json

@@ -3,7 +3,7 @@
   "$id": "form-component",
   "allOf": [
     {
-      "$ref": "./form-definition.schema.json"
+      "$ref": "#/definitions/formDefinition"
     },
     {
       "type": "object",
@@ -27,13 +27,19 @@
               "outline"
             ]
           }
+        },
+        "identifier": {
+          "$ref": "#/definitions/accordionIdentifier"
         }
       }
     }
   ],
   "definitions": {
-    "type": {
-      "$ref": "./type.schema.json"
+    "formDefinition": {
+      "$ref": "./form-definition.schema.json"
+    },
+    "accordionIdentifier": {
+      "$ref": "./accordion-identifier.schema.json"
     }
   }
 }

package/src/schematics/form-control.schema.json

@@ -1,68 +1,84 @@
 {
   "$schema": "http://json-schema.org/schema",
   "$id": "form-control",
-  "type": "object",
-  "properties": {
-    "name": {
-      "type": "string",
-      "description": "The name of the control"
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "control",
+          "default": "control"
+        }
+      }
     },
-    "type": {
-      "$ref": "#/definitions/type"
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormControl"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "$ref": "#/definitions/inputFormControl"
+        },
+        {
+          "$ref": "#/definitions/selectFormControl"
+        },
+        {
+          "$ref": "#/definitions/checkboxFormControl"
+        },
+        {
+          "$ref": "#/definitions/textareaFormControl"
+        },
+        {
+          "$ref": "#/definitions/tableSelectFormControl"
+        },
+        {
+          "$ref": "#/definitions/slideToggleFormControl"
+        },
+        {
+          "$ref": "#/definitions/autocompleteTableSelectFormControl"
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormControl": {
+      "$ref": "./base-form-control.schema.json"
     },
-    "isArray": {
-      "type": "boolean",
-      "description": "Whether the control value is an array",
-      "default": false
+    "inputFormControl": {
+      "$ref": "./input-form-control.schema.json"
     },
-    "state": {
-      "type": "string",
-      "description": "The initial state of the control"
+    "selectFormControl": {
+      "$ref": "./select-form-control.schema.json"
     },
-    "isRequired": {
-      "type": "boolean",
-      "description": "Whether the control value is required",
-      "default": false
+    "checkboxFormControl": {
+      "$ref": "./checkbox-form-control.schema.json"
     },
-    "isReadonly": {
-      "type": "boolean",
-      "description": "Whether the control value is readonly",
-      "default": false
+    "textareaFormControl": {
+      "$ref": "./textarea-form-control.schema.json"
     },
-    "isDisabled": {
-      "type": "boolean",
-      "description": "Whether the control value is disabled",
-      "default": false
+    "tableSelectFormControl": {
+      "$ref": "./table-select-form-control.schema.json"
     },
-    "validatorList": {
-      "type": "array",
-      "items": {
-        "type": "string"
-      }
+    "autocompleteTableSelectFormControl": {
+      "$ref": "./autocomplete-table-select-form-control.schema.json"
     },
-    "kind": {
-      "type": "string",
-      "description": "The name of the template",
-      "enum": [
-        "default",
-        "input",
-        "select",
-        "checkbox",
-        "autocomplete-table-select",
-        "table-select",
-        "textarea",
-        "slide-toggle"
-      ],
-      "default": "default"
-    }
-  },
-  "required": [
-    "name"
-  ],
-  "additionalProperties": true,
-  "definitions": {
-    "type": {
-      "$ref": "./type.schema.json"
+    "slideToggleFormControl": {
+      "$ref": "./slide-toggle-form-control.schema.json"
     }
   }
 }

package/src/schematics/form-definition.schema.json

@@ -7,7 +7,7 @@
       "alias": "control",
       "type": "array",
       "items": {
-        "$ref": "./form-control.schema.json"
+        "$ref": "#/definitions/control"
       }
     }
   },
@@ -15,8 +15,8 @@
     "controlList"
   ],
   "definitions": {
-    "type": {
-      "$ref": "./type.schema.json"
+    "control": {
+      "$ref": "./control.schema.json"
     }
   }
 }

package/src/schematics/form-field.schema.json

@@ -14,11 +14,17 @@
     },
     "hasClearButton": {
       "type": "boolean"
+    },
+    "cssClass": {
+      "$ref": "#/definitions/cssClass"
     }
   },
   "definitions": {
     "button": {
       "$ref": "./button.schema.json"
+    },
+    "cssClass": {
+      "$ref": "./css-class.schema.json"
     }
   }
 }

package/src/schematics/form-group.schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-group",
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "group"
+        }
+      },
+      "required": [ "role" ]
+    },
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormGroup"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormGroup": {
+      "$ref": "./base-form-group.schema.json"
+    }
+  }
+}

package/src/schematics/general.schema.json

@@ -34,8 +34,5 @@
       "type": "boolean",
       "default": false
     }
-  },
-  "required": [
-    "project"
-  ]
+  }
 }

package/src/schematics/icon-table-column.schema.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "icon-table-column",
+  "allOf": [
+    {
+      "$ref": "#/definitions/baseTableColumn"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "kind": {
+          "type": "string",
+          "const": "icon"
+        }
+      },
+      "required": ["kind"]
+    }
+  ],
+  "definitions": {
+    "baseTableColumn": {
+      "$ref": "./base-table-column.schema.json"
+    }
+  }
+}

package/src/schematics/input-form-control.schema.json

@@ -3,11 +3,18 @@
   "$id": "input-form-control",
   "allOf": [
     {
-      "$ref": "./form-control.schema.json"
+      "$ref": "#/definitions/baseFormControl"
     },
     {
       "type": "object",
       "properties": {
+        "kind": {
+          "type": "string",
+          "const": "input"
+        },
+        "formField": {
+          "$ref": "#/definitions/formField"
+        },
         "inputType": {
           "type": "string",
           "enum": [
@@ -37,11 +44,17 @@
         },
         "placeholder": {
           "type": "string"
-        },
-        "formField": {
-          "$ref": "./form-field.schema.json"
         }
-      }
+      },
+      "required": ["kind"]
+    }
+  ],
+  "definitions": {
+    "formField": {
+      "$ref": "./form-field.schema.json"
+    },
+    "baseFormControl": {
+      "$ref": "./base-form-control.schema.json"
     }
-  ]
+  }
 }