@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.
Files changed (25) hide show
  1. package/esm2020/lib/atoms/icon/icon.enum.mjs +15 -1
  2. package/esm2020/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
  3. package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
  4. package/esm2020/projects/component-library/lib/atoms/icon/icon.enum.mjs +15 -1
  5. package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
  6. package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
  7. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +100 -2
  8. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2015/symphony-talent-component-library.mjs +100 -2
  10. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  11. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +100 -2
  12. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library.mjs +100 -2
  14. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  15. package/lib/atoms/icon/icon.enum.d.ts +14 -0
  16. package/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
  17. package/package.json +1 -1
  18. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.eot +0 -0
  19. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.svg +31 -17
  20. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.ttf +0 -0
  21. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.woff +0 -0
  22. package/projects/component-library/global-assets/iconography/library-icons.css +97 -55
  23. package/projects/component-library/global-assets/iconography/{sfxiconsV1.json → sfx-icons-v2.json} +526 -75
  24. package/projects/component-library/lib/atoms/icon/icon.enum.d.ts +14 -0
  25. 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";
@@ -1909,6 +1923,12 @@ class IconExplorerHelper {
1909
1923
  }
1910
1924
  static getHasNoBorderIconList() {
1911
1925
  return [
1926
+ {
1927
+ icon: Icons.ACCESS,
1928
+ iconName: 'ACCESS',
1929
+ iconClass: 'si-access',
1930
+ hasBorder: false,
1931
+ },
1912
1932
  {
1913
1933
  icon: Icons.MOREOPTIONS,
1914
1934
  iconName: 'MOREOPTIONS',
@@ -1945,6 +1965,24 @@ class IconExplorerHelper {
1945
1965
  iconClass: 'si-arrow-prev',
1946
1966
  hasBorder: false,
1947
1967
  },
1968
+ {
1969
+ icon: Icons.CHATBOT,
1970
+ iconName: 'CHATBOT',
1971
+ iconClass: 'si-chatbot',
1972
+ hasBorder: false,
1973
+ },
1974
+ {
1975
+ icon: Icons.CODETAG,
1976
+ iconName: 'CODETAG',
1977
+ iconClass: 'si-codetag',
1978
+ hasBorder: false,
1979
+ },
1980
+ {
1981
+ icon: Icons.CONFIRMATION,
1982
+ iconName: 'CONFIRMATION',
1983
+ iconClass: 'si-confirmation',
1984
+ hasBorder: false,
1985
+ },
1948
1986
  {
1949
1987
  icon: Icons.CLOSEMODAL,
1950
1988
  iconName: 'CLOSEMODAL',
@@ -2011,6 +2049,24 @@ class IconExplorerHelper {
2011
2049
  iconClass: 'si-expand',
2012
2050
  hasBorder: false,
2013
2051
  },
2052
+ {
2053
+ icon: Icons.FIELD,
2054
+ iconName: 'FIELD',
2055
+ iconClass: 'si-field',
2056
+ hasBorder: false,
2057
+ },
2058
+ {
2059
+ icon: Icons.FLOW,
2060
+ iconName: 'FLOW',
2061
+ iconClass: 'si-flow',
2062
+ hasBorder: false,
2063
+ },
2064
+ {
2065
+ icon: Icons.FORM,
2066
+ iconName: 'FORM',
2067
+ iconClass: 'si-form',
2068
+ hasBorder: false,
2069
+ },
2014
2070
  {
2015
2071
  icon: Icons.FAVORITE,
2016
2072
  iconName: 'FAVORITE',
@@ -2041,6 +2097,12 @@ class IconExplorerHelper {
2041
2097
  iconClass: 'si-folder-multiple',
2042
2098
  hasBorder: false,
2043
2099
  },
2100
+ {
2101
+ icon: Icons.HIERARCHY,
2102
+ iconName: 'HIERARCHY',
2103
+ iconClass: 'si-hierarchy',
2104
+ hasBorder: false,
2105
+ },
2044
2106
  {
2045
2107
  icon: Icons.INCLUDE,
2046
2108
  iconName: 'INCLUDE',
@@ -2059,6 +2121,12 @@ class IconExplorerHelper {
2059
2121
  iconClass: 'si-interview',
2060
2122
  hasBorder: false,
2061
2123
  },
2124
+ {
2125
+ icon: Icons.LIST,
2126
+ iconName: 'LIST',
2127
+ iconClass: 'si-list',
2128
+ hasBorder: false,
2129
+ },
2062
2130
  {
2063
2131
  icon: Icons.LINK,
2064
2132
  iconName: 'LINK',
@@ -2179,6 +2247,12 @@ class IconExplorerHelper {
2179
2247
  iconClass: 'si-organize-contacts',
2180
2248
  hasBorder: false,
2181
2249
  },
2250
+ {
2251
+ icon: Icons.PASSWORD,
2252
+ iconName: 'PASSWORD',
2253
+ iconClass: 'si-password',
2254
+ hasBorder: false,
2255
+ },
2182
2256
  {
2183
2257
  icon: Icons.PENDINGINCOMPLETE,
2184
2258
  iconName: 'PENDINGINCOMPLETE',
@@ -2203,6 +2277,12 @@ class IconExplorerHelper {
2203
2277
  iconClass: 'si-promote',
2204
2278
  hasBorder: false,
2205
2279
  },
2280
+ {
2281
+ icon: Icons.REFERRAL,
2282
+ iconName: 'REFERRAL',
2283
+ iconClass: 'si-referral',
2284
+ hasBorder: false,
2285
+ },
2206
2286
  {
2207
2287
  icon: Icons.REFRESH,
2208
2288
  iconName: 'REFRESH',
@@ -2293,6 +2373,18 @@ class IconExplorerHelper {
2293
2373
  iconClass: 'si-system-action',
2294
2374
  hasBorder: false,
2295
2375
  },
2376
+ {
2377
+ icon: Icons.TAG,
2378
+ iconName: 'TAG',
2379
+ iconClass: 'si-tag',
2380
+ hasBorder: false,
2381
+ },
2382
+ {
2383
+ icon: Icons.TEAM,
2384
+ iconName: 'TEAM',
2385
+ iconClass: 'si-team',
2386
+ hasBorder: false,
2387
+ },
2296
2388
  {
2297
2389
  icon: Icons.TASKCOMPLETED,
2298
2390
  iconName: 'TASKCOMPLETED',
@@ -2335,6 +2427,12 @@ class IconExplorerHelper {
2335
2427
  iconClass: 'si-user',
2336
2428
  hasBorder: false,
2337
2429
  },
2430
+ {
2431
+ icon: Icons.WORKFLOW,
2432
+ iconName: 'WORKFLOW',
2433
+ iconClass: 'si-workflow',
2434
+ hasBorder: false,
2435
+ },
2338
2436
  ];
2339
2437
  }
2340
2438
  static getInverseIconList() {
@@ -2527,10 +2625,10 @@ class EventsSettingsPageComponent {
2527
2625
  }
2528
2626
  }
2529
2627
  EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2530
- 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"] }] });
2628
+ 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"] }] });
2531
2629
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
2532
2630
  type: Component,
2533
- 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: [""] }]
2631
+ 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: [""] }]
2534
2632
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2535
2633
  type: Input
2536
2634
  }], keywordSearchChange: [{