@symphony-talent/component-library 3.2.0 → 3.2.1
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/icon/icon.enum.mjs +15 -1
- package/esm2020/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/icon/icon.enum.mjs +15 -1
- package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +100 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +100 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +100 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +100 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/icon/icon.enum.d.ts +14 -0
- package/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
- package/package.json +1 -1
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.eot +0 -0
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.svg +31 -17
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.ttf +0 -0
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.woff +0 -0
- package/projects/component-library/global-assets/iconography/library-icons.css +97 -55
- package/projects/component-library/global-assets/iconography/{sfxiconsV1.json → sfx-icons-v2.json} +526 -75
- package/projects/component-library/lib/atoms/icon/icon.enum.d.ts +14 -0
- package/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
|
@@ -724,6 +724,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
724
724
|
|
|
725
725
|
var Icons;
|
|
726
726
|
(function (Icons) {
|
|
727
|
+
Icons["ACCESS"] = "si-access";
|
|
728
|
+
Icons["CHATBOT"] = "si-chatbot";
|
|
729
|
+
Icons["CODETAG"] = "si-codetag";
|
|
730
|
+
Icons["CONFIRMATION"] = "si-confirmation";
|
|
731
|
+
Icons["FIELD"] = "si-field";
|
|
732
|
+
Icons["FLOW"] = "si-flow";
|
|
733
|
+
Icons["FORM"] = "si-form";
|
|
734
|
+
Icons["HIERARCHY"] = "si-hierarchy";
|
|
735
|
+
Icons["LIST"] = "si-list";
|
|
736
|
+
Icons["PASSWORD"] = "si-password";
|
|
737
|
+
Icons["REFERRAL"] = "si-referral";
|
|
738
|
+
Icons["TAG"] = "si-tag";
|
|
739
|
+
Icons["TEAM"] = "si-team";
|
|
740
|
+
Icons["WORKFLOW"] = "si-workflow";
|
|
727
741
|
Icons["MOREOPTIONS"] = "si-more-options";
|
|
728
742
|
Icons["ADD"] = "si-add";
|
|
729
743
|
Icons["ACTIVITY"] = "si-activity";
|
|
@@ -1911,6 +1925,12 @@ class IconExplorerHelper {
|
|
|
1911
1925
|
}
|
|
1912
1926
|
static getHasNoBorderIconList() {
|
|
1913
1927
|
return [
|
|
1928
|
+
{
|
|
1929
|
+
icon: Icons.ACCESS,
|
|
1930
|
+
iconName: 'ACCESS',
|
|
1931
|
+
iconClass: 'si-access',
|
|
1932
|
+
hasBorder: false,
|
|
1933
|
+
},
|
|
1914
1934
|
{
|
|
1915
1935
|
icon: Icons.MOREOPTIONS,
|
|
1916
1936
|
iconName: 'MOREOPTIONS',
|
|
@@ -1947,6 +1967,24 @@ class IconExplorerHelper {
|
|
|
1947
1967
|
iconClass: 'si-arrow-prev',
|
|
1948
1968
|
hasBorder: false,
|
|
1949
1969
|
},
|
|
1970
|
+
{
|
|
1971
|
+
icon: Icons.CHATBOT,
|
|
1972
|
+
iconName: 'CHATBOT',
|
|
1973
|
+
iconClass: 'si-chatbot',
|
|
1974
|
+
hasBorder: false,
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
icon: Icons.CODETAG,
|
|
1978
|
+
iconName: 'CODETAG',
|
|
1979
|
+
iconClass: 'si-codetag',
|
|
1980
|
+
hasBorder: false,
|
|
1981
|
+
},
|
|
1982
|
+
{
|
|
1983
|
+
icon: Icons.CONFIRMATION,
|
|
1984
|
+
iconName: 'CONFIRMATION',
|
|
1985
|
+
iconClass: 'si-confirmation',
|
|
1986
|
+
hasBorder: false,
|
|
1987
|
+
},
|
|
1950
1988
|
{
|
|
1951
1989
|
icon: Icons.CLOSEMODAL,
|
|
1952
1990
|
iconName: 'CLOSEMODAL',
|
|
@@ -2013,6 +2051,24 @@ class IconExplorerHelper {
|
|
|
2013
2051
|
iconClass: 'si-expand',
|
|
2014
2052
|
hasBorder: false,
|
|
2015
2053
|
},
|
|
2054
|
+
{
|
|
2055
|
+
icon: Icons.FIELD,
|
|
2056
|
+
iconName: 'FIELD',
|
|
2057
|
+
iconClass: 'si-field',
|
|
2058
|
+
hasBorder: false,
|
|
2059
|
+
},
|
|
2060
|
+
{
|
|
2061
|
+
icon: Icons.FLOW,
|
|
2062
|
+
iconName: 'FLOW',
|
|
2063
|
+
iconClass: 'si-flow',
|
|
2064
|
+
hasBorder: false,
|
|
2065
|
+
},
|
|
2066
|
+
{
|
|
2067
|
+
icon: Icons.FORM,
|
|
2068
|
+
iconName: 'FORM',
|
|
2069
|
+
iconClass: 'si-form',
|
|
2070
|
+
hasBorder: false,
|
|
2071
|
+
},
|
|
2016
2072
|
{
|
|
2017
2073
|
icon: Icons.FAVORITE,
|
|
2018
2074
|
iconName: 'FAVORITE',
|
|
@@ -2043,6 +2099,12 @@ class IconExplorerHelper {
|
|
|
2043
2099
|
iconClass: 'si-folder-multiple',
|
|
2044
2100
|
hasBorder: false,
|
|
2045
2101
|
},
|
|
2102
|
+
{
|
|
2103
|
+
icon: Icons.HIERARCHY,
|
|
2104
|
+
iconName: 'HIERARCHY',
|
|
2105
|
+
iconClass: 'si-hierarchy',
|
|
2106
|
+
hasBorder: false,
|
|
2107
|
+
},
|
|
2046
2108
|
{
|
|
2047
2109
|
icon: Icons.INCLUDE,
|
|
2048
2110
|
iconName: 'INCLUDE',
|
|
@@ -2061,6 +2123,12 @@ class IconExplorerHelper {
|
|
|
2061
2123
|
iconClass: 'si-interview',
|
|
2062
2124
|
hasBorder: false,
|
|
2063
2125
|
},
|
|
2126
|
+
{
|
|
2127
|
+
icon: Icons.LIST,
|
|
2128
|
+
iconName: 'LIST',
|
|
2129
|
+
iconClass: 'si-list',
|
|
2130
|
+
hasBorder: false,
|
|
2131
|
+
},
|
|
2064
2132
|
{
|
|
2065
2133
|
icon: Icons.LINK,
|
|
2066
2134
|
iconName: 'LINK',
|
|
@@ -2181,6 +2249,12 @@ class IconExplorerHelper {
|
|
|
2181
2249
|
iconClass: 'si-organize-contacts',
|
|
2182
2250
|
hasBorder: false,
|
|
2183
2251
|
},
|
|
2252
|
+
{
|
|
2253
|
+
icon: Icons.PASSWORD,
|
|
2254
|
+
iconName: 'PASSWORD',
|
|
2255
|
+
iconClass: 'si-password',
|
|
2256
|
+
hasBorder: false,
|
|
2257
|
+
},
|
|
2184
2258
|
{
|
|
2185
2259
|
icon: Icons.PENDINGINCOMPLETE,
|
|
2186
2260
|
iconName: 'PENDINGINCOMPLETE',
|
|
@@ -2205,6 +2279,12 @@ class IconExplorerHelper {
|
|
|
2205
2279
|
iconClass: 'si-promote',
|
|
2206
2280
|
hasBorder: false,
|
|
2207
2281
|
},
|
|
2282
|
+
{
|
|
2283
|
+
icon: Icons.REFERRAL,
|
|
2284
|
+
iconName: 'REFERRAL',
|
|
2285
|
+
iconClass: 'si-referral',
|
|
2286
|
+
hasBorder: false,
|
|
2287
|
+
},
|
|
2208
2288
|
{
|
|
2209
2289
|
icon: Icons.REFRESH,
|
|
2210
2290
|
iconName: 'REFRESH',
|
|
@@ -2295,6 +2375,18 @@ class IconExplorerHelper {
|
|
|
2295
2375
|
iconClass: 'si-system-action',
|
|
2296
2376
|
hasBorder: false,
|
|
2297
2377
|
},
|
|
2378
|
+
{
|
|
2379
|
+
icon: Icons.TAG,
|
|
2380
|
+
iconName: 'TAG',
|
|
2381
|
+
iconClass: 'si-tag',
|
|
2382
|
+
hasBorder: false,
|
|
2383
|
+
},
|
|
2384
|
+
{
|
|
2385
|
+
icon: Icons.TEAM,
|
|
2386
|
+
iconName: 'TEAM',
|
|
2387
|
+
iconClass: 'si-team',
|
|
2388
|
+
hasBorder: false,
|
|
2389
|
+
},
|
|
2298
2390
|
{
|
|
2299
2391
|
icon: Icons.TASKCOMPLETED,
|
|
2300
2392
|
iconName: 'TASKCOMPLETED',
|
|
@@ -2337,6 +2429,12 @@ class IconExplorerHelper {
|
|
|
2337
2429
|
iconClass: 'si-user',
|
|
2338
2430
|
hasBorder: false,
|
|
2339
2431
|
},
|
|
2432
|
+
{
|
|
2433
|
+
icon: Icons.WORKFLOW,
|
|
2434
|
+
iconName: 'WORKFLOW',
|
|
2435
|
+
iconClass: 'si-workflow',
|
|
2436
|
+
hasBorder: false,
|
|
2437
|
+
},
|
|
2340
2438
|
];
|
|
2341
2439
|
}
|
|
2342
2440
|
static getInverseIconList() {
|
|
@@ -2529,10 +2627,10 @@ class EventsSettingsPageComponent {
|
|
|
2529
2627
|
}
|
|
2530
2628
|
}
|
|
2531
2629
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2532
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"filter-one\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
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-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2533
2631
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
2534
2632
|
type: Component,
|
|
2535
|
-
args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"filter-one\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
|
|
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-contextual-menu\n sfx-grid-action\n class=\"more-options\"\n *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n [model]=\"model.gridActions\"\n (itemClick)=\"gridActionsSelect($event)\"\n >\n </symphony-contextual-menu>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
|
|
2536
2634
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2537
2635
|
type: Input
|
|
2538
2636
|
}], keywordSearchChange: [{
|