@rxap/schematic-angular 16.2.0-dev.4 → 16.2.0-dev.41

package/src/lib/form-definition-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-definition-control.js","sourceRoot":"","sources":["../../../../../../packages/schematic/angular/src/lib/form-definition-control.ts"],"names":[],"mappings":"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"}

package/src/lib/merge-with-column-list.d.ts

@@ -1,3 +0,0 @@
-import { NormalizedDataProperty } from '@rxap/ts-morph';
-import { NormalizedTableColumn } from './table-column';
-export declare function MergeWithColumnList(propertyList: ReadonlyArray<NormalizedDataProperty>, columnList: ReadonlyArray<NormalizedTableColumn>): ReadonlyArray<NormalizedDataProperty>;

package/src/lib/merge-with-column-list.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MergeWithColumnList = void 0;
-function MergeWithColumnList(propertyList, columnList) {
-    const merged = [...propertyList];
-    for (const column of columnList) {
-        if (!merged.find((property) => property.name === column.propertyPath)) {
-            merged.push({
-                name: column.propertyPath,
-                type: column.type,
-                isArray: false, // TODO : support array property for table columns
-            });
-        }
-    }
-    return Object.freeze(merged);
-}
-exports.MergeWithColumnList = MergeWithColumnList;
-//# sourceMappingURL=merge-with-column-list.js.map

package/src/lib/merge-with-column-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-with-column-list.js","sourceRoot":"","sources":["../../../../../../packages/schematic/angular/src/lib/merge-with-column-list.ts"],"names":[],"mappings":";;;AAGA,SAAgB,mBAAmB,CACjC,YAAmD,EACnD,UAAgD;IAEhD,MAAM,MAAM,GAA6B,CAAE,GAAG,YAAY,CAAE,CAAC;IAC7D,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,YAAY,CAAC,EAAE;YACrE,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,MAAM,CAAC,YAAY;gBACzB,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,OAAO,EAAE,KAAK,EAAE,kDAAkD;aACnE,CAAC,CAAC;SACJ;KACF;IACD,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC/B,CAAC;AAfD,kDAeC"}

package/src/schematics/accordion/accordion-component/files/component/__componentName__.component.html.template

@@ -1,94 +0,0 @@
-<ng-template #errorTemplate let-error let-refresh="refresh">
-  <rxap-data-source-error [error]="error" [refresh]="refresh"></rxap-data-source-error>
-</ng-template>
-<div *rxapDataSource="let accordion from accordionDataSource; errorTemplate: errorTemplate" class="flex flex-col gap-y-6">
-  <% if (header) { %><<%= prefix %>-accordion-header [data]="accordion"></<%= prefix %>-accordion-header>
-  <ng-template #divider>
-    <mat-divider></mat-divider>
-  </ng-template>
-  <mat-progress-bar *ngIf="accordionDataSource.loading$ | async; else divider" mode="indeterminate"></mat-progress-bar>
-  <% } else { %>
-  <mat-progress-bar *ngIf="accordionDataSource.loading$ | async" mode="indeterminate"></mat-progress-bar>
-  <% } %>
-  <mat-accordion
-    <% if (persistent && persistent.key) { %>rxapPersistentAccordion="<%= persistent.key %>"<% } %>
-    <% if (persistent && persistent.property) { %>[rxapPersistentAccordion]="accordion.<%= persistent.property.name %>"<% } %>
-    <% if (multiple) { %>multi<% } %>
-    >
-    <% for (let index = 0; index < itemList.length; index++) { %>
-    <% item = itemList[index] %>
-    <% if (item.type === 'switch') { %>
-    <% if (item.permission) { %><ng-template rxapIfHasPermission="<%= item.permission %>"><% } %>
-    <ng-container [ngSwitch]="accordion.<%= item.switch.property.name %>">
-      <% for (const caseItem of item.switch.case) { %>
-      <% if (item.switch.property.type === 'string') { %>
-      <ng-template [ngSwitchCase]="'<%= caseItem.test %>'">
-      <% } else { %>
-      <ng-template [ngSwitchCase]="<%= caseItem.test %>">
-      <% } %>
-        <% for (const innerItem of caseItem.itemList) { %>
-          <% if (innerItem.permission) { %><ng-template rxapIfHasPermission="<%= innerItem.permission %>"><% } %>
-          <mat-expansion-panel>
-
-            <mat-expansion-panel-header>
-              <mat-panel-title i18n><%= innerItem.title %></mat-panel-title>
-              <% if (innerItem.description) { %>
-              <mat-panel-description i18n><%= innerItem.description %></mat-panel-description>
-              <% } %>
-            </mat-expansion-panel-header>
-
-            <ng-template matExpansionPanelContent>
-              <<%= prefix %>-<%= innerItem.name %>-panel></<%= prefix %>-<%= innerItem.name %>-panel>
-            </ng-template>
-
-          </mat-expansion-panel>
-          <% if (innerItem.permission) { %></ng-template><% } %>
-        <% } %>
-      </ng-template>
-      <% } %>
-      <% if (item.switch.defaultCase) { %>
-      <ng-template ngSwitchDefault>
-      <% for (const innerItem of item.switch.defaultCase.itemList) { %>
-        <% if (innerItem.permission) { %><ng-template rxapIfHasPermission="<%= innerItem.permission %>"><% } %>
-        <mat-expansion-panel>
-
-          <mat-expansion-panel-header>
-            <mat-panel-title i18n><%= innerItem.title %></mat-panel-title>
-            <% if (innerItem.description) { %>
-            <mat-panel-description i18n><%= innerItem.description %></mat-panel-description>
-            <% } %>
-          </mat-expansion-panel-header>
-
-          <ng-template matExpansionPanelContent>
-            <<%= prefix %>-<%= innerItem.name %>-panel></<%= prefix %>-<%= innerItem.name %>-panel>
-          </ng-template>
-
-        </mat-expansion-panel>
-        <% if (innerItem.permission) { %></ng-template><% } %>
-      <% } %>
-      </ng-template>
-      <% } %>
-    </ng-container>
-    <% if (item.permission) { %></ng-template><% } %>
-    <% } else { %>
-    <% if (item.permission) { %><ng-template rxapIfHasPermission="<%= item.permission %>"><% } %>
-    <mat-expansion-panel>
-
-      <mat-expansion-panel-header>
-        <mat-panel-title i18n><%= item.title %></mat-panel-title>
-        <% if (item.description) { %>
-        <mat-panel-description i18n><%= item.description %></mat-panel-description>
-        <% } %>
-      </mat-expansion-panel-header>
-
-      <ng-template matExpansionPanelContent>
-        <<%= prefix %>-<%= item.name %>-panel></<%= prefix %>-<%= item.name %>-panel>
-      </ng-template>
-
-    </mat-expansion-panel>
-    <% if (item.permission) { %></ng-template><% } %>
-    <% } %>
-    <% } %>
-    <!-- NEXT_INDEX[<%= itemList.length %>] -->
-  </mat-accordion>
-</div>

package/src/schematics/accordion/accordion-component/files/header-component/accordion-header.component.html.template

@@ -1,10 +0,0 @@
-<rxap-navigate-back-button>
-  <ng-container>
-    <% if (header.title) { %>
-    <h1><%= header.title %></h1>
-    <% } %>
-    <% if (header.property) { %>
-    <h1>{{data.<%= header.property.name %>}}</h1>
-    <% } %>
-  </ng-container>
-</rxap-navigate-back-button>

package/src/schematics/data-grid-component/files/form/__componentName__.component.html.template

@@ -1,42 +0,0 @@
-<mat-card>
-  <% if (title) { %>
-  <mat-card-header>
-    <mat-card-title></mat-card-title>
-    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
-  </mat-card-header>
-  <% } %>
-  <mat-card-content>
-    <div class="p-4">
-      <form #form="rxapForm" rxapForm>
-        <% if (collection) { %>
-        <rxap-data-grid [data]="data" mode="form">
-        <% } else { %>
-        <rxap-data-grid [dataSource]="dataGridDataSource" mode="form">
-        <% } %>
-        <% for (const item of itemList) { %>
-          <ng-container rxapDataGridRowDef="<%= item.name %>">
-            <% if (item.header) { %>
-            <th *rxapDataGridHeaderCellDef i18n><%= item.header %></th>
-            <% } %>
-            <ng-template rxapDataGridEditCellDef>
-              <% if (item.type === 'string') { %>
-              <mat-form-field class="w-full">
-                <input matInput formControlName="<%= item.name %>">
-              </mat-form-field>
-              <% } else if (item.type === 'number') { %>
-              <mat-form-field class="w-full">
-                <input matInput formControlName="<%= item.name %>" type="number">
-              </mat-form-field>
-              <% } else if (item.type === 'boolean') { %>
-              <mat-slide-toggle formControlName="<%= item.name %>"></mat-slide-toggle>
-              <% } else { %>
-              <!-- TODO: <%= item.name %> -->
-              <% } %>
-            </ng-template>
-          </ng-container>
-        <% } %>
-        </rxap-data-grid>
-      </form>
-    </div>
-  </mat-card-content>
-</mat-card>

package/src/schematics/data-grid-component/files/plain/__componentName__.component.html.template

@@ -1,25 +0,0 @@
-<mat-card>
-  <% if (title) { %>
-  <mat-card-header>
-    <mat-card-title></mat-card-title>
-    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
-  </mat-card-header>
-  <% } %>
-  <mat-card-content>
-    <div class="p-4">
-      <% if (collection) { %>
-      <rxap-data-grid [data]="data">
-      <% } else { %>
-      <rxap-data-grid [dataSource]="dataGridDataSource">
-      <% } %>
-        <% for (const item of itemList) { %>
-        <ng-container rxapDataGridRowDef="<%= item.name %>">
-          <% if (item.header) { %>
-          <th *rxapDataGridHeaderCellDef i18n><%= item.header %></th>
-          <% } %>
-        </ng-container>
-        <% } %>
-      </rxap-data-grid>
-    </div>
-  </mat-card-content>
-</mat-card>

package/src/schematics/table/table-component/files/component/__componentName__.component.html.template

@@ -1,299 +0,0 @@
-<div class="flex flex-col gap-y-4 m-4">
-  <% if (hasNavigationBackHeader) { %>
-  <rxap-navigate-back-button>
-    <h1 i18n><%= title %></h1>
-  </rxap-navigate-back-button>
-  <mat-divider></mat-divider>
-  <% } %>
-
-  <div class="table-card-container flex flex-col">
-    <mat-card>
-      <mat-progress-bar
-        rxapCardProgressBar
-        [loading$]="tableDataSourceDirective.loading$"
-      ></mat-progress-bar>
-      <mat-card-header class="min-h-full h-12<% if (!headerButton && hasWithoutTitle) { %> justify-end<% } %>">
-      <% if (!hasWithoutTitle) { %>
-      <mat-card-title i18n><%= title %></mat-card-title>
-      <% } %>
-      <% if (headerButton) { %>
-      <button
-        mat-card-avatar
-        mat-mini-fab
-        color="primary"
-        matTooltip
-        [disabled]="tableDataSourceDirective.hasError$ | async"
-        [rxapTableHeaderButton]="tableDataSourceDirective"
-        <% if (headerButton.permission) { %>rxapHasEnablePermission="<%= headerButton.permission %>"<% } %>
-      >
-        <% if (headerButton.icon) { %><mat-icon><%= headerButton.icon %></mat-icon><% } else if (headerButton.svgIcon) { %><mat-icon svgIcon="<%= headerButton.svgIcon %>"></mat-icon><% } else { %><mat-icon>add</mat-icon><% } %>
-      </button>
-      <mat-card-subtitle i18n><%= headerButton.label %></mat-card-subtitle>
-      <% } %>
-      <rxap-table-column-menu matCard #rxapTableColumns="rxapTableColumns" <% if (!headerButton && hasWithoutTitle) { %>inline<% } %>>
-        <% if (selectColumn) { %>
-        <rxap-table-column-option hidden name="select">
-          <ng-container i18n>Select</ng-container>
-        </rxap-table-column-option>
-        <% } %>
-        <% for (const column of columnList) { %>
-        <rxap-table-column-option
-          name="<%= column.name %>"<% if (column.active) { %><%= ' active' %><% } %><% if (column.hidden) { %><%= ' hidden' %><% } %><% if (column.inactive) { %><%= ' inactive' %><% } %><% if (column.show) { %><%= ' show' %><% } %>>
-          <ng-container i18n><%= column.title %></ng-container>
-        </rxap-table-column-option>
-        <% } %>
-        <% if (actionList.length) { %>
-        <rxap-table-column-option hidden name="actions">
-          <ng-container i18n>Actions</ng-container>
-        </rxap-table-column-option>
-        <% } %>
-        <% if (hasShowArchivedSlide) { %>
-        <mat-divider></mat-divider>
-        <span mat-menu-item>
-          <rxap-table-show-archived-slide
-            [paginator]="paginator"
-          ></rxap-table-show-archived-slide>
-        </span>
-        <% } %>
-      </rxap-table-column-menu>
-       </mat-card-header>
-
-      <mat-card-content>
-        <rxap-data-source-error
-          [loading]="tableDataSourceDirective.loading$"
-          [error]="tableDataSourceDirective.dataSource?.error$"
-          *ngIf="tableDataSourceDirective.hasError$ | async"
-          [refresh]="tableDataSourceDirective.retry">
-        </rxap-data-source-error>
-        <div class="table-scroll-container mt-4 overflow-x-auto overscroll-auto">
-        <table
-          [ngClass]="{ 'hidden': tableDataSourceDirective.hasError$ | async }"
-          [paginator]="paginator"
-          matSort
-          mat-table
-          #tableDataSourceDirective="rxapTableDataSource"
-          rxapTableDataSource
-          [parameters]="parameters"
-          id="<%= name %>"
-          <% if (hasColumnWithFilter) { %>rxap-filter-header-row<% } %>
-        >
-          <!-- region columns -->
-
-          <% if (selectColumn) { %>
-          <ng-container matColumnDef="select" sticky>
-            <th mat-header-cell rxap-checkbox-header-cell *matHeaderCellDef></th>
-            <td
-              mat-cell
-              rxap-checkbox-cell
-              [element]="element"
-              *matCellDef="let element"
-            ></td>
-          </ng-container>
-          <% } %>
-          <% if (actionList.length) { %>
-          <ng-container matColumnDef="actions" stickyEnd>
-            <th mat-header-cell *matHeaderCellDef>
-            <% if (selectColumn) { %>
-              <div class="flex flex-row" *rxapSelectedRows="let selected">
-              <% for (const action of actionList) { %>
-              <% if (action.inHeader) { %>
-                <button
-                  rxapTableRowHeaderAction="<%= action.type %>"
-                  mat-icon-button
-                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
-                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
-                  *ngIf="selected | rxapRowActionCheck:'<%= action.type %>'"
-                  <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
-                  matTooltip
-                >
-                  <% if (action.icon) { %><mat-icon><%= action.icon %></mat-icon><% } else if (action.svgIcon) { %><mat-icon svgIcon="<%= action.svgIcon %>"></mat-icon><% } else { %><mat-icon><%= action.type %></mat-icon><% } %>
-                  <mat-progress-bar
-                    *rxapTableRowActionExecuting
-                    mode="indeterminate"
-                  ></mat-progress-bar>
-                </button>
-              <% } %>
-              <% } %>
-              </div>
-            <% } %>
-            </th>
-
-            <td mat-cell *matCellDef="let element">
-              <div class="flex flex-row">
-                <% for (const action of actionList) { %>
-                <button
-                  rxapTableRowAction="<%= action.type %>"
-                  [element]="element"
-                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
-                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
-                  mat-icon-button
-                  *ngIf="element | rxapRowActionCheck:'<%= action.type %>'"
-                  <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
-                  matTooltip
-                >
-                  <% if (action.icon) { %><mat-icon><%= action.icon %></mat-icon><% } else if (action.svgIcon) { %><mat-icon svgIcon="<%= action.svgIcon %>"></mat-icon><% } else { %><mat-icon><%= action.type %></mat-icon><% } %>
-                  <mat-progress-bar
-                    *rxapTableRowActionExecuting
-                    mode="indeterminate"
-                  ></mat-progress-bar>
-                </button>
-                <% } %>
-              </div>
-            </td>
-          </ng-container>
-          <% } %>
-          <% for (const column of columnList) { %>
-          <% if (column.role === 'copy-to-clipboard') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-copy-to-clipboard-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'link') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-link-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'date') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-date-cell]="element?.<%= column.propertyPath %>" format="dd.MM.yyyy HH:mm:ss"></td>
-          </ng-container>
-          <% } else if (column.role === 'boolean') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-boolean-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'icon') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-icon-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'component') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> <%= prefix %>-<%= column.name %>-cell [element]="element" [value]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> *matCellDef="let element">
-            <% if (column.template) { %>
-            <%= column.template %>
-            <% } else if (column.pipeList.length) { %>
-            {{ element?.<%= column.propertyPath %><% for (const pipe of column.pipeList) { %> | <%= pipe.name %><% } %> }}
-            <% } else { %>
-            {{ element?.<%= column.propertyPath %> }}
-            <% } %>
-            </td>
-          </ng-container>
-          <% } %>
-          <% } %>
-
-          <!-- endregion -->
-          <% if (hasColumnWithFilter) { %>
-          <!-- region filter columns -->
-          <% if (selectColumn) { %>
-          <ng-container matColumnDef="filter_select" sticky>
-            <th mat-header-cell *matHeaderCellDef></th>
-          </ng-container>
-          <% } %>
-          <% if (actionList.length) { %>
-          <ng-container matColumnDef="filter_actions" stickyEnd>
-            <th mat-header-cell *matHeaderCellDef></th>
-          </ng-container>
-          <% } %>
-
-          <% for (const column of columnList) { %>
-          <ng-container matColumnDef="filter_<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef>
-              <% if (column.hasFilter) { %>
-              <% if (column.type === 'boolean') { %>
-              <mat-checkbox
-                indeterminate
-                parentControlContainer
-                formControlName="<%= camelize(column.name) %>"
-              >
-                <ng-container i18n><%= column.title %></ng-container>
-              </mat-checkbox>
-              <% } else { %>
-              <mat-form-field class="w-full pt-3">
-                <mat-label i18n><%= column.title %></mat-label>
-                <input
-                  matInput
-                  i18n-placeholder
-                  placeholder="Enter Filter"
-                  parentControlContainer
-                  formControlName="<%= camelize(column.name) %>"
-                />
-                <button matSuffix rxapInputClearButton mat-icon-button>
-                  <mat-icon>clear</mat-icon>
-                </button>
-              </mat-form-field>
-              <% } %>
-              <% } %>
-            </th>
-          </ng-container>
-          <% } %>
-
-          <!-- endregion -->
-          <tr
-            class="rxap-filter-header"
-            mat-header-row
-            *matHeaderRowDef="
-              rxapTableColumns.displayColumns | toFilterColumnNames
-            "
-          ></tr>
-          <% } %>
-
-          <tr
-            mat-header-row
-            *matHeaderRowDef="rxapTableColumns.displayColumns"
-          ></tr>
-
-          <tr
-            [@rowsAnimation]=""
-            mat-row
-            [ngClass]="{ 'rxap-row-odd !bg-neutral-200 dark:!bg-neutral-600': odd, 'rxap-row-even': even }"
-                        class="hover:!bg-neutral-400 dark:hover:!bg-neutral-800"
-            *matRowDef="
-              let element;
-              columns: rxapTableColumns.displayColumns;
-              let odd = odd;
-              let even = even
-            "
-          ></tr>
-        </table>
-        </div>
-      </mat-card-content>
-
-      <mat-card-footer
-      ><mat-paginator
-        [ngClass]="{ 'hidden': tableDataSourceDirective.hasError$ | async }"
-        rxapPersistent
-        [pageSizeOptions]="[5,10,25,50,100]"
-        [pageSize]="10"
-        #paginator="matPaginator"
-      ></mat-paginator
-      ></mat-card-footer>
-    </mat-card>
-  </div>
-</div>