@symphony-talent/component-library 3.2.1 → 3.3.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/atoms.module.mjs +7 -3
- package/esm2020/lib/atoms/grid/grid.component.mjs +5 -3
- package/esm2020/lib/atoms/grid/grid.model.mjs +1 -1
- package/esm2020/lib/atoms/icon/icon.component.mjs +5 -3
- package/esm2020/lib/atoms/input-text/input-text.component.mjs +1 -1
- package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +17 -0
- package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.mjs +20 -0
- package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs +1 -1
- package/esm2020/lib/molecules/card/card.component.mjs +1 -1
- package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +25 -0
- package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +2 -0
- package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +37 -0
- package/esm2020/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
- package/esm2020/lib/molecules/molecules.module.mjs +6 -2
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +5 -6
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +60 -0
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +2 -0
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +62 -0
- package/esm2020/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +12 -0
- package/esm2020/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.mjs +18 -0
- package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +12 -0
- package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.mjs +18 -0
- package/esm2020/projects/component-library/lib/atoms/atoms.module.mjs +7 -3
- package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/grid/grid.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/icon/icon.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +17 -0
- package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.mjs +20 -0
- package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +25 -0
- package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +37 -0
- package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +6 -2
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +5 -6
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +60 -0
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +62 -0
- package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +12 -0
- package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.mjs +18 -0
- package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +12 -0
- package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.mjs +18 -0
- package/esm2020/projects/component-library/public-api.mjs +8 -1
- package/esm2020/public-api.mjs +8 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +247 -19
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +247 -19
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +247 -19
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +247 -19
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/atoms.module.d.ts +2 -1
- package/lib/atoms/grid/grid.component.d.ts +2 -1
- package/lib/atoms/grid/grid.model.d.ts +1 -0
- package/lib/atoms/icon/icon.component.d.ts +2 -1
- package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +8 -0
- package/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.d.ts +9 -0
- package/lib/molecules/h5-with-icon/h5-with-icon.component.d.ts +8 -0
- package/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +9 -0
- package/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +12 -0
- package/lib/molecules/molecules.module.d.ts +2 -1
- package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +15 -0
- package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +37 -0
- package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +18 -0
- package/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.d.ts +6 -0
- package/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.d.ts +8 -0
- package/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +6 -0
- package/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.d.ts +8 -0
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/atoms.module.d.ts +2 -1
- package/projects/component-library/lib/atoms/grid/grid.component.d.ts +2 -1
- package/projects/component-library/lib/atoms/grid/grid.model.d.ts +1 -0
- package/projects/component-library/lib/atoms/icon/icon.component.d.ts +2 -1
- package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +8 -0
- package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.d.ts +9 -0
- package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.d.ts +8 -0
- package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +9 -0
- package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +12 -0
- package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +15 -0
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +37 -0
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +18 -0
- package/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.d.ts +6 -0
- package/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.d.ts +8 -0
- package/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +6 -0
- package/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.d.ts +8 -0
- package/projects/component-library/public-api.d.ts +7 -0
- package/public-api.d.ts +7 -0
|
@@ -10,7 +10,7 @@ import { AgGridModule } from 'ag-grid-angular';
|
|
|
10
10
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
11
11
|
import { Subject, timer } from 'rxjs';
|
|
12
12
|
import { debounceTime, distinctUntilChanged, delay } from 'rxjs/operators';
|
|
13
|
-
import * as
|
|
13
|
+
import * as i1$3 from 'ngx-bootstrap/tooltip';
|
|
14
14
|
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
|
15
15
|
|
|
16
16
|
class AvatarComponent {
|
|
@@ -397,12 +397,14 @@ class GridComponent {
|
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
399
|
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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
|
|
400
|
+
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", 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 [defaultColDef]=\"defaultColDef\"\n [style.height.vh]=\"gridHeight\"\n [getRowHeight]=\"getRowHeight\"\n [frameworkComponents]=\"frameworkComponents\"\n (gridReady)=\"onGridReadyFunction($event)\"\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"] }] });
|
|
401
401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
|
|
402
402
|
type: Component,
|
|
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
|
|
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 [defaultColDef]=\"defaultColDef\"\n [style.height.vh]=\"gridHeight\"\n [getRowHeight]=\"getRowHeight\"\n [frameworkComponents]=\"frameworkComponents\"\n (gridReady)=\"onGridReadyFunction($event)\"\n>\n</ag-grid-angular>\n", styles: [""] }]
|
|
404
404
|
}], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
|
|
405
405
|
type: Input
|
|
406
|
+
}], defaultColDef: [{
|
|
407
|
+
type: Input
|
|
406
408
|
}], rowData: [{
|
|
407
409
|
type: Input
|
|
408
410
|
}], onGridReadyFunction: [{
|
|
@@ -694,16 +696,18 @@ class IconComponent {
|
|
|
694
696
|
}
|
|
695
697
|
}
|
|
696
698
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
697
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{cursor:pointer;font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
699
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{cursor:pointer;font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
698
700
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
699
701
|
type: Component,
|
|
700
|
-
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{cursor:pointer;font-size:18px}\n"] }]
|
|
702
|
+
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{cursor:pointer;font-size:18px}\n"] }]
|
|
701
703
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
702
704
|
type: Input
|
|
703
705
|
}], isSecondary: [{
|
|
704
706
|
type: Input
|
|
705
707
|
}], size: [{
|
|
706
708
|
type: Input
|
|
709
|
+
}], iconColor: [{
|
|
710
|
+
type: Input
|
|
707
711
|
}], clicked: [{
|
|
708
712
|
type: Output
|
|
709
713
|
}] } });
|
|
@@ -1021,7 +1025,7 @@ class InputTextComponent {
|
|
|
1021
1025
|
}
|
|
1022
1026
|
}
|
|
1023
1027
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1024
|
-
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"] }] });
|
|
1028
|
+
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", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1025
1029
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1026
1030
|
type: Component,
|
|
1027
1031
|
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"] }]
|
|
@@ -1062,7 +1066,7 @@ class PillComponent {
|
|
|
1062
1066
|
}
|
|
1063
1067
|
}
|
|
1064
1068
|
PillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1065
|
-
PillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PillComponent, selector: "symphony-pill", inputs: { pillLabel: "pillLabel", isInverse: "isInverse", hasClose: "hasClose", tooltipLabel: "tooltipLabel" }, outputs: { removePill: "removePill" }, ngImport: i0, template: "<span *ngIf=\"tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n tooltip=\"{{tooltipLabel}}\"\n placement=\"top\"\n containerClass=\"sfx-info-tooltip pill-tooltip\"\n [adaptivePosition]=\"false\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>\n\n<span *ngIf=\"!tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>", styles: [".sfx-pill-item{font-family:neuzeit_groteskbold;background-color:#f1f1f1;color:#000;padding:10px 20px;border-radius:25px;text-align:center;font-weight:600;margin-right:10px;margin-top:10px;position:relative}.sfx-pill-item:hover,.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item.has-close{padding:10px 20px 10px 38px}.sfx-pill-item i{font-size:18px;position:absolute;left:14px;top:11px;transform:rotate(45deg)}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type:
|
|
1069
|
+
PillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PillComponent, selector: "symphony-pill", inputs: { pillLabel: "pillLabel", isInverse: "isInverse", hasClose: "hasClose", tooltipLabel: "tooltipLabel" }, outputs: { removePill: "removePill" }, ngImport: i0, template: "<span *ngIf=\"tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n tooltip=\"{{tooltipLabel}}\"\n placement=\"top\"\n containerClass=\"sfx-info-tooltip pill-tooltip\"\n [adaptivePosition]=\"false\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>\n\n<span *ngIf=\"!tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>", styles: [".sfx-pill-item{font-family:neuzeit_groteskbold;background-color:#f1f1f1;color:#000;padding:10px 20px;border-radius:25px;text-align:center;font-weight:600;margin-right:10px;margin-top:10px;position:relative}.sfx-pill-item:hover,.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item.has-close{padding:10px 20px 10px 38px}.sfx-pill-item i{font-size:18px;position:absolute;left:14px;top:11px;transform:rotate(45deg)}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$3.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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1066
1070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillComponent, decorators: [{
|
|
1067
1071
|
type: Component,
|
|
1068
1072
|
args: [{ selector: 'symphony-pill', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n tooltip=\"{{tooltipLabel}}\"\n placement=\"top\"\n containerClass=\"sfx-info-tooltip pill-tooltip\"\n [adaptivePosition]=\"false\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>\n\n<span *ngIf=\"!tooltipLabel\"\n class=\"sfx-d-inline-block sfx-pill-item\"\n [ngClass]=\"{'inverse-pill': isInverse }\"\n [ngClass]=\"{'has-close': hasClose }\"\n >\n <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ pillLabel }}\n</span>", styles: [".sfx-pill-item{font-family:neuzeit_groteskbold;background-color:#f1f1f1;color:#000;padding:10px 20px;border-radius:25px;text-align:center;font-weight:600;margin-right:10px;margin-top:10px;position:relative}.sfx-pill-item:hover,.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item.has-close{padding:10px 20px 10px 38px}.sfx-pill-item i{font-size:18px;position:absolute;left:14px;top:11px;transform:rotate(45deg)}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"] }]
|
|
@@ -1081,7 +1085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1081
1085
|
class PillModule {
|
|
1082
1086
|
}
|
|
1083
1087
|
PillModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1084
|
-
PillModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillModule, declarations: [PillComponent], imports: [CommonModule,
|
|
1088
|
+
PillModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillModule, declarations: [PillComponent], imports: [CommonModule, i1$3.TooltipModule], exports: [PillComponent] });
|
|
1085
1089
|
PillModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillModule, imports: [[
|
|
1086
1090
|
CommonModule, TooltipModule.forRoot()
|
|
1087
1091
|
]] });
|
|
@@ -1278,6 +1282,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1278
1282
|
}]
|
|
1279
1283
|
}] });
|
|
1280
1284
|
|
|
1285
|
+
class TooltipWrapperComponent {
|
|
1286
|
+
constructor() { }
|
|
1287
|
+
}
|
|
1288
|
+
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1289
|
+
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipText: "tooltipText" }, ngImport: i0, template: "<span\n class=\"sfx-d-inline-block\"\n tooltip=\"{{ tooltipText }}\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"], directives: [{ type: i1$3.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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
1291
|
+
type: Component,
|
|
1292
|
+
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<span\n class=\"sfx-d-inline-block\"\n tooltip=\"{{ tooltipText }}\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"] }]
|
|
1293
|
+
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
1294
|
+
type: Input
|
|
1295
|
+
}], tooltipText: [{
|
|
1296
|
+
type: Input
|
|
1297
|
+
}] } });
|
|
1298
|
+
|
|
1299
|
+
class TooltipWrapperModule {
|
|
1300
|
+
}
|
|
1301
|
+
TooltipWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1302
|
+
TooltipWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperModule, declarations: [TooltipWrapperComponent], imports: [CommonModule, i1$3.TooltipModule], exports: [TooltipWrapperComponent] });
|
|
1303
|
+
TooltipWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperModule, imports: [[CommonModule, TooltipModule.forRoot()]] });
|
|
1304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperModule, decorators: [{
|
|
1305
|
+
type: NgModule,
|
|
1306
|
+
args: [{
|
|
1307
|
+
declarations: [TooltipWrapperComponent],
|
|
1308
|
+
imports: [CommonModule, TooltipModule.forRoot()],
|
|
1309
|
+
exports: [TooltipWrapperComponent],
|
|
1310
|
+
}]
|
|
1311
|
+
}] });
|
|
1312
|
+
|
|
1281
1313
|
class AtomsModule {
|
|
1282
1314
|
}
|
|
1283
1315
|
AtomsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1305,7 +1337,8 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
|
|
|
1305
1337
|
ToasterAlertModule,
|
|
1306
1338
|
SfxLoaderModule,
|
|
1307
1339
|
SfxPageLoaderModule,
|
|
1308
|
-
SfxProgressBarModule
|
|
1340
|
+
SfxProgressBarModule,
|
|
1341
|
+
TooltipWrapperModule] });
|
|
1309
1342
|
AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
|
|
1310
1343
|
ContextualMenuModule,
|
|
1311
1344
|
AvatarModule,
|
|
@@ -1330,7 +1363,8 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
|
|
|
1330
1363
|
ToasterAlertModule,
|
|
1331
1364
|
SfxLoaderModule,
|
|
1332
1365
|
SfxPageLoaderModule,
|
|
1333
|
-
SfxProgressBarModule
|
|
1366
|
+
SfxProgressBarModule,
|
|
1367
|
+
TooltipWrapperModule] });
|
|
1334
1368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
|
|
1335
1369
|
type: NgModule,
|
|
1336
1370
|
args: [{
|
|
@@ -1362,6 +1396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1362
1396
|
SfxLoaderModule,
|
|
1363
1397
|
SfxPageLoaderModule,
|
|
1364
1398
|
SfxProgressBarModule,
|
|
1399
|
+
TooltipWrapperModule,
|
|
1365
1400
|
],
|
|
1366
1401
|
}]
|
|
1367
1402
|
}] });
|
|
@@ -1373,7 +1408,7 @@ class BreadcrumbComponent {
|
|
|
1373
1408
|
}
|
|
1374
1409
|
}
|
|
1375
1410
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1376
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <symphony-h3 *ngIf=\"!last\"\n ><a\n class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n ></symphony-h3\n >\n <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-breadcrumb-wrapper,.breadcrumb-item{display:flex}symphony-icon{padding:0 6px;top:9px;position:relative}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1411
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <symphony-h3 *ngIf=\"!last\"\n ><a\n class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n ></symphony-h3\n >\n <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-breadcrumb-wrapper,.breadcrumb-item{display:flex}symphony-icon{padding:0 6px;top:9px;position:relative}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1377
1412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
1378
1413
|
type: Component,
|
|
1379
1414
|
args: [{ selector: 'symphony-breadcrumb', template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <symphony-h3 *ngIf=\"!last\"\n ><a\n class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n ></symphony-h3\n >\n <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-breadcrumb-wrapper,.breadcrumb-item{display:flex}symphony-icon{padding:0 6px;top:9px;position:relative}\n"] }]
|
|
@@ -1408,7 +1443,7 @@ class CardComponent {
|
|
|
1408
1443
|
}
|
|
1409
1444
|
}
|
|
1410
1445
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1411
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
|
|
1446
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
|
|
1412
1447
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
1413
1448
|
type: Component,
|
|
1414
1449
|
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]
|
|
@@ -1478,6 +1513,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1478
1513
|
}]
|
|
1479
1514
|
}] });
|
|
1480
1515
|
|
|
1516
|
+
class H5WithIconComponent {
|
|
1517
|
+
constructor() {
|
|
1518
|
+
this.model = {
|
|
1519
|
+
text: '',
|
|
1520
|
+
icon: Icons.INFO,
|
|
1521
|
+
iconFirst: false,
|
|
1522
|
+
};
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1526
|
+
H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipText"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
|
|
1528
|
+
type: Component,
|
|
1529
|
+
args: [{ selector: 'symphony-h5-with-icon', template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"] }]
|
|
1530
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
1531
|
+
type: Input
|
|
1532
|
+
}] } });
|
|
1533
|
+
|
|
1534
|
+
class H5WithIconModule {
|
|
1535
|
+
}
|
|
1536
|
+
H5WithIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1537
|
+
H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule,
|
|
1538
|
+
H5Module,
|
|
1539
|
+
IconModule, i1$3.TooltipModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
|
|
1540
|
+
H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[
|
|
1541
|
+
CommonModule,
|
|
1542
|
+
H5Module,
|
|
1543
|
+
IconModule,
|
|
1544
|
+
TooltipModule.forRoot(),
|
|
1545
|
+
TooltipWrapperModule,
|
|
1546
|
+
]] });
|
|
1547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, decorators: [{
|
|
1548
|
+
type: NgModule,
|
|
1549
|
+
args: [{
|
|
1550
|
+
declarations: [H5WithIconComponent],
|
|
1551
|
+
imports: [
|
|
1552
|
+
CommonModule,
|
|
1553
|
+
H5Module,
|
|
1554
|
+
IconModule,
|
|
1555
|
+
TooltipModule.forRoot(),
|
|
1556
|
+
TooltipWrapperModule,
|
|
1557
|
+
],
|
|
1558
|
+
exports: [H5WithIconComponent],
|
|
1559
|
+
}]
|
|
1560
|
+
}] });
|
|
1561
|
+
|
|
1481
1562
|
class ColorSampleComponent {
|
|
1482
1563
|
constructor() { }
|
|
1483
1564
|
ngOnInit() {
|
|
@@ -1567,7 +1648,7 @@ class IconSwatchComponent {
|
|
|
1567
1648
|
}
|
|
1568
1649
|
}
|
|
1569
1650
|
IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1570
|
-
IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1651
|
+
IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1571
1652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
|
|
1572
1653
|
type: Component,
|
|
1573
1654
|
args: [{ selector: 'symphony-icon-swatch', template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]
|
|
@@ -1616,7 +1697,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
1616
1697
|
PillsModule,
|
|
1617
1698
|
ColorSwatchModule,
|
|
1618
1699
|
IconSwatchModule,
|
|
1619
|
-
BreadcrumbModule
|
|
1700
|
+
BreadcrumbModule,
|
|
1701
|
+
H5WithIconModule], exports: [PillsModule, BreadcrumbModule] });
|
|
1620
1702
|
MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
|
|
1621
1703
|
CommonModule,
|
|
1622
1704
|
AvatarModule,
|
|
@@ -1625,6 +1707,7 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
1625
1707
|
ColorSwatchModule,
|
|
1626
1708
|
IconSwatchModule,
|
|
1627
1709
|
BreadcrumbModule,
|
|
1710
|
+
H5WithIconModule,
|
|
1628
1711
|
], PillsModule, BreadcrumbModule] });
|
|
1629
1712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
|
|
1630
1713
|
type: NgModule,
|
|
@@ -1638,6 +1721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1638
1721
|
ColorSwatchModule,
|
|
1639
1722
|
IconSwatchModule,
|
|
1640
1723
|
BreadcrumbModule,
|
|
1724
|
+
H5WithIconModule,
|
|
1641
1725
|
],
|
|
1642
1726
|
exports: [PillsModule, BreadcrumbModule],
|
|
1643
1727
|
}]
|
|
@@ -2627,10 +2711,10 @@ class EventsSettingsPageComponent {
|
|
|
2627
2711
|
}
|
|
2628
2712
|
}
|
|
2629
2713
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2630
|
-
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-
|
|
2714
|
+
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-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", "iconColor"], 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: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2631
2715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
2632
2716
|
type: Component,
|
|
2633
|
-
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-
|
|
2717
|
+
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-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: [""] }]
|
|
2634
2718
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2635
2719
|
type: Input
|
|
2636
2720
|
}], keywordSearchChange: [{
|
|
@@ -2659,7 +2743,7 @@ class PlaceholderComponent {
|
|
|
2659
2743
|
constructor() { }
|
|
2660
2744
|
}
|
|
2661
2745
|
PlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2662
|
-
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:
|
|
2746
|
+
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: i1$3.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"] }] });
|
|
2663
2747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, decorators: [{
|
|
2664
2748
|
type: Component,
|
|
2665
2749
|
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"] }]
|
|
@@ -2680,7 +2764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2680
2764
|
class PlaceholderModule {
|
|
2681
2765
|
}
|
|
2682
2766
|
PlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2683
|
-
PlaceholderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, declarations: [PlaceholderComponent], imports: [CommonModule,
|
|
2767
|
+
PlaceholderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, declarations: [PlaceholderComponent], imports: [CommonModule, i1$3.TooltipModule], exports: [PlaceholderComponent] });
|
|
2684
2768
|
PlaceholderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, imports: [[CommonModule, TooltipModule.forRoot()]] });
|
|
2685
2769
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, decorators: [{
|
|
2686
2770
|
type: NgModule,
|
|
@@ -2839,6 +2923,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2839
2923
|
}]
|
|
2840
2924
|
}] });
|
|
2841
2925
|
|
|
2926
|
+
class TwoColumnModalTemplateComponent {
|
|
2927
|
+
constructor() { }
|
|
2928
|
+
}
|
|
2929
|
+
TwoColumnModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2930
|
+
TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-12\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [""] });
|
|
2931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, decorators: [{
|
|
2932
|
+
type: Component,
|
|
2933
|
+
args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-12\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [""] }]
|
|
2934
|
+
}], ctorParameters: function () { return []; } });
|
|
2935
|
+
|
|
2936
|
+
class TwoColumnBodyTemplateComponent {
|
|
2937
|
+
constructor() { }
|
|
2938
|
+
}
|
|
2939
|
+
TwoColumnBodyTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2940
|
+
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-px-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] });
|
|
2941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, decorators: [{
|
|
2942
|
+
type: Component,
|
|
2943
|
+
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-px-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] }]
|
|
2944
|
+
}], ctorParameters: function () { return []; } });
|
|
2945
|
+
|
|
2946
|
+
class AdvertiseModalComponent {
|
|
2947
|
+
constructor() {
|
|
2948
|
+
this.model = {
|
|
2949
|
+
title: '',
|
|
2950
|
+
subtitle: {
|
|
2951
|
+
text: '',
|
|
2952
|
+
icon: Icons.INFO,
|
|
2953
|
+
iconFirst: true,
|
|
2954
|
+
},
|
|
2955
|
+
fundsInfo: {
|
|
2956
|
+
text: '',
|
|
2957
|
+
icon: Icons.INFO,
|
|
2958
|
+
iconFirst: true,
|
|
2959
|
+
iconColor: '',
|
|
2960
|
+
},
|
|
2961
|
+
primaryButtonText: '',
|
|
2962
|
+
secondaryButtonText: '',
|
|
2963
|
+
};
|
|
2964
|
+
this.keywordSearchChange = new EventEmitter();
|
|
2965
|
+
this.buttonClicked = new EventEmitter();
|
|
2966
|
+
this.closeButtonClicked = new EventEmitter();
|
|
2967
|
+
}
|
|
2968
|
+
keywordSearch(keyword) {
|
|
2969
|
+
this.keywordSearchChange.emit(keyword);
|
|
2970
|
+
console.log(keyword);
|
|
2971
|
+
}
|
|
2972
|
+
onButtonClick(text) {
|
|
2973
|
+
this.buttonClicked.emit(text);
|
|
2974
|
+
}
|
|
2975
|
+
onCloseButtonClick() {
|
|
2976
|
+
this.closeButtonClicked.emit();
|
|
2977
|
+
}
|
|
2978
|
+
}
|
|
2979
|
+
AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2980
|
+
AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"model.subtitle\">\n </symphony-h5-with-icon>\n <symphony-two-column-body-template sfx-modal-body-area>\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <symphony-placeholder\n sfx-left-column\n [label]=\"'sfx-left-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".right-col-header-inner{padding-top:10px}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template" }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: PlaceholderComponent, selector: "symphony-placeholder", inputs: ["type", "label", "tooltip", "tooltipPlacement", "height", "width"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
|
|
2982
|
+
type: Component,
|
|
2983
|
+
args: [{ selector: 'symphony-advertise-modal', template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"model.subtitle\">\n </symphony-h5-with-icon>\n <symphony-two-column-body-template sfx-modal-body-area>\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <symphony-placeholder\n sfx-left-column\n [label]=\"'sfx-left-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".right-col-header-inner{padding-top:10px}\n"] }]
|
|
2984
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2985
|
+
type: Input
|
|
2986
|
+
}], keywordSearchChange: [{
|
|
2987
|
+
type: Output
|
|
2988
|
+
}], buttonClicked: [{
|
|
2989
|
+
type: Output
|
|
2990
|
+
}], closeButtonClicked: [{
|
|
2991
|
+
type: Output
|
|
2992
|
+
}] } });
|
|
2993
|
+
|
|
2994
|
+
class TwoColumnModalModule {
|
|
2995
|
+
}
|
|
2996
|
+
TwoColumnModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2997
|
+
TwoColumnModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalModule, declarations: [TwoColumnModalTemplateComponent], imports: [CommonModule], exports: [TwoColumnModalTemplateComponent] });
|
|
2998
|
+
TwoColumnModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalModule, imports: [[CommonModule]] });
|
|
2999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalModule, decorators: [{
|
|
3000
|
+
type: NgModule,
|
|
3001
|
+
args: [{
|
|
3002
|
+
declarations: [TwoColumnModalTemplateComponent],
|
|
3003
|
+
imports: [CommonModule],
|
|
3004
|
+
exports: [TwoColumnModalTemplateComponent],
|
|
3005
|
+
}]
|
|
3006
|
+
}] });
|
|
3007
|
+
|
|
3008
|
+
class TwoColumnBodyTemplateModule {
|
|
3009
|
+
}
|
|
3010
|
+
TwoColumnBodyTemplateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3011
|
+
TwoColumnBodyTemplateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateModule, declarations: [TwoColumnBodyTemplateComponent], imports: [CommonModule], exports: [TwoColumnBodyTemplateComponent] });
|
|
3012
|
+
TwoColumnBodyTemplateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateModule, imports: [[CommonModule]] });
|
|
3013
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateModule, decorators: [{
|
|
3014
|
+
type: NgModule,
|
|
3015
|
+
args: [{
|
|
3016
|
+
declarations: [TwoColumnBodyTemplateComponent],
|
|
3017
|
+
imports: [CommonModule],
|
|
3018
|
+
exports: [TwoColumnBodyTemplateComponent],
|
|
3019
|
+
}]
|
|
3020
|
+
}] });
|
|
3021
|
+
|
|
3022
|
+
class ModalModule {
|
|
3023
|
+
}
|
|
3024
|
+
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3025
|
+
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, declarations: [AdvertiseModalComponent], imports: [CommonModule,
|
|
3026
|
+
TwoColumnModalModule,
|
|
3027
|
+
TwoColumnBodyTemplateModule,
|
|
3028
|
+
H4Module,
|
|
3029
|
+
H5Module,
|
|
3030
|
+
ParagraphModule,
|
|
3031
|
+
IconModule,
|
|
3032
|
+
InputTextModule,
|
|
3033
|
+
ButtonModule,
|
|
3034
|
+
PlaceholderModule,
|
|
3035
|
+
H5WithIconModule], exports: [AdvertiseModalComponent] });
|
|
3036
|
+
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
|
|
3037
|
+
CommonModule,
|
|
3038
|
+
TwoColumnModalModule,
|
|
3039
|
+
TwoColumnBodyTemplateModule,
|
|
3040
|
+
H4Module,
|
|
3041
|
+
H5Module,
|
|
3042
|
+
ParagraphModule,
|
|
3043
|
+
IconModule,
|
|
3044
|
+
InputTextModule,
|
|
3045
|
+
ButtonModule,
|
|
3046
|
+
PlaceholderModule,
|
|
3047
|
+
H5WithIconModule,
|
|
3048
|
+
]] });
|
|
3049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
|
|
3050
|
+
type: NgModule,
|
|
3051
|
+
args: [{
|
|
3052
|
+
declarations: [AdvertiseModalComponent],
|
|
3053
|
+
imports: [
|
|
3054
|
+
CommonModule,
|
|
3055
|
+
TwoColumnModalModule,
|
|
3056
|
+
TwoColumnBodyTemplateModule,
|
|
3057
|
+
H4Module,
|
|
3058
|
+
H5Module,
|
|
3059
|
+
ParagraphModule,
|
|
3060
|
+
IconModule,
|
|
3061
|
+
InputTextModule,
|
|
3062
|
+
ButtonModule,
|
|
3063
|
+
PlaceholderModule,
|
|
3064
|
+
H5WithIconModule,
|
|
3065
|
+
],
|
|
3066
|
+
exports: [AdvertiseModalComponent],
|
|
3067
|
+
}]
|
|
3068
|
+
}] });
|
|
3069
|
+
|
|
2842
3070
|
/*
|
|
2843
3071
|
* ATOMS
|
|
2844
3072
|
*/
|
|
@@ -2847,5 +3075,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2847
3075
|
* Generated bundle index. Do not edit.
|
|
2848
3076
|
*/
|
|
2849
3077
|
|
|
2850
|
-
export { ActivityScoreLevel, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule };
|
|
3078
|
+
export { ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule };
|
|
2851
3079
|
//# sourceMappingURL=symphony-talent-component-library.mjs.map
|