@seniorsistemas/angular-components 14.3.10 → 14.4.0
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 +149 -86
- 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 +63 -8
- 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 +62 -7
- 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 +116 -54
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +120 -58
- 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
|
@@ -1875,6 +1875,7 @@ var LookupComponent = /** @class */ (function () {
|
|
|
1875
1875
|
return this.lookupSuggestions;
|
|
1876
1876
|
};
|
|
1877
1877
|
LookupComponent.prototype.lazyLoadGrid = function (event) {
|
|
1878
|
+
//Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
|
|
1878
1879
|
var filters = this.formGroupDialog.getRawValue();
|
|
1879
1880
|
var params = __assign(__assign({}, event), { filterData: filters });
|
|
1880
1881
|
var multiSortMeta = event.multiSortMeta;
|
|
@@ -2151,7 +2152,7 @@ var LookupComponent = /** @class */ (function () {
|
|
|
2151
2152
|
LookupComponent = LookupComponent_1 = __decorate([
|
|
2152
2153
|
Component({
|
|
2153
2154
|
selector: "s-lookup",
|
|
2154
|
-
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",
|
|
2155
|
+
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",
|
|
2155
2156
|
providers: [
|
|
2156
2157
|
{
|
|
2157
2158
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2181,7 +2182,7 @@ var LookupComponent = /** @class */ (function () {
|
|
|
2181
2182
|
transition("* <=> *", animate("{{transitionParams}}")),
|
|
2182
2183
|
]),
|
|
2183
2184
|
],
|
|
2184
|
-
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);
|
|
2185
|
+
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%}}"]
|
|
2185
2186
|
})
|
|
2186
2187
|
], LookupComponent);
|
|
2187
2188
|
return LookupComponent;
|
|
@@ -3391,6 +3392,7 @@ var EnumColumnFieldType;
|
|
|
3391
3392
|
EnumColumnFieldType["ENUM"] = "ENUM";
|
|
3392
3393
|
EnumColumnFieldType["LOOKUP"] = "LOOKUP";
|
|
3393
3394
|
EnumColumnFieldType["LINK"] = "LINK";
|
|
3395
|
+
EnumColumnFieldType["TOKENS"] = "TOKENS";
|
|
3394
3396
|
})(EnumColumnFieldType || (EnumColumnFieldType = {}));
|
|
3395
3397
|
|
|
3396
3398
|
var EnumBadgeColors;
|
|
@@ -3465,7 +3467,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
3465
3467
|
});
|
|
3466
3468
|
}
|
|
3467
3469
|
});
|
|
3468
|
-
if (attributeValue === null || attributeValue === undefined) {
|
|
3470
|
+
if (attributeValue === null || attributeValue === undefined || (_this.isArray(attributeValue) && !attributeValue.length)) {
|
|
3469
3471
|
return uninformed;
|
|
3470
3472
|
}
|
|
3471
3473
|
else {
|
|
@@ -3489,19 +3491,31 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
3489
3491
|
return attributeValue;
|
|
3490
3492
|
case EnumColumnFieldType.NUMBER:
|
|
3491
3493
|
return _this.applyMask(attributeValue, numberConfigs, false);
|
|
3494
|
+
case EnumColumnFieldType.TOKENS:
|
|
3495
|
+
return _this.getTokens(attributeValue);
|
|
3492
3496
|
}
|
|
3493
3497
|
}
|
|
3494
|
-
})
|
|
3495
|
-
var
|
|
3498
|
+
});
|
|
3499
|
+
var unifiedColumnValues = columnValue.join(separator);
|
|
3500
|
+
var uninformedNumber = unifiedColumnValues
|
|
3496
3501
|
.split(separator)
|
|
3497
3502
|
.filter(function (value) { return value === uninformed; }).length;
|
|
3503
|
+
var formattedColumnValue;
|
|
3498
3504
|
if (uninformedNumber === column.attributes.length) {
|
|
3499
|
-
|
|
3505
|
+
formattedColumnValue = uninformed;
|
|
3506
|
+
}
|
|
3507
|
+
else if (column.type === EnumColumnFieldType.TOKENS) {
|
|
3508
|
+
formattedColumnValue = [].concat.apply([], columnValue.filter(function (values) { return values !== uninformed; }));
|
|
3509
|
+
}
|
|
3510
|
+
else {
|
|
3511
|
+
formattedColumnValue = unifiedColumnValues;
|
|
3500
3512
|
}
|
|
3501
3513
|
return {
|
|
3502
3514
|
style: style,
|
|
3503
|
-
columnValue:
|
|
3515
|
+
columnValue: formattedColumnValue,
|
|
3504
3516
|
badgeClass: badgeClass,
|
|
3517
|
+
separator: separator,
|
|
3518
|
+
uninformed: uninformed,
|
|
3505
3519
|
type: column.type,
|
|
3506
3520
|
tooltip: this.getColumnTooltip(column.tooltip),
|
|
3507
3521
|
onLinkClick: column.onLinkClick,
|
|
@@ -3547,6 +3561,49 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
3547
3561
|
var operator = rawValue.includes("-") && !isZero ? "-" : "";
|
|
3548
3562
|
return "" + operator + currencySymbol + " " + newValue;
|
|
3549
3563
|
};
|
|
3564
|
+
TableColumnsComponent.prototype.getTokens = function (values) {
|
|
3565
|
+
if (!this.isArray(values))
|
|
3566
|
+
throw new Error("To use tokens an array must be informed");
|
|
3567
|
+
// tslint:disable-next-line: max-line-length
|
|
3568
|
+
if (!this.isValidTokenArray(values))
|
|
3569
|
+
throw new Error("Not a valid token array. Token array must be a primitive values array or an objects with label attribute array");
|
|
3570
|
+
if (this.isLabelObjectArray(values))
|
|
3571
|
+
return values;
|
|
3572
|
+
return values
|
|
3573
|
+
.filter(function (value) { return value !== undefined && value !== null; })
|
|
3574
|
+
.map(function (value) {
|
|
3575
|
+
var label = typeof value === "symbol" ? value.toString() : "" + value;
|
|
3576
|
+
return {
|
|
3577
|
+
label: label
|
|
3578
|
+
};
|
|
3579
|
+
});
|
|
3580
|
+
};
|
|
3581
|
+
TableColumnsComponent.prototype.isValidTokenArray = function (values) {
|
|
3582
|
+
return this.isPrimitiveValuesArray(values) || this.isLabelObjectArray(values);
|
|
3583
|
+
};
|
|
3584
|
+
TableColumnsComponent.prototype.isPrimitiveValuesArray = function (values) {
|
|
3585
|
+
return values.filter(function (value) { return value !== Object(value); }).length === values.length;
|
|
3586
|
+
};
|
|
3587
|
+
TableColumnsComponent.prototype.isLabelObjectArray = function (values) {
|
|
3588
|
+
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;
|
|
3589
|
+
};
|
|
3590
|
+
TableColumnsComponent.prototype.isArray = function (value) {
|
|
3591
|
+
return Array.isArray(value);
|
|
3592
|
+
};
|
|
3593
|
+
TableColumnsComponent.prototype.getSplittedString = function (column) {
|
|
3594
|
+
var columnValue = column.columnValue, separator = column.separator, uninformed = column.uninformed;
|
|
3595
|
+
if (typeof columnValue === "string") {
|
|
3596
|
+
var splittedString_1 = columnValue.split(separator);
|
|
3597
|
+
return splittedString_1.map(function (string, index) {
|
|
3598
|
+
var isLastIndex = splittedString_1.length - 1 === index;
|
|
3599
|
+
return {
|
|
3600
|
+
value: string,
|
|
3601
|
+
isUninformed: string === uninformed,
|
|
3602
|
+
separator: !isLastIndex ? separator : ""
|
|
3603
|
+
};
|
|
3604
|
+
});
|
|
3605
|
+
}
|
|
3606
|
+
};
|
|
3550
3607
|
TableColumnsComponent.ctorParameters = function () { return [
|
|
3551
3608
|
{ type: ViewContainerRef },
|
|
3552
3609
|
{ type: TranslateService },
|
|
@@ -3566,7 +3623,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
3566
3623
|
], TableColumnsComponent.prototype, "locale", void 0);
|
|
3567
3624
|
TableColumnsComponent = __decorate([
|
|
3568
3625
|
Component({
|
|
3569
|
-
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\">
|
|
3626
|
+
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",
|
|
3570
3627
|
selector: "s-table-columns",
|
|
3571
3628
|
styles: [":host { display: none; }"]
|
|
3572
3629
|
}),
|
|
@@ -3575,6 +3632,58 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
3575
3632
|
return TableColumnsComponent;
|
|
3576
3633
|
}());
|
|
3577
3634
|
|
|
3635
|
+
var TokenListComponent = /** @class */ (function () {
|
|
3636
|
+
function TokenListComponent() {
|
|
3637
|
+
this.id = "s-token-list-" + TokenListComponent_1.nextId++;
|
|
3638
|
+
this.removableTokens = false;
|
|
3639
|
+
this.hidePointerEvents = false;
|
|
3640
|
+
this.tokenSelected = new EventEmitter();
|
|
3641
|
+
this.tokenRemoved = new EventEmitter();
|
|
3642
|
+
}
|
|
3643
|
+
TokenListComponent_1 = TokenListComponent;
|
|
3644
|
+
var TokenListComponent_1;
|
|
3645
|
+
TokenListComponent.nextId = 0;
|
|
3646
|
+
__decorate([
|
|
3647
|
+
Input()
|
|
3648
|
+
], TokenListComponent.prototype, "id", void 0);
|
|
3649
|
+
__decorate([
|
|
3650
|
+
Input()
|
|
3651
|
+
], TokenListComponent.prototype, "tokens", void 0);
|
|
3652
|
+
__decorate([
|
|
3653
|
+
Input()
|
|
3654
|
+
], TokenListComponent.prototype, "removableTokens", void 0);
|
|
3655
|
+
__decorate([
|
|
3656
|
+
Input()
|
|
3657
|
+
], TokenListComponent.prototype, "hidePointerEvents", void 0);
|
|
3658
|
+
__decorate([
|
|
3659
|
+
Output()
|
|
3660
|
+
], TokenListComponent.prototype, "tokenSelected", void 0);
|
|
3661
|
+
__decorate([
|
|
3662
|
+
Output()
|
|
3663
|
+
], TokenListComponent.prototype, "tokenRemoved", void 0);
|
|
3664
|
+
TokenListComponent = TokenListComponent_1 = __decorate([
|
|
3665
|
+
Component({
|
|
3666
|
+
selector: "s-token-list",
|
|
3667
|
+
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>",
|
|
3668
|
+
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}"]
|
|
3669
|
+
})
|
|
3670
|
+
], TokenListComponent);
|
|
3671
|
+
return TokenListComponent;
|
|
3672
|
+
}());
|
|
3673
|
+
|
|
3674
|
+
var TokenListModule = /** @class */ (function () {
|
|
3675
|
+
function TokenListModule() {
|
|
3676
|
+
}
|
|
3677
|
+
TokenListModule = __decorate([
|
|
3678
|
+
NgModule({
|
|
3679
|
+
imports: [CommonModule],
|
|
3680
|
+
declarations: [TokenListComponent],
|
|
3681
|
+
exports: [TokenListComponent],
|
|
3682
|
+
})
|
|
3683
|
+
], TokenListModule);
|
|
3684
|
+
return TokenListModule;
|
|
3685
|
+
}());
|
|
3686
|
+
|
|
3578
3687
|
var TableModule = /** @class */ (function () {
|
|
3579
3688
|
function TableModule() {
|
|
3580
3689
|
}
|
|
@@ -3582,7 +3691,8 @@ var TableModule = /** @class */ (function () {
|
|
|
3582
3691
|
NgModule({
|
|
3583
3692
|
imports: [
|
|
3584
3693
|
CommonModule,
|
|
3585
|
-
TooltipModule
|
|
3694
|
+
TooltipModule,
|
|
3695
|
+
TokenListModule
|
|
3586
3696
|
],
|
|
3587
3697
|
exports: [
|
|
3588
3698
|
RowTogllerDirective,
|
|
@@ -6236,54 +6346,6 @@ var TileModule = /** @class */ (function () {
|
|
|
6236
6346
|
return TileModule;
|
|
6237
6347
|
}());
|
|
6238
6348
|
|
|
6239
|
-
var TokenListComponent = /** @class */ (function () {
|
|
6240
|
-
function TokenListComponent() {
|
|
6241
|
-
this.id = "s-token-list-" + TokenListComponent_1.nextId++;
|
|
6242
|
-
this.removableTokens = false;
|
|
6243
|
-
this.tokenSelected = new EventEmitter();
|
|
6244
|
-
this.tokenRemoved = new EventEmitter();
|
|
6245
|
-
}
|
|
6246
|
-
TokenListComponent_1 = TokenListComponent;
|
|
6247
|
-
var TokenListComponent_1;
|
|
6248
|
-
TokenListComponent.nextId = 0;
|
|
6249
|
-
__decorate([
|
|
6250
|
-
Input()
|
|
6251
|
-
], TokenListComponent.prototype, "id", void 0);
|
|
6252
|
-
__decorate([
|
|
6253
|
-
Input()
|
|
6254
|
-
], TokenListComponent.prototype, "tokens", void 0);
|
|
6255
|
-
__decorate([
|
|
6256
|
-
Input()
|
|
6257
|
-
], TokenListComponent.prototype, "removableTokens", void 0);
|
|
6258
|
-
__decorate([
|
|
6259
|
-
Output()
|
|
6260
|
-
], TokenListComponent.prototype, "tokenSelected", void 0);
|
|
6261
|
-
__decorate([
|
|
6262
|
-
Output()
|
|
6263
|
-
], TokenListComponent.prototype, "tokenRemoved", void 0);
|
|
6264
|
-
TokenListComponent = TokenListComponent_1 = __decorate([
|
|
6265
|
-
Component({
|
|
6266
|
-
selector: "s-token-list",
|
|
6267
|
-
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>",
|
|
6268
|
-
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}"]
|
|
6269
|
-
})
|
|
6270
|
-
], TokenListComponent);
|
|
6271
|
-
return TokenListComponent;
|
|
6272
|
-
}());
|
|
6273
|
-
|
|
6274
|
-
var TokenListModule = /** @class */ (function () {
|
|
6275
|
-
function TokenListModule() {
|
|
6276
|
-
}
|
|
6277
|
-
TokenListModule = __decorate([
|
|
6278
|
-
NgModule({
|
|
6279
|
-
imports: [CommonModule],
|
|
6280
|
-
declarations: [TokenListComponent],
|
|
6281
|
-
exports: [TokenListComponent],
|
|
6282
|
-
})
|
|
6283
|
-
], TokenListModule);
|
|
6284
|
-
return TokenListModule;
|
|
6285
|
-
}());
|
|
6286
|
-
|
|
6287
6349
|
var GlobalSearchSizeEnum;
|
|
6288
6350
|
(function (GlobalSearchSizeEnum) {
|
|
6289
6351
|
GlobalSearchSizeEnum["STANDARD"] = "STANDARD";
|
|
@@ -6606,5 +6668,5 @@ var AngularComponentsModule = /** @class */ (function () {
|
|
|
6606
6668
|
* Generated bundle index. Do not edit.
|
|
6607
6669
|
*/
|
|
6608
6670
|
|
|
6609
|
-
export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa,
|
|
6671
|
+
export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, TokenListModule as ɵb, FooterComponent as ɵba, InfoSignComponent as ɵbb, NumberLocaleOptions as ɵbc, ThumbnailService as ɵbd, InfiniteScrollModule as ɵbe, InfiniteScrollDirective as ɵbf, TableColumnsComponent as ɵc, InfoSignModule as ɵd, AutocompleteFieldComponent as ɵe, BooleanFieldComponent as ɵf, CalendarFieldComponent as ɵg, ChipsFieldComponent as ɵh, CurrencyFieldComponent as ɵi, BaseFieldComponent as ɵj, DynamicFieldComponent as ɵk, DynamicFormDirective as ɵl, FieldsetComponent as ɵm, FileUploadComponent$1 as ɵn, LookupFieldComponent as ɵo, NumberFieldComponent as ɵp, RadioButtonComponent as ɵq, RowComponent as ɵr, SectionComponent as ɵs, SelectFieldComponent as ɵt, TextAreaFieldComponent as ɵu, TextFieldComponent as ɵv, DecimalField as ɵx, StructureModule as ɵy, HeaderComponent as ɵz };
|
|
6610
6672
|
//# sourceMappingURL=seniorsistemas-angular-components.js.map
|