@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";
@@ -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: [{