@symphony-talent/component-library 3.1.0 → 3.2.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/esm2020/lib/atoms/button/button.component.mjs +3 -3
- package/esm2020/lib/atoms/filter-area/filter-area.component.mjs +1 -1
- package/esm2020/lib/atoms/grid/framework/contact-activity-score/contact-activity-score.component.mjs +1 -1
- package/esm2020/lib/atoms/grid/grid.component.mjs +5 -6
- package/esm2020/lib/atoms/grid/grid.model.mjs +1 -1
- package/esm2020/lib/atoms/h1/h1.component.mjs +1 -1
- package/esm2020/lib/atoms/h3/h3.component.mjs +1 -1
- package/esm2020/lib/atoms/h4/h4.component.mjs +1 -1
- package/esm2020/lib/atoms/icon/icon.component.mjs +1 -1
- package/esm2020/lib/atoms/input-radio/input-radio.component.mjs +1 -1
- package/esm2020/lib/atoms/input-text/input-text.component.mjs +5 -3
- package/esm2020/lib/atoms/paragraph/paragraph.component.mjs +1 -1
- package/esm2020/lib/atoms/pill/pill.component.mjs +2 -2
- package/esm2020/lib/atoms/sfx-loader/sfx-loader.component.mjs +1 -1
- package/esm2020/lib/atoms/sfx-page-loader/sfx-page-loader.component.mjs +1 -1
- package/esm2020/lib/atoms/sfx-progress-bar/sfx-progress-bar.component.mjs +1 -1
- package/esm2020/lib/atoms/task-icon/task-icon.component.mjs +1 -1
- package/esm2020/lib/atoms/two-column-filter-area/two-column-filter-area.component.mjs +1 -1
- package/esm2020/lib/design-guide/icon-explorer/icon-explorer.component.mjs +1 -1
- package/esm2020/lib/design-guide/typography/typography.component.mjs +1 -1
- package/esm2020/lib/molecules/note/note.component.mjs +1 -1
- package/esm2020/lib/molecules/pills/pills.component.mjs +3 -3
- package/esm2020/lib/molecules/task/task.component.mjs +1 -1
- package/esm2020/lib/organisms/note-list/note-list.component.mjs +1 -1
- package/esm2020/lib/organisms/task-list/task-list.component.mjs +1 -1
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +8 -9
- package/esm2020/lib/pages/events-settings-page/events-settings-page.model.mjs +1 -1
- package/esm2020/lib/pages/setting-list-page/setting-list-page.component.mjs +1 -1
- package/esm2020/lib/templates/admin-list/admin-list.component.mjs +1 -1
- package/esm2020/lib/templates/placeholder/placeholder.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/button/button.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/grid/framework/contact-activity-score/contact-activity-score.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +5 -6
- package/esm2020/projects/component-library/lib/atoms/grid/grid.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/h1/h1.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/h3/h3.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/h4/h4.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/icon/icon.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/input-radio/input-radio.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/paragraph/paragraph.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/pill/pill.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/sfx-loader/sfx-loader.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/sfx-page-loader/sfx-page-loader.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/sfx-progress-bar/sfx-progress-bar.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/task-icon/task-icon.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/two-column-filter-area/two-column-filter-area.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/design-guide/typography/typography.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/note/note.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/pills/pills.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/task/task.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/note-list/note-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/task-list/task-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +8 -9
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/setting-list-page/setting-list-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/templates/placeholder/placeholder.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +36 -35
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +36 -35
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +36 -35
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +36 -35
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/grid/grid.component.d.ts +2 -6
- package/lib/atoms/grid/grid.model.d.ts +1 -0
- package/lib/atoms/input-text/input-text.component.d.ts +2 -1
- package/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
- package/lib/pages/events-settings-page/events-settings-page.model.d.ts +0 -1
- package/package.json +1 -1
- package/projects/component-library/global-assets/spacing.scss +290 -0
- package/projects/component-library/global.scss +230 -252
- package/projects/component-library/lib/atoms/grid/grid.component.d.ts +2 -6
- package/projects/component-library/lib/atoms/grid/grid.model.d.ts +1 -0
- package/projects/component-library/lib/atoms/input-text/input-text.component.d.ts +2 -1
- package/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
- package/projects/component-library/lib/pages/events-settings-page/events-settings-page.model.d.ts +0 -1
|
@@ -128,10 +128,10 @@ class ButtonComponent {
|
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
131
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonComponent, selector: "symphony-button", inputs: { text: "text", disabled: "disabled", isSecondary: "isSecondary", isInverse: "isInverse" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:
|
|
131
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonComponent, selector: "symphony-button", inputs: { text: "text", disabled: "disabled", isSecondary: "isSecondary", isInverse: "isInverse" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:60px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#fff!important;color:#000;border:2px solid #fff!important}.btn-secondary{background:#fff;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
132
132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
133
133
|
type: Component,
|
|
134
|
-
args: [{ selector: 'symphony-button', template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:
|
|
134
|
+
args: [{ selector: 'symphony-button', template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:60px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#fff!important;color:#000;border:2px solid #fff!important}.btn-secondary{background:#fff;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #fff}\n"] }]
|
|
135
135
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
136
136
|
type: Input
|
|
137
137
|
}], disabled: [{
|
|
@@ -387,9 +387,6 @@ class GridComponent {
|
|
|
387
387
|
return this.rowHeightPage;
|
|
388
388
|
};
|
|
389
389
|
}
|
|
390
|
-
onGridReady(gridReadyEvent) {
|
|
391
|
-
gridReadyEvent.api.sizeColumnsToFit();
|
|
392
|
-
}
|
|
393
390
|
getFrameworkComponents() {
|
|
394
391
|
return {
|
|
395
392
|
contactActivityScore: ContactActivityScoreComponent,
|
|
@@ -400,14 +397,16 @@ class GridComponent {
|
|
|
400
397
|
}
|
|
401
398
|
}
|
|
402
399
|
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
403
|
-
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", rowData: "rowData" }, ngImport: i0, template: "<ag-grid-angular\n style=\"width: 100%\"\n class=\"ag-theme-alpine\"\n [rowData]=\"rowData\"\n [columnDefs]=\"columnDefs\"\n (gridReady)=\"
|
|
400
|
+
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction" }, ngImport: i0, template: "<ag-grid-angular\n style=\"width: 100%\"\n class=\"ag-theme-alpine\"\n [rowData]=\"rowData\"\n [columnDefs]=\"columnDefs\"\n (gridReady)=\"onGridReadyFunction($event)\"\n [style.height.vh]=\"gridHeight\"\n [getRowHeight]=\"getRowHeight\"\n [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""], components: [{ type: i1$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }] });
|
|
404
401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
|
|
405
402
|
type: Component,
|
|
406
|
-
args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n style=\"width: 100%\"\n class=\"ag-theme-alpine\"\n [rowData]=\"rowData\"\n [columnDefs]=\"columnDefs\"\n (gridReady)=\"
|
|
403
|
+
args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n style=\"width: 100%\"\n class=\"ag-theme-alpine\"\n [rowData]=\"rowData\"\n [columnDefs]=\"columnDefs\"\n (gridReady)=\"onGridReadyFunction($event)\"\n [style.height.vh]=\"gridHeight\"\n [getRowHeight]=\"getRowHeight\"\n [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""] }]
|
|
407
404
|
}], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
|
|
408
405
|
type: Input
|
|
409
406
|
}], rowData: [{
|
|
410
407
|
type: Input
|
|
408
|
+
}], onGridReadyFunction: [{
|
|
409
|
+
type: Input
|
|
411
410
|
}] } });
|
|
412
411
|
|
|
413
412
|
class ContactActivityScoreModule {
|
|
@@ -1008,10 +1007,10 @@ class InputTextComponent {
|
|
|
1008
1007
|
}
|
|
1009
1008
|
}
|
|
1010
1009
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1011
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1010
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1012
1011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1013
1012
|
type: Component,
|
|
1014
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}\n"] }]
|
|
1013
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"] }]
|
|
1015
1014
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
1016
1015
|
type: Input
|
|
1017
1016
|
}], icon: [{
|
|
@@ -1020,6 +1019,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1020
1019
|
type: Input
|
|
1021
1020
|
}], isInverse: [{
|
|
1022
1021
|
type: Input
|
|
1022
|
+
}], noMargin: [{
|
|
1023
|
+
type: Input
|
|
1023
1024
|
}], textChange: [{
|
|
1024
1025
|
type: Output
|
|
1025
1026
|
}] } });
|
|
@@ -1422,7 +1423,7 @@ class PillsComponent {
|
|
|
1422
1423
|
this.removePill = new EventEmitter();
|
|
1423
1424
|
}
|
|
1424
1425
|
onRemovePill(event) {
|
|
1425
|
-
this.removePill.emit(this.pillsList.find(p => p.pillLabel.toLowerCase() === event.toLowerCase()));
|
|
1426
|
+
this.removePill.emit(this.pillsList.find((p) => p.pillLabel.toLowerCase() === event.toLowerCase()));
|
|
1426
1427
|
}
|
|
1427
1428
|
}
|
|
1428
1429
|
PillsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -2500,28 +2501,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2500
2501
|
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
|
|
2501
2502
|
}], ctorParameters: function () { return []; } });
|
|
2502
2503
|
|
|
2503
|
-
class PlaceholderComponent {
|
|
2504
|
-
constructor() { }
|
|
2505
|
-
}
|
|
2506
|
-
PlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2507
|
-
PlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PlaceholderComponent, selector: "symphony-placeholder", inputs: { type: "type", label: "label", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement", height: "height", width: "width" }, ngImport: i0, template: "<div\n *ngIf=\"type !== 'circle'\"\n class=\"placeholder-dashed\"\n [ngStyle]=\"{ height: height }\"\n>\n {{ label }}\n</div>\n\n<div\n *ngIf=\"type === 'circle'\"\n [tooltip]=\"tooltip\"\n [placement]=\"tooltipPlacement\"\n class=\"placeholder-dashed-circle\"\n [ngStyle]=\"{ height: height, width: width }\"\n>\n {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }] });
|
|
2508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, decorators: [{
|
|
2509
|
-
type: Component,
|
|
2510
|
-
args: [{ selector: 'symphony-placeholder', template: "<div\n *ngIf=\"type !== 'circle'\"\n class=\"placeholder-dashed\"\n [ngStyle]=\"{ height: height }\"\n>\n {{ label }}\n</div>\n\n<div\n *ngIf=\"type === 'circle'\"\n [tooltip]=\"tooltip\"\n [placement]=\"tooltipPlacement\"\n class=\"placeholder-dashed-circle\"\n [ngStyle]=\"{ height: height, width: width }\"\n>\n {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"] }]
|
|
2511
|
-
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
2512
|
-
type: Input
|
|
2513
|
-
}], label: [{
|
|
2514
|
-
type: Input
|
|
2515
|
-
}], tooltip: [{
|
|
2516
|
-
type: Input
|
|
2517
|
-
}], tooltipPlacement: [{
|
|
2518
|
-
type: Input
|
|
2519
|
-
}], height: [{
|
|
2520
|
-
type: Input
|
|
2521
|
-
}], width: [{
|
|
2522
|
-
type: Input
|
|
2523
|
-
}] } });
|
|
2524
|
-
|
|
2525
2504
|
class EventsSettingsPageComponent {
|
|
2526
2505
|
constructor() {
|
|
2527
2506
|
this.keywordSearchChange = new EventEmitter();
|
|
@@ -2550,10 +2529,10 @@ class EventsSettingsPageComponent {
|
|
|
2550
2529
|
}
|
|
2551
2530
|
}
|
|
2552
2531
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2553
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <
|
|
2532
|
+
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"filter-one\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2554
2533
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
2555
2534
|
type: Component,
|
|
2556
|
-
args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <
|
|
2535
|
+
args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"filter-one\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
|
|
2557
2536
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2558
2537
|
type: Input
|
|
2559
2538
|
}], keywordSearchChange: [{
|
|
@@ -2578,6 +2557,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2578
2557
|
}]
|
|
2579
2558
|
}] });
|
|
2580
2559
|
|
|
2560
|
+
class PlaceholderComponent {
|
|
2561
|
+
constructor() { }
|
|
2562
|
+
}
|
|
2563
|
+
PlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2564
|
+
PlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PlaceholderComponent, selector: "symphony-placeholder", inputs: { type: "type", label: "label", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement", height: "height", width: "width" }, ngImport: i0, template: "<div\n *ngIf=\"type !== 'circle'\"\n class=\"placeholder-dashed\"\n [ngStyle]=\"{ height: height }\"\n>\n {{ label }}\n</div>\n\n<div\n *ngIf=\"type === 'circle'\"\n [tooltip]=\"tooltip\"\n [placement]=\"tooltipPlacement\"\n class=\"placeholder-dashed-circle\"\n [ngStyle]=\"{ height: height, width: width }\"\n>\n {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }] });
|
|
2565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, decorators: [{
|
|
2566
|
+
type: Component,
|
|
2567
|
+
args: [{ selector: 'symphony-placeholder', template: "<div\n *ngIf=\"type !== 'circle'\"\n class=\"placeholder-dashed\"\n [ngStyle]=\"{ height: height }\"\n>\n {{ label }}\n</div>\n\n<div\n *ngIf=\"type === 'circle'\"\n [tooltip]=\"tooltip\"\n [placement]=\"tooltipPlacement\"\n class=\"placeholder-dashed-circle\"\n [ngStyle]=\"{ height: height, width: width }\"\n>\n {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"] }]
|
|
2568
|
+
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
2569
|
+
type: Input
|
|
2570
|
+
}], label: [{
|
|
2571
|
+
type: Input
|
|
2572
|
+
}], tooltip: [{
|
|
2573
|
+
type: Input
|
|
2574
|
+
}], tooltipPlacement: [{
|
|
2575
|
+
type: Input
|
|
2576
|
+
}], height: [{
|
|
2577
|
+
type: Input
|
|
2578
|
+
}], width: [{
|
|
2579
|
+
type: Input
|
|
2580
|
+
}] } });
|
|
2581
|
+
|
|
2581
2582
|
class PlaceholderModule {
|
|
2582
2583
|
}
|
|
2583
2584
|
PlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2671,7 +2672,7 @@ class SettingListPageComponent {
|
|
|
2671
2672
|
}
|
|
2672
2673
|
}
|
|
2673
2674
|
SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2674
|
-
SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-card-list\n card-list\n [cardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2675
|
+
SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-card-list\n card-list\n [cardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2675
2676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
|
|
2676
2677
|
type: Component,
|
|
2677
2678
|
args: [{ selector: 'symphony-setting-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-card-list\n card-list\n [cardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"] }]
|