@seniorsistemas/angular-components 14.3.10 → 14.4.0-259f34cd-e321-4bb4-bcd1-a7f044e3de3b
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/bundles/seniorsistemas-angular-components.umd.js +150 -87
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/table/table-column/models/column-values.interface.d.ts +4 -1
- package/components/table/table-column/models/enum-column-field-type.d.ts +2 -1
- package/components/table/table-column/table-columns.component.d.ts +10 -0
- package/components/token-list/token-list.component.d.ts +2 -1
- package/esm2015/components/dynamic-form/components/lookup/lookup.component.js +4 -3
- package/esm2015/components/table/table-column/models/column-values.interface.js +1 -1
- package/esm2015/components/table/table-column/models/enum-column-field-type.js +2 -1
- package/esm2015/components/table/table-column/table-columns.component.js +64 -9
- package/esm2015/components/table/table.module.js +4 -2
- package/esm2015/components/token-list/token-list.component.js +7 -3
- package/esm2015/seniorsistemas-angular-components.js +31 -30
- package/esm5/components/dynamic-form/components/lookup/lookup.component.js +4 -3
- package/esm5/components/table/table-column/models/column-values.interface.js +1 -1
- package/esm5/components/table/table-column/models/enum-column-field-type.js +2 -1
- package/esm5/components/table/table-column/table-columns.component.js +63 -8
- package/esm5/components/table/table.module.js +4 -2
- package/esm5/components/token-list/token-list.component.js +7 -3
- package/esm5/seniorsistemas-angular-components.js +31 -30
- package/fesm2015/seniorsistemas-angular-components.js +117 -55
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +121 -59
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +2 -1
- package/seniorsistemas-angular-components.d.ts +30 -29
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -2059,6 +2059,7 @@
|
|
|
2059
2059
|
return this.lookupSuggestions;
|
|
2060
2060
|
};
|
|
2061
2061
|
LookupComponent.prototype.lazyLoadGrid = function (event) {
|
|
2062
|
+
//Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
|
|
2062
2063
|
var filters = this.formGroupDialog.getRawValue();
|
|
2063
2064
|
var params = __assign(__assign({}, event), { filterData: filters });
|
|
2064
2065
|
var multiSortMeta = event.multiSortMeta;
|
|
@@ -2335,7 +2336,7 @@
|
|
|
2335
2336
|
LookupComponent = LookupComponent_1 = __decorate([
|
|
2336
2337
|
core.Component({
|
|
2337
2338
|
selector: "s-lookup",
|
|
2338
|
-
template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n <p-autoComplete\n #autocomplete\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [dataKey]=\"dataKey\"\n [multiple]=\"multiple\"\n [inputId]=\"id + '-autocomplete'\"\n [forceSelection]=\"true\"\n [suggestions]=\"getLookupSuggestions()\"\n (completeMethod)=\"lazyLoadLookup($event)\"\n (onSelect)=\"onSelect.next($event)\"\n (onBlur)=\"onBlur.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onUnselect)=\"onUnselect.next($event)\"\n (onClear)=\"onClear.next($event)\"\n (onKeyUp)=\"onKeyUp.next($event)\"\n [field]=\"lookupDisplayField\"\n [emptyMessage]=\"lookupEmptyMessage\"\n [dropdown]=\"!showSearch\"\n [appendTo]=\"lookupAppendTo\"\n [placeholder]=\"placeholder || ' '\"\n [autoHighlight]=\"true\"\n inputStyleClass=\"mousetrap\"\n >\n </p-autoComplete>\n\n <button\n *ngIf=\"showSearch\"\n pButton\n type=\"button\"\n icon=\"fa fa-search\"\n class=\"button-addon\"\n [disabled]=\"disabled\"\n (click)=\"showDialog()\"\n ></button>\n</div>\n\n<p-dialog\n appendTo=\"body\"\n styleClass=\"s-lookup-modal\"\n [header]=\"searchTitle\"\n [(visible)]=\"dialogVisible\"\n [modal]=\"true\"\n (onHide)=\"hideDialog()\"\n [blockScroll]=\"true\"\n [focusOnShow]=\"true\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n #dialog\n>\n <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n (@collapseContent.done)=\"onToggleDone()\">\n <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n <div *ngIf=\"!collapsed\"\n [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\">\n <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button\n [id]=\"id + '-filter-button'\"\n type=\"submit\"\n [label]=\"filterLabel\"\n (onClick)=\"search()\"\n pTooltip=\"(ALT + SHIFT + F)\"\n showDelay=\"500\"\n ></s-button>\n <s-button\n [id]=\"id + '-clear-button'\"\n type=\"button\"\n [label]=\"clearLabel\"\n (onClick)=\"clear()\"\n priority=\"link\"\n pTooltip=\"(ALT + SHIFT + L)\"\n showDelay=\"500\"\n ></s-button>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n <div class=\"filter-toggle--start-border-mask\"></div>\n <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n aria-hidden=\"true\"></span>\n </button>\n <div class=\"filter-toggle--end-border-mask\"></div>\n </div>\n <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n *ngIf=\"!searchTotalRecords && !loading\"\n [title]=\"searchEmptyTitle\"\n [description]=\"searchEmptyDescription\"\n iconClass=\"fa fa-search\"\n ></s-empty-state>\n\n <p-table\n [dataKey]=\"dataKey\"\n [value]=\"getGridData()\"\n [columns]=\"searchGridFields\"\n [lazy]=\"true\"\n [scrollable]=\"true\"\n [paginator]=\"true\"\n sortMode=\"multiple\"\n [totalRecords]=\"searchTotalRecords\"\n [rows]=\"10\"\n [selection]=\"selected\"\n (onLazyLoad)=\"lazyLoadGrid($event)\"\n *sLoadingState=\"loading\"\n [multiSortMeta]=\"multiSortMeta\"\n [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n (selectionChange)=\"onSelectionChange($event)\"\n >\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col *ngIf=\"multiple\" style=\"width: 50px\" />\n <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngIf=\"multiple\" style=\"width: 50px\">\n <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n </th>\n <th\n [style.width]=\"col.width\"\n *ngFor=\"let col of columns\"\n [pSortableColumn]=\"col.name\"\n [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n >\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.label }}</span>\n <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n <tr sNavigation [pSelectableRow]=\"rowData\" [pSelectableRowIndex]=\"rowIndex\">\n <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n </td>\n <td\n [style.width]=\"col['width']\"\n *ngFor=\"let col of searchGridFields\"\n [ngSwitch]=\"col.type\"\n tabindex=\"0\"\n >\n <ng-container *ngSwitchCase=\"'Boolean'\">\n <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Date'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate: \"L\" | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Time'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedTime | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Double'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Money'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Enum'\">\n <ng-container\n *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n >\n <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"col.mask && col.mask()\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(col.mask && col.mask())\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"paginatorright\">\n <span [attr.data-hidden]=\"loading\">\n {{\n searchTotalRecordsLabel ||\n searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n }}\n </span>\n </ng-template>\n </p-table>\n </div>\n </div>\n\n <p-footer>\n <s-button\n [id]=\"id + '-select-button'\"\n type=\"button\"\n [label]=\"selectLabel\"\n (onClick)=\"select()\"\n pTooltip=\"(ALT + SHIFT + S)\"\n showDelay=\"500\"\n [disabled]=\"!selected?.length\"\n ></s-button>\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel\"\n (onClick)=\"hideDialog()\"\n pTooltip=\"(ALT + SHIFT + C)\"\n showDelay=\"500\"\n ></s-button>\n </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
|
|
2339
|
+
template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n <p-autoComplete\n #autocomplete\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [dataKey]=\"dataKey\"\n [multiple]=\"multiple\"\n [inputId]=\"id + '-autocomplete'\"\n [forceSelection]=\"true\"\n [suggestions]=\"getLookupSuggestions()\"\n (completeMethod)=\"lazyLoadLookup($event)\"\n (onSelect)=\"onSelect.next($event)\"\n (onBlur)=\"onBlur.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onUnselect)=\"onUnselect.next($event)\"\n (onClear)=\"onClear.next($event)\"\n (onKeyUp)=\"onKeyUp.next($event)\"\n [field]=\"lookupDisplayField\"\n [emptyMessage]=\"lookupEmptyMessage\"\n [dropdown]=\"!showSearch\"\n [appendTo]=\"lookupAppendTo\"\n [placeholder]=\"placeholder || ' '\"\n [autoHighlight]=\"true\"\n inputStyleClass=\"mousetrap\"\n >\n </p-autoComplete>\n\n <button\n *ngIf=\"showSearch\"\n pButton\n type=\"button\"\n icon=\"fa fa-search\"\n class=\"button-addon\"\n [disabled]=\"disabled\"\n (click)=\"showDialog()\"\n ></button>\n</div>\n\n<p-dialog\n appendTo=\"body\"\n styleClass=\"s-lookup-modal\"\n [header]=\"searchTitle\"\n [(visible)]=\"dialogVisible\"\n [modal]=\"true\"\n (onHide)=\"hideDialog()\"\n [blockScroll]=\"true\"\n [focusOnShow]=\"true\"\n [draggable]=\"false\"\n [resizable]=\"false\"\n #dialog\n>\n <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n (@collapseContent.done)=\"onToggleDone()\">\n <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n <div *ngIf=\"!collapsed\"\n [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\"\n class=\"form-content\">\n <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n <div class=\"form-fields\">\n <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n </div>\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button\n [id]=\"id + '-filter-button'\"\n type=\"submit\"\n [label]=\"filterLabel\"\n (onClick)=\"search()\"\n pTooltip=\"(ALT + SHIFT + F)\"\n showDelay=\"500\"\n ></s-button>\n <s-button\n [id]=\"id + '-clear-button'\"\n type=\"button\"\n [label]=\"clearLabel\"\n (onClick)=\"clear()\"\n priority=\"link\"\n pTooltip=\"(ALT + SHIFT + L)\"\n showDelay=\"500\"\n ></s-button>\n </div>\n </div>\n </div>\n </form> \n </div>\n <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n <div class=\"filter-toggle--start-border-mask\"></div>\n <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n aria-hidden=\"true\"></span>\n </button>\n <div class=\"filter-toggle--end-border-mask\"></div>\n </div>\n <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n *ngIf=\"!searchTotalRecords && !loading\"\n [title]=\"searchEmptyTitle\"\n [description]=\"searchEmptyDescription\"\n iconClass=\"fa fa-search\"\n ></s-empty-state>\n\n <p-table\n [dataKey]=\"dataKey\"\n [value]=\"getGridData()\"\n [columns]=\"searchGridFields\"\n [lazy]=\"true\"\n [scrollable]=\"true\"\n [paginator]=\"true\"\n sortMode=\"multiple\"\n [totalRecords]=\"searchTotalRecords\"\n [rows]=\"10\"\n [selection]=\"selected\"\n (onLazyLoad)=\"lazyLoadGrid($event)\"\n *sLoadingState=\"loading\"\n [multiSortMeta]=\"multiSortMeta\"\n [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n (selectionChange)=\"onSelectionChange($event)\"\n >\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col *ngIf=\"multiple\" style=\"width: 50px\" />\n <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngIf=\"multiple\" style=\"width: 50px\">\n <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n </th>\n <th\n [style.width]=\"col.width\"\n *ngFor=\"let col of columns\"\n [pSortableColumn]=\"col.name\"\n [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n >\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.label }}</span>\n <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n <tr sNavigation [pSelectableRow]=\"rowData\" [pSelectableRowIndex]=\"rowIndex\">\n <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n </td>\n <td\n [style.width]=\"col['width']\"\n *ngFor=\"let col of searchGridFields\"\n [ngSwitch]=\"col.type\"\n tabindex=\"0\"\n >\n <ng-container *ngSwitchCase=\"'Boolean'\">\n <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Date'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate: \"L\" | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DateTime'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Time'\">\n <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) | localizedTime | async }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Double'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Money'\">\n <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Enum'\">\n <ng-container\n *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n >\n <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"col.mask && col.mask()\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!(col.mask && col.mask())\">\n <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n <span>{{ getFieldValue(rowData, col.name) }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"paginatorright\">\n <span [attr.data-hidden]=\"loading\">\n {{\n searchTotalRecordsLabel ||\n searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n }}\n </span>\n </ng-template>\n </p-table>\n </div>\n </div>\n\n <p-footer>\n <s-button\n [id]=\"id + '-select-button'\"\n type=\"button\"\n [label]=\"selectLabel\"\n (onClick)=\"select()\"\n pTooltip=\"(ALT + SHIFT + S)\"\n showDelay=\"500\"\n [disabled]=\"!selected?.length\"\n ></s-button>\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel\"\n (onClick)=\"hideDialog()\"\n pTooltip=\"(ALT + SHIFT + C)\"\n showDelay=\"500\"\n ></s-button>\n </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
|
|
2339
2340
|
providers: [
|
|
2340
2341
|
{
|
|
2341
2342
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -2365,7 +2366,7 @@
|
|
|
2365
2366
|
animations.transition("* <=> *", animations.animate("{{transitionParams}}")),
|
|
2366
2367
|
]),
|
|
2367
2368
|
],
|
|
2368
|
-
styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}.ui-fluid s-lookup .inputgroup p-autocomplete{display:inline-block}.ui-fluid s-lookup .inputgroup p-autocomplete,.ui-fluid s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}.ui-fluid s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);
|
|
2369
|
+
styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}.ui-fluid s-lookup .inputgroup p-autocomplete{display:inline-block}.ui-fluid s-lookup .inputgroup p-autocomplete,.ui-fluid s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}.ui-fluid s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}"]
|
|
2369
2370
|
})
|
|
2370
2371
|
], LookupComponent);
|
|
2371
2372
|
return LookupComponent;
|
|
@@ -3575,6 +3576,7 @@
|
|
|
3575
3576
|
EnumColumnFieldType["ENUM"] = "ENUM";
|
|
3576
3577
|
EnumColumnFieldType["LOOKUP"] = "LOOKUP";
|
|
3577
3578
|
EnumColumnFieldType["LINK"] = "LINK";
|
|
3579
|
+
EnumColumnFieldType["TOKENS"] = "TOKENS";
|
|
3578
3580
|
})(exports.EnumColumnFieldType || (exports.EnumColumnFieldType = {}));
|
|
3579
3581
|
|
|
3580
3582
|
|
|
@@ -3649,7 +3651,7 @@
|
|
|
3649
3651
|
});
|
|
3650
3652
|
}
|
|
3651
3653
|
});
|
|
3652
|
-
if (attributeValue === null || attributeValue === undefined) {
|
|
3654
|
+
if (attributeValue === null || attributeValue === undefined || (_this.isArray(attributeValue) && !attributeValue.length)) {
|
|
3653
3655
|
return uninformed;
|
|
3654
3656
|
}
|
|
3655
3657
|
else {
|
|
@@ -3673,19 +3675,31 @@
|
|
|
3673
3675
|
return attributeValue;
|
|
3674
3676
|
case exports.EnumColumnFieldType.NUMBER:
|
|
3675
3677
|
return _this.applyMask(attributeValue, numberConfigs, false);
|
|
3678
|
+
case exports.EnumColumnFieldType.TOKENS:
|
|
3679
|
+
return _this.getTokens(attributeValue);
|
|
3676
3680
|
}
|
|
3677
3681
|
}
|
|
3678
|
-
})
|
|
3679
|
-
var
|
|
3682
|
+
});
|
|
3683
|
+
var unifiedColumnValues = columnValue.join(separator);
|
|
3684
|
+
var uninformedNumber = unifiedColumnValues
|
|
3680
3685
|
.split(separator)
|
|
3681
3686
|
.filter(function (value) { return value === uninformed; }).length;
|
|
3687
|
+
var formattedColumnValue;
|
|
3682
3688
|
if (uninformedNumber === column.attributes.length) {
|
|
3683
|
-
|
|
3689
|
+
formattedColumnValue = uninformed;
|
|
3690
|
+
}
|
|
3691
|
+
else if (column.type === exports.EnumColumnFieldType.TOKENS) {
|
|
3692
|
+
formattedColumnValue = [].concat.apply([], columnValue.filter(function (values) { return values !== uninformed; }));
|
|
3693
|
+
}
|
|
3694
|
+
else {
|
|
3695
|
+
formattedColumnValue = unifiedColumnValues;
|
|
3684
3696
|
}
|
|
3685
3697
|
return {
|
|
3686
3698
|
style: style,
|
|
3687
|
-
columnValue:
|
|
3699
|
+
columnValue: formattedColumnValue,
|
|
3688
3700
|
badgeClass: badgeClass,
|
|
3701
|
+
separator: separator,
|
|
3702
|
+
uninformed: uninformed,
|
|
3689
3703
|
type: column.type,
|
|
3690
3704
|
tooltip: this.getColumnTooltip(column.tooltip),
|
|
3691
3705
|
onLinkClick: column.onLinkClick,
|
|
@@ -3731,6 +3745,49 @@
|
|
|
3731
3745
|
var operator = rawValue.includes("-") && !isZero ? "-" : "";
|
|
3732
3746
|
return "" + operator + currencySymbol + " " + newValue;
|
|
3733
3747
|
};
|
|
3748
|
+
TableColumnsComponent.prototype.getTokens = function (values) {
|
|
3749
|
+
if (!this.isArray(values))
|
|
3750
|
+
throw new Error("To use tokens an array must be informed");
|
|
3751
|
+
// tslint:disable-next-line: max-line-length
|
|
3752
|
+
if (!this.isValidTokenArray(values))
|
|
3753
|
+
throw new Error("Not a valid token array. Token array must be a primitive values array or an objects with label attribute array");
|
|
3754
|
+
if (this.isLabelObjectArray(values))
|
|
3755
|
+
return values;
|
|
3756
|
+
return values
|
|
3757
|
+
.filter(function (value) { return value !== undefined && value !== null; })
|
|
3758
|
+
.map(function (value) {
|
|
3759
|
+
var label = typeof value === "symbol" ? value.toString() : "" + value;
|
|
3760
|
+
return {
|
|
3761
|
+
label: label
|
|
3762
|
+
};
|
|
3763
|
+
});
|
|
3764
|
+
};
|
|
3765
|
+
TableColumnsComponent.prototype.isValidTokenArray = function (values) {
|
|
3766
|
+
return this.isPrimitiveValuesArray(values) || this.isLabelObjectArray(values);
|
|
3767
|
+
};
|
|
3768
|
+
TableColumnsComponent.prototype.isPrimitiveValuesArray = function (values) {
|
|
3769
|
+
return values.filter(function (value) { return value !== Object(value); }).length === values.length;
|
|
3770
|
+
};
|
|
3771
|
+
TableColumnsComponent.prototype.isLabelObjectArray = function (values) {
|
|
3772
|
+
return values.filter(function (value) { return (value === null || value === void 0 ? void 0 : value.label) !== null && (value === null || value === void 0 ? void 0 : value.label) !== undefined; }).length === values.length;
|
|
3773
|
+
};
|
|
3774
|
+
TableColumnsComponent.prototype.isArray = function (value) {
|
|
3775
|
+
return Array.isArray(value);
|
|
3776
|
+
};
|
|
3777
|
+
TableColumnsComponent.prototype.getSplittedString = function (column) {
|
|
3778
|
+
var columnValue = column.columnValue, separator = column.separator, uninformed = column.uninformed;
|
|
3779
|
+
if (typeof columnValue === "string") {
|
|
3780
|
+
var splittedString_1 = columnValue.split(separator);
|
|
3781
|
+
return splittedString_1.map(function (string, index) {
|
|
3782
|
+
var isLastIndex = splittedString_1.length - 1 === index;
|
|
3783
|
+
return {
|
|
3784
|
+
value: string,
|
|
3785
|
+
isUninformed: string === uninformed,
|
|
3786
|
+
separator: !isLastIndex ? separator : ""
|
|
3787
|
+
};
|
|
3788
|
+
});
|
|
3789
|
+
}
|
|
3790
|
+
};
|
|
3734
3791
|
TableColumnsComponent.ctorParameters = function () { return [
|
|
3735
3792
|
{ type: core.ViewContainerRef },
|
|
3736
3793
|
{ type: core$1.TranslateService },
|
|
@@ -3750,15 +3807,67 @@
|
|
|
3750
3807
|
], TableColumnsComponent.prototype, "locale", void 0);
|
|
3751
3808
|
TableColumnsComponent = __decorate([
|
|
3752
3809
|
core.Component({
|
|
3753
|
-
template: "\n<ng-template #columnsTemplate>\n <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">
|
|
3810
|
+
template: "\n<ng-template #columnsTemplate>\n <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n\n <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n </span>\n\n <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n </a>\n\n <ng-template #columnValueTemplate>\n <span *ngFor=\"let value of getSplittedString(column)\">\n <span [ngClass]=\"{ 'sds-pale-text': value.isUninformed }\">{{value.value}}</span>\n <span>{{value.separator}}</span>\n </span>\n </ng-template>\n\n </div>\n\n <ng-template #tokensTemplate>\n <s-token-list\n [tokens]=\"column.columnValue\"\n [hidePointerEvents]=\"true\"\n >\n </s-token-list>\n </ng-template>\n\n </td>\n</ng-template>\n",
|
|
3754
3811
|
selector: "s-table-columns",
|
|
3755
|
-
styles: [":host
|
|
3812
|
+
styles: [".sds-pale-text{color:#999}:host{display:none}"]
|
|
3756
3813
|
}),
|
|
3757
3814
|
__param(2, core.Inject("hostProjectConfigs"))
|
|
3758
3815
|
], TableColumnsComponent);
|
|
3759
3816
|
return TableColumnsComponent;
|
|
3760
3817
|
}());
|
|
3761
3818
|
|
|
3819
|
+
var TokenListComponent = /** @class */ (function () {
|
|
3820
|
+
function TokenListComponent() {
|
|
3821
|
+
this.id = "s-token-list-" + TokenListComponent_1.nextId++;
|
|
3822
|
+
this.removableTokens = false;
|
|
3823
|
+
this.hidePointerEvents = false;
|
|
3824
|
+
this.tokenSelected = new core.EventEmitter();
|
|
3825
|
+
this.tokenRemoved = new core.EventEmitter();
|
|
3826
|
+
}
|
|
3827
|
+
TokenListComponent_1 = TokenListComponent;
|
|
3828
|
+
var TokenListComponent_1;
|
|
3829
|
+
TokenListComponent.nextId = 0;
|
|
3830
|
+
__decorate([
|
|
3831
|
+
core.Input()
|
|
3832
|
+
], TokenListComponent.prototype, "id", void 0);
|
|
3833
|
+
__decorate([
|
|
3834
|
+
core.Input()
|
|
3835
|
+
], TokenListComponent.prototype, "tokens", void 0);
|
|
3836
|
+
__decorate([
|
|
3837
|
+
core.Input()
|
|
3838
|
+
], TokenListComponent.prototype, "removableTokens", void 0);
|
|
3839
|
+
__decorate([
|
|
3840
|
+
core.Input()
|
|
3841
|
+
], TokenListComponent.prototype, "hidePointerEvents", void 0);
|
|
3842
|
+
__decorate([
|
|
3843
|
+
core.Output()
|
|
3844
|
+
], TokenListComponent.prototype, "tokenSelected", void 0);
|
|
3845
|
+
__decorate([
|
|
3846
|
+
core.Output()
|
|
3847
|
+
], TokenListComponent.prototype, "tokenRemoved", void 0);
|
|
3848
|
+
TokenListComponent = TokenListComponent_1 = __decorate([
|
|
3849
|
+
core.Component({
|
|
3850
|
+
selector: "s-token-list",
|
|
3851
|
+
template: "<div [id]=\"id\" class=\"token-list\">\n <ng-container *ngFor=\"let token of tokens\">\n <span [id]=\"token.id\" class=\"sds-token\" [ngClass]=\"{ 'noPointerEvents': hidePointerEvents }\">\n <a [id]=\"(token.id || 'token') + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n </span>\n </ng-container>\n</div>",
|
|
3852
|
+
styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}.noPointerEvents{pointer-events:none}"]
|
|
3853
|
+
})
|
|
3854
|
+
], TokenListComponent);
|
|
3855
|
+
return TokenListComponent;
|
|
3856
|
+
}());
|
|
3857
|
+
|
|
3858
|
+
var TokenListModule = /** @class */ (function () {
|
|
3859
|
+
function TokenListModule() {
|
|
3860
|
+
}
|
|
3861
|
+
TokenListModule = __decorate([
|
|
3862
|
+
core.NgModule({
|
|
3863
|
+
imports: [common.CommonModule],
|
|
3864
|
+
declarations: [TokenListComponent],
|
|
3865
|
+
exports: [TokenListComponent],
|
|
3866
|
+
})
|
|
3867
|
+
], TokenListModule);
|
|
3868
|
+
return TokenListModule;
|
|
3869
|
+
}());
|
|
3870
|
+
|
|
3762
3871
|
var TableModule = /** @class */ (function () {
|
|
3763
3872
|
function TableModule() {
|
|
3764
3873
|
}
|
|
@@ -3766,7 +3875,8 @@
|
|
|
3766
3875
|
core.NgModule({
|
|
3767
3876
|
imports: [
|
|
3768
3877
|
common.CommonModule,
|
|
3769
|
-
tooltip.TooltipModule
|
|
3878
|
+
tooltip.TooltipModule,
|
|
3879
|
+
TokenListModule
|
|
3770
3880
|
],
|
|
3771
3881
|
exports: [
|
|
3772
3882
|
RowTogllerDirective,
|
|
@@ -6420,54 +6530,6 @@
|
|
|
6420
6530
|
return TileModule;
|
|
6421
6531
|
}());
|
|
6422
6532
|
|
|
6423
|
-
var TokenListComponent = /** @class */ (function () {
|
|
6424
|
-
function TokenListComponent() {
|
|
6425
|
-
this.id = "s-token-list-" + TokenListComponent_1.nextId++;
|
|
6426
|
-
this.removableTokens = false;
|
|
6427
|
-
this.tokenSelected = new core.EventEmitter();
|
|
6428
|
-
this.tokenRemoved = new core.EventEmitter();
|
|
6429
|
-
}
|
|
6430
|
-
TokenListComponent_1 = TokenListComponent;
|
|
6431
|
-
var TokenListComponent_1;
|
|
6432
|
-
TokenListComponent.nextId = 0;
|
|
6433
|
-
__decorate([
|
|
6434
|
-
core.Input()
|
|
6435
|
-
], TokenListComponent.prototype, "id", void 0);
|
|
6436
|
-
__decorate([
|
|
6437
|
-
core.Input()
|
|
6438
|
-
], TokenListComponent.prototype, "tokens", void 0);
|
|
6439
|
-
__decorate([
|
|
6440
|
-
core.Input()
|
|
6441
|
-
], TokenListComponent.prototype, "removableTokens", void 0);
|
|
6442
|
-
__decorate([
|
|
6443
|
-
core.Output()
|
|
6444
|
-
], TokenListComponent.prototype, "tokenSelected", void 0);
|
|
6445
|
-
__decorate([
|
|
6446
|
-
core.Output()
|
|
6447
|
-
], TokenListComponent.prototype, "tokenRemoved", void 0);
|
|
6448
|
-
TokenListComponent = TokenListComponent_1 = __decorate([
|
|
6449
|
-
core.Component({
|
|
6450
|
-
selector: "s-token-list",
|
|
6451
|
-
template: "<div [id]=\"id\" class=\"token-list\">\n <ng-container *ngFor=\"let token of tokens\">\n <span [id]=\"token.id\" class=\"sds-token\">\n <a [id]=\"token.id + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n </span>\n </ng-container>\n</div>",
|
|
6452
|
-
styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}"]
|
|
6453
|
-
})
|
|
6454
|
-
], TokenListComponent);
|
|
6455
|
-
return TokenListComponent;
|
|
6456
|
-
}());
|
|
6457
|
-
|
|
6458
|
-
var TokenListModule = /** @class */ (function () {
|
|
6459
|
-
function TokenListModule() {
|
|
6460
|
-
}
|
|
6461
|
-
TokenListModule = __decorate([
|
|
6462
|
-
core.NgModule({
|
|
6463
|
-
imports: [common.CommonModule],
|
|
6464
|
-
declarations: [TokenListComponent],
|
|
6465
|
-
exports: [TokenListComponent],
|
|
6466
|
-
})
|
|
6467
|
-
], TokenListModule);
|
|
6468
|
-
return TokenListModule;
|
|
6469
|
-
}());
|
|
6470
|
-
|
|
6471
6533
|
|
|
6472
6534
|
(function (GlobalSearchSizeEnum) {
|
|
6473
6535
|
GlobalSearchSizeEnum["STANDARD"] = "STANDARD";
|
|
@@ -6890,35 +6952,36 @@
|
|
|
6890
6952
|
exports.TokenListComponent = TokenListComponent;
|
|
6891
6953
|
exports.TokenListModule = TokenListModule;
|
|
6892
6954
|
exports.ɵa = LocalizedCurrencyImpurePipe;
|
|
6893
|
-
exports.ɵb =
|
|
6894
|
-
exports.ɵba =
|
|
6895
|
-
exports.ɵbb =
|
|
6896
|
-
exports.ɵbc =
|
|
6897
|
-
exports.ɵbd =
|
|
6898
|
-
exports.ɵbe =
|
|
6899
|
-
exports.ɵ
|
|
6900
|
-
exports.ɵ
|
|
6901
|
-
exports.ɵ
|
|
6902
|
-
exports.ɵ
|
|
6903
|
-
exports.ɵ
|
|
6904
|
-
exports.ɵ
|
|
6905
|
-
exports.ɵ
|
|
6906
|
-
exports.ɵ
|
|
6907
|
-
exports.ɵ
|
|
6908
|
-
exports.ɵ
|
|
6909
|
-
exports.ɵ
|
|
6910
|
-
exports.ɵ
|
|
6911
|
-
exports.ɵ
|
|
6912
|
-
exports.ɵ
|
|
6913
|
-
exports.ɵ
|
|
6914
|
-
exports.ɵ
|
|
6915
|
-
exports.ɵ
|
|
6916
|
-
exports.ɵ
|
|
6917
|
-
exports.ɵ
|
|
6918
|
-
exports.ɵ
|
|
6919
|
-
exports.ɵ
|
|
6920
|
-
exports.ɵ
|
|
6921
|
-
exports.ɵ
|
|
6955
|
+
exports.ɵb = TokenListModule;
|
|
6956
|
+
exports.ɵba = FooterComponent;
|
|
6957
|
+
exports.ɵbb = InfoSignComponent;
|
|
6958
|
+
exports.ɵbc = NumberLocaleOptions;
|
|
6959
|
+
exports.ɵbd = ThumbnailService;
|
|
6960
|
+
exports.ɵbe = InfiniteScrollModule;
|
|
6961
|
+
exports.ɵbf = InfiniteScrollDirective;
|
|
6962
|
+
exports.ɵc = TableColumnsComponent;
|
|
6963
|
+
exports.ɵd = InfoSignModule;
|
|
6964
|
+
exports.ɵe = AutocompleteFieldComponent;
|
|
6965
|
+
exports.ɵf = BooleanFieldComponent;
|
|
6966
|
+
exports.ɵg = CalendarFieldComponent;
|
|
6967
|
+
exports.ɵh = ChipsFieldComponent;
|
|
6968
|
+
exports.ɵi = CurrencyFieldComponent;
|
|
6969
|
+
exports.ɵj = BaseFieldComponent;
|
|
6970
|
+
exports.ɵk = DynamicFieldComponent;
|
|
6971
|
+
exports.ɵl = DynamicFormDirective;
|
|
6972
|
+
exports.ɵm = FieldsetComponent;
|
|
6973
|
+
exports.ɵn = FileUploadComponent$1;
|
|
6974
|
+
exports.ɵo = LookupFieldComponent;
|
|
6975
|
+
exports.ɵp = NumberFieldComponent;
|
|
6976
|
+
exports.ɵq = RadioButtonComponent;
|
|
6977
|
+
exports.ɵr = RowComponent;
|
|
6978
|
+
exports.ɵs = SectionComponent;
|
|
6979
|
+
exports.ɵt = SelectFieldComponent;
|
|
6980
|
+
exports.ɵu = TextAreaFieldComponent;
|
|
6981
|
+
exports.ɵv = TextFieldComponent;
|
|
6982
|
+
exports.ɵx = DecimalField;
|
|
6983
|
+
exports.ɵy = StructureModule;
|
|
6984
|
+
exports.ɵz = HeaderComponent;
|
|
6922
6985
|
|
|
6923
6986
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
6924
6987
|
|