@skyux/action-bars 5.6.2 → 6.0.0-beta.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.
Files changed (70) hide show
  1. package/documentation.json +91 -91
  2. package/esm2020/index.mjs +11 -0
  3. package/esm2020/lib/modules/shared/sky-action-bars-resources.module.mjs +50 -0
  4. package/esm2020/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.mjs +14 -0
  5. package/esm2020/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.mjs +31 -0
  6. package/esm2020/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.mjs +32 -0
  7. package/esm2020/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.mjs +43 -0
  8. package/esm2020/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.mjs +69 -0
  9. package/esm2020/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.mjs +14 -0
  10. package/esm2020/lib/modules/summary-action-bar/summary-action-bar-adapter.service.mjs +81 -0
  11. package/esm2020/lib/modules/summary-action-bar/summary-action-bar.component.mjs +179 -0
  12. package/esm2020/lib/modules/summary-action-bar/summary-action-bar.module.mjs +79 -0
  13. package/esm2020/lib/modules/summary-action-bar/types/summary-action-bar-type.mjs +12 -0
  14. package/esm2020/skyux-action-bars.mjs +5 -0
  15. package/esm2020/testing/public-api.mjs +4 -0
  16. package/esm2020/testing/skyux-action-bars-testing.mjs +5 -0
  17. package/esm2020/testing/summary-action-bar/summary-action-bar-fixture-action.mjs +2 -0
  18. package/esm2020/testing/summary-action-bar/summary-action-bar-fixture.mjs +135 -0
  19. package/esm2020/testing/summary-action-bar/summary-action-bar.module.mjs +27 -0
  20. package/fesm2015/{skyux-action-bars-testing.js → skyux-action-bars-testing.mjs} +5 -5
  21. package/fesm2015/skyux-action-bars-testing.mjs.map +1 -0
  22. package/fesm2015/{skyux-action-bars.js → skyux-action-bars.mjs} +49 -77
  23. package/fesm2015/skyux-action-bars.mjs.map +1 -0
  24. package/{esm2015/testing/summary-action-bar/summary-action-bar-fixture.js → fesm2020/skyux-action-bars-testing.mjs} +63 -40
  25. package/fesm2020/skyux-action-bars-testing.mjs.map +1 -0
  26. package/fesm2020/skyux-action-bars.mjs +566 -0
  27. package/fesm2020/skyux-action-bars.mjs.map +1 -0
  28. package/lib/modules/shared/sky-action-bars-resources.module.d.ts +1 -1
  29. package/lib/modules/summary-action-bar/summary-action-bar.component.d.ts +4 -2
  30. package/package.json +37 -16
  31. package/testing/package.json +5 -5
  32. package/bundles/skyux-action-bars-testing.umd.js +0 -563
  33. package/bundles/skyux-action-bars.umd.js +0 -653
  34. package/esm2015/index.js +0 -11
  35. package/esm2015/index.js.map +0 -1
  36. package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js +0 -50
  37. package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js.map +0 -1
  38. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.js +0 -19
  39. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.js.map +0 -1
  40. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js +0 -36
  41. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.js.map +0 -1
  42. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js +0 -37
  43. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.js.map +0 -1
  44. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js +0 -48
  45. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.js.map +0 -1
  46. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js +0 -73
  47. package/esm2015/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.js.map +0 -1
  48. package/esm2015/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.js +0 -18
  49. package/esm2015/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.js.map +0 -1
  50. package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js +0 -81
  51. package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js.map +0 -1
  52. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js +0 -179
  53. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js.map +0 -1
  54. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.module.js +0 -79
  55. package/esm2015/lib/modules/summary-action-bar/summary-action-bar.module.js.map +0 -1
  56. package/esm2015/lib/modules/summary-action-bar/types/summary-action-bar-type.js +0 -12
  57. package/esm2015/lib/modules/summary-action-bar/types/summary-action-bar-type.js.map +0 -1
  58. package/esm2015/skyux-action-bars.js +0 -5
  59. package/esm2015/skyux-action-bars.js.map +0 -1
  60. package/esm2015/testing/public-api.js +0 -4
  61. package/esm2015/testing/public-api.js.map +0 -1
  62. package/esm2015/testing/skyux-action-bars-testing.js +0 -5
  63. package/esm2015/testing/skyux-action-bars-testing.js.map +0 -1
  64. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture-action.js +0 -2
  65. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture-action.js.map +0 -1
  66. package/esm2015/testing/summary-action-bar/summary-action-bar-fixture.js.map +0 -1
  67. package/esm2015/testing/summary-action-bar/summary-action-bar.module.js +0 -27
  68. package/esm2015/testing/summary-action-bar/summary-action-bar.module.js.map +0 -1
  69. package/fesm2015/skyux-action-bars-testing.js.map +0 -1
  70. package/fesm2015/skyux-action-bars.js.map +0 -1
package/esm2015/index.js DELETED
@@ -1,11 +0,0 @@
1
- export * from './lib/modules/summary-action-bar/summary-action-bar.module';
2
- // Components and directives must be exported to support Angular's "partial" Ivy compiler.
3
- // Obscure names are used to indicate types are not part of the public API.
4
- export { SkySummaryActionBarSummaryComponent as λ1 } from './lib/modules/summary-action-bar/summary/summary-action-bar-summary.component';
5
- export { SkySummaryActionBarComponent as λ2 } from './lib/modules/summary-action-bar/summary-action-bar.component';
6
- export { SkySummaryActionBarActionsComponent as λ3 } from './lib/modules/summary-action-bar/actions/summary-action-bar-actions.component';
7
- export { SkySummaryActionBarCancelComponent as λ4 } from './lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component';
8
- export { SkySummaryActionBarPrimaryActionComponent as λ5 } from './lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component';
9
- export { SkySummaryActionBarSecondaryActionComponent as λ6 } from './lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component';
10
- export { SkySummaryActionBarSecondaryActionsComponent as λ7 } from './lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component';
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/action-bars/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAE3E,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,mCAAmC,IAAI,EAAE,EAAE,MAAM,+EAA+E,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,+DAA+D,CAAC;AACnH,OAAO,EAAE,mCAAmC,IAAI,EAAE,EAAE,MAAM,+EAA+E,CAAC;AAC1I,OAAO,EAAE,kCAAkC,IAAI,EAAE,EAAE,MAAM,8EAA8E,CAAC;AACxI,OAAO,EAAE,yCAAyC,IAAI,EAAE,EAAE,MAAM,sFAAsF,CAAC;AACvJ,OAAO,EAAE,2CAA2C,IAAI,EAAE,EAAE,MAAM,wFAAwF,CAAC;AAC3J,OAAO,EAAE,4CAA4C,IAAI,EAAE,EAAE,MAAM,yFAAyF,CAAC","sourcesContent":["export * from './lib/modules/summary-action-bar/summary-action-bar.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkySummaryActionBarSummaryComponent as λ1 } from './lib/modules/summary-action-bar/summary/summary-action-bar-summary.component';\nexport { SkySummaryActionBarComponent as λ2 } from './lib/modules/summary-action-bar/summary-action-bar.component';\nexport { SkySummaryActionBarActionsComponent as λ3 } from './lib/modules/summary-action-bar/actions/summary-action-bar-actions.component';\nexport { SkySummaryActionBarCancelComponent as λ4 } from './lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component';\nexport { SkySummaryActionBarPrimaryActionComponent as λ5 } from './lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component';\nexport { SkySummaryActionBarSecondaryActionComponent as λ6 } from './lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component';\nexport { SkySummaryActionBarSecondaryActionsComponent as λ7 } from './lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component';\n"]}
@@ -1,50 +0,0 @@
1
- /**
2
- * NOTICE: DO NOT MODIFY THIS FILE!
3
- * The contents of this file were automatically generated by
4
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-action-bars' schematic.
5
- * To update this file, simply rerun the command.
6
- */
7
- import { NgModule } from '@angular/core';
8
- import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
9
- import * as i0 from "@angular/core";
10
- const RESOURCES = {
11
- 'EN-US': {
12
- skyux_summary_action_bar_open_secondary: {
13
- message: 'Show secondary actions',
14
- },
15
- skyux_summary_action_bar_expand: { message: 'Expand or collapse summary' },
16
- },
17
- };
18
- export class SkyActionBarsResourcesProvider {
19
- getString(localeInfo, name) {
20
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
21
- }
22
- }
23
- /**
24
- * Import into any component library module that needs to use resource strings.
25
- */
26
- export class SkyActionBarsResourcesModule {
27
- }
28
- SkyActionBarsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- SkyActionBarsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, exports: [SkyI18nModule] });
30
- SkyActionBarsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, providers: [
31
- {
32
- provide: SKY_LIB_RESOURCES_PROVIDERS,
33
- useClass: SkyActionBarsResourcesProvider,
34
- multi: true,
35
- },
36
- ], imports: [SkyI18nModule] });
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, decorators: [{
38
- type: NgModule,
39
- args: [{
40
- exports: [SkyI18nModule],
41
- providers: [
42
- {
43
- provide: SKY_LIB_RESOURCES_PROVIDERS,
44
- useClass: SkyActionBarsResourcesProvider,
45
- multi: true,
46
- },
47
- ],
48
- }]
49
- }] });
50
- //# sourceMappingURL=sky-action-bars-resources.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sky-action-bars-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/shared/sky-action-bars-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,uCAAuC,EAAE;YACvC,OAAO,EAAE,wBAAwB;SAClC;QACD,+BAA+B,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE;KAC3E;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-action-bars' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_summary_action_bar_open_secondary: {\n message: 'Show secondary actions',\n },\n skyux_summary_action_bar_expand: { message: 'Expand or collapse summary' },\n },\n};\n\nexport class SkyActionBarsResourcesProvider implements SkyLibResourcesProvider {\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyActionBarsResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyActionBarsResourcesModule {}\n"]}
@@ -1,19 +0,0 @@
1
- import { ChangeDetectionStrategy, Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Contains actions for the `sky-summary-action-bar` component.
5
- */
6
- export class SkySummaryActionBarActionsComponent {
7
- }
8
- SkySummaryActionBarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkySummaryActionBarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarActionsComponent, selector: "sky-summary-action-bar-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarActionsComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-summary-action-bar-actions',
14
- templateUrl: './summary-action-bar-actions.component.html',
15
- styleUrls: ['./summary-action-bar-actions.component.scss'],
16
- changeDetection: ChangeDetectionStrategy.OnPush,
17
- }]
18
- }] });
19
- //# sourceMappingURL=summary-action-bar-actions.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,mCAAmC;;iIAAnC,mCAAmC;qHAAnC,mCAAmC,sECXhD,6BACA;4FDUa,mCAAmC;kBAN/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,WAAW,EAAE,6CAA6C;oBAC1D,SAAS,EAAE,CAAC,6CAA6C,CAAC;oBAC1D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Contains actions for the `sky-summary-action-bar` component.\n */\n@Component({\n selector: 'sky-summary-action-bar-actions',\n templateUrl: './summary-action-bar-actions.component.html',\n styleUrls: ['./summary-action-bar-actions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarActionsComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,36 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Displays a cancel action.
5
- */
6
- export class SkySummaryActionBarCancelComponent {
7
- constructor() {
8
- /**
9
- * Indicates whether to disable the cancel action.
10
- */
11
- this.disabled = false;
12
- /**
13
- * Fires when users select the cancel action.
14
- */
15
- this.actionClick = new EventEmitter();
16
- }
17
- onCancelClicked() {
18
- this.actionClick.emit();
19
- }
20
- }
21
- SkySummaryActionBarCancelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- SkySummaryActionBarCancelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarCancelComponent, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarCancelComponent, decorators: [{
24
- type: Component,
25
- args: [{
26
- selector: 'sky-summary-action-bar-cancel',
27
- templateUrl: './summary-action-bar-cancel.component.html',
28
- styleUrls: ['./summary-action-bar-cancel.component.scss'],
29
- changeDetection: ChangeDetectionStrategy.OnPush,
30
- }]
31
- }], propDecorators: { disabled: [{
32
- type: Input
33
- }], actionClick: [{
34
- type: Output
35
- }] } });
36
- //# sourceMappingURL=summary-action-bar-cancel.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-cancel.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAOH,MAAM,OAAO,kCAAkC;IAN/C;QAOE;;WAEG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAK/C;IAHQ,eAAe;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;gIAfU,kCAAkC;oHAAlC,kCAAkC,gJCjB/C,qMAQA;4FDSa,kCAAkC;kBAN9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,WAAW,EAAE,4CAA4C;oBACzD,SAAS,EAAE,CAAC,4CAA4C,CAAC;oBACzD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,QAAQ;sBADd,KAAK;gBAOC,WAAW;sBADjB,MAAM","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a cancel action.\n */\n@Component({\n selector: 'sky-summary-action-bar-cancel',\n templateUrl: './summary-action-bar-cancel.component.html',\n styleUrls: ['./summary-action-bar-cancel.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarCancelComponent {\n /**\n * Indicates whether to disable the cancel action.\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the cancel action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onCancelClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n"]}
@@ -1,37 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Displays a primary button.
5
- */
6
- export class SkySummaryActionBarPrimaryActionComponent {
7
- constructor() {
8
- /**
9
- * Indicates whether to disable the primary action.
10
- * @default false
11
- */
12
- this.disabled = false;
13
- /**
14
- * Fires when users select the primary action.
15
- */
16
- this.actionClick = new EventEmitter();
17
- }
18
- onButtonClicked() {
19
- this.actionClick.emit();
20
- }
21
- }
22
- SkySummaryActionBarPrimaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
23
- SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarPrimaryActionComponent, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
25
- type: Component,
26
- args: [{
27
- selector: 'sky-summary-action-bar-primary-action',
28
- templateUrl: './summary-action-bar-primary-action.component.html',
29
- styleUrls: ['./summary-action-bar-primary-action.component.scss'],
30
- changeDetection: ChangeDetectionStrategy.OnPush,
31
- }]
32
- }], propDecorators: { disabled: [{
33
- type: Input
34
- }], actionClick: [{
35
- type: Output
36
- }] } });
37
- //# sourceMappingURL=summary-action-bar-primary-action.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-primary-action.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAOH,MAAM,OAAO,yCAAyC;IANtD;QAOE;;;WAGG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAK/C;IAHQ,eAAe;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;uIAhBU,yCAAyC;2HAAzC,yCAAyC,wJCjBtD,0KAQA;4FDSa,yCAAyC;kBANrD,SAAS;mBAAC;oBACT,QAAQ,EAAE,uCAAuC;oBACjD,WAAW,EAAE,oDAAoD;oBACjE,SAAS,EAAE,CAAC,oDAAoD,CAAC;oBACjE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAOQ,QAAQ;sBADd,KAAK;gBAOC,WAAW;sBADjB,MAAM","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a primary button.\n */\n@Component({\n selector: 'sky-summary-action-bar-primary-action',\n templateUrl: './summary-action-bar-primary-action.component.html',\n styleUrls: ['./summary-action-bar-primary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarPrimaryActionComponent {\n /**\n * Indicates whether to disable the primary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the primary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n"]}
@@ -1,48 +0,0 @@
1
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/popovers";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "@skyux/theme";
6
- /**
7
- * Specifies secondary actions.
8
- */
9
- export class SkySummaryActionBarSecondaryActionComponent {
10
- constructor(changeDetector) {
11
- this.changeDetector = changeDetector;
12
- /**
13
- * Indicates whether to disable a secondary action.
14
- * @default false
15
- */
16
- this.disabled = false;
17
- /**
18
- * Fires when users select a secondary action.
19
- */
20
- this.actionClick = new EventEmitter();
21
- }
22
- set isDropdown(value) {
23
- this._isDropdown = value;
24
- this.changeDetector.detectChanges();
25
- }
26
- get isDropdown() {
27
- return this._isDropdown;
28
- }
29
- onButtonClicked() {
30
- this.actionClick.emit();
31
- }
32
- }
33
- SkySummaryActionBarSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
34
- SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionComponent, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], components: [{ type: i1.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
36
- type: Component,
37
- args: [{
38
- selector: 'sky-summary-action-bar-secondary-action',
39
- templateUrl: './summary-action-bar-secondary-action.component.html',
40
- styleUrls: ['./summary-action-bar-secondary-action.component.scss'],
41
- changeDetection: ChangeDetectionStrategy.OnPush,
42
- }]
43
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
44
- type: Input
45
- }], actionClick: [{
46
- type: Output
47
- }] } });
48
- //# sourceMappingURL=summary-action-bar-secondary-action.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-secondary-action.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;;;;;AAEvB;;GAEG;AAOH,MAAM,OAAO,2CAA2C;IAyBtD,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QAxBrD;;;WAGG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAWxB;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;IAIU,CAAC;IAjBzD,IAAW,UAAU,CAAC,KAAc;QAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAYM,eAAe;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;yIA7BU,2CAA2C;6HAA3C,2CAA2C,0JClBxD,+wBA4BA;4FDVa,2CAA2C;kBANvD,SAAS;mBAAC;oBACT,QAAQ,EAAE,yCAAyC;oBACnD,WAAW,EAAE,sDAAsD;oBACnE,SAAS,EAAE,CAAC,sDAAsD,CAAC;oBACnE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAOQ,QAAQ;sBADd,KAAK;gBAgBC,WAAW;sBADjB,MAAM","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Specifies secondary actions.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-action',\n templateUrl: './summary-action-bar-secondary-action.component.html',\n styleUrls: ['./summary-action-bar-secondary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionComponent {\n /**\n * Indicates whether to disable a secondary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n public set isDropdown(value: boolean) {\n this._isDropdown = value;\n this.changeDetector.detectChanges();\n }\n\n public get isDropdown() {\n return this._isDropdown;\n }\n\n /**\n * Fires when users select a secondary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n private _isDropdown: boolean;\n\n constructor(private changeDetector: ChangeDetectorRef) {}\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n"]}
@@ -1,73 +0,0 @@
1
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, QueryList, } from '@angular/core';
2
- import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
3
- import { SkyDropdownMessageType } from '@skyux/popovers';
4
- import { Subject } from 'rxjs';
5
- import { SkySummaryActionBarSecondaryActionComponent } from './summary-action-bar-secondary-action.component';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@skyux/core";
8
- import * as i2 from "@skyux/popovers";
9
- import * as i3 from "@angular/common";
10
- import * as i4 from "@skyux/i18n";
11
- /**
12
- * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`
13
- * components.
14
- */
15
- export class SkySummaryActionBarSecondaryActionsComponent {
16
- constructor(changeDetector, mediaQueryService) {
17
- this.changeDetector = changeDetector;
18
- this.mediaQueryService = mediaQueryService;
19
- this.isMobile = false;
20
- this.dropdownMessageStream = new Subject();
21
- this.actionClicks = [];
22
- }
23
- ngAfterContentInit() {
24
- this.mediaQuerySubscription = this.mediaQueryService.subscribe((args) => {
25
- this.isMobile = args === SkyMediaBreakpoints.xs;
26
- this.checkAndUpdateChildrenType();
27
- });
28
- this.actionChanges = this.secondaryActionComponents.changes.subscribe(() => {
29
- this.checkAndUpdateChildrenType();
30
- });
31
- if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {
32
- this.isMobile = true;
33
- }
34
- this.checkAndUpdateChildrenType();
35
- }
36
- ngOnDestroy() {
37
- this.mediaQuerySubscription.unsubscribe();
38
- this.actionChanges.unsubscribe();
39
- this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());
40
- }
41
- checkAndUpdateChildrenType() {
42
- /* istanbul ignore else */
43
- if (this.secondaryActionComponents) {
44
- let isDropdown = false;
45
- if (this.secondaryActionComponents.length >= 5 || this.isMobile) {
46
- isDropdown = true;
47
- }
48
- this.secondaryActionComponents.forEach((action) => {
49
- action.isDropdown = isDropdown;
50
- this.actionClicks.push(action.actionClick.subscribe(() => {
51
- this.dropdownMessageStream.next({
52
- type: SkyDropdownMessageType.Close,
53
- });
54
- }));
55
- });
56
- }
57
- this.changeDetector.detectChanges();
58
- }
59
- }
60
- SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
61
- SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionsComponent, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent }], ngImport: i0, template: "<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n", components: [{ type: i2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
62
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
63
- type: Component,
64
- args: [{
65
- selector: 'sky-summary-action-bar-secondary-actions',
66
- templateUrl: './summary-action-bar-secondary-actions.component.html',
67
- changeDetection: ChangeDetectionStrategy.OnPush,
68
- }]
69
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyMediaQueryService }]; }, propDecorators: { secondaryActionComponents: [{
70
- type: ContentChildren,
71
- args: [SkySummaryActionBarSecondaryActionComponent]
72
- }] } });
73
- //# sourceMappingURL=summary-action-bar-secondary-actions.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-secondary-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,eAAe,EAEf,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAsB,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAgB,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,2CAA2C,EAAE,MAAM,iDAAiD,CAAC;;;;;;AAE9G;;;GAGG;AAMH,MAAM,OAAO,4CAA4C;IAcvD,YACU,cAAiC,EACjC,iBAAuC;QADvC,mBAAc,GAAd,cAAc,CAAmB;QACjC,sBAAiB,GAAjB,iBAAiB,CAAsB;QAV1C,aAAQ,GAAG,KAAK,CAAC;QAEjB,0BAAqB,GAAG,IAAI,OAAO,EAAsB,CAAC;QAIzD,iBAAY,GAAmB,EAAE,CAAC;IAKvC,CAAC;IAEG,kBAAkB;QACvB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAC5D,CAAC,IAAyB,EAAE,EAAE;YAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,mBAAmB,CAAC,EAAE,CAAC;YAChD,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC,CACF,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,SAAS,CACnE,GAAG,EAAE;YACH,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC,CACF,CAAC;QACF,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,KAAK,mBAAmB,CAAC,EAAE,EAAE;YAC7D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;QACjC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;IACxE,CAAC;IAEO,0BAA0B;QAChC,0BAA0B;QAC1B,IAAI,IAAI,CAAC,yBAAyB,EAAE;YAClC,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,IAAI,CAAC,yBAAyB,CAAC,MAAM,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAC/D,UAAU,GAAG,IAAI,CAAC;aACnB;YACD,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBAChD,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CACpB,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;wBAC9B,IAAI,EAAE,sBAAsB,CAAC,KAAK;qBACnC,CAAC,CAAC;gBACL,CAAC,CAAC,CACH,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QACD,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;;0IA/DU,4CAA4C;8HAA5C,4CAA4C,0HAGtC,2CAA2C,6BC5B9D,i0BAyBA;4FDAa,4CAA4C;kBALxD,SAAS;mBAAC;oBACT,QAAQ,EAAE,0CAA0C;oBACpD,WAAW,EAAE,uDAAuD;oBACpE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;2IAKQ,yBAAyB;sBAD/B,eAAe;uBAAC,2CAA2C","sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n OnDestroy,\n QueryList,\n} from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\nimport { SkyDropdownMessage, SkyDropdownMessageType } from '@skyux/popovers';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { SkySummaryActionBarSecondaryActionComponent } from './summary-action-bar-secondary-action.component';\n\n/**\n * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`\n * components.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-actions',\n templateUrl: './summary-action-bar-secondary-actions.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionsComponent\n implements AfterContentInit, OnDestroy\n{\n @ContentChildren(SkySummaryActionBarSecondaryActionComponent)\n public secondaryActionComponents: QueryList<SkySummaryActionBarSecondaryActionComponent>;\n\n public isMobile = false;\n\n public dropdownMessageStream = new Subject<SkyDropdownMessage>();\n\n private mediaQuerySubscription: Subscription;\n private actionChanges: Subscription;\n private actionClicks: Subscription[] = [];\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private mediaQueryService: SkyMediaQueryService\n ) {}\n\n public ngAfterContentInit(): void {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n this.isMobile = args === SkyMediaBreakpoints.xs;\n this.checkAndUpdateChildrenType();\n }\n );\n\n this.actionChanges = this.secondaryActionComponents.changes.subscribe(\n () => {\n this.checkAndUpdateChildrenType();\n }\n );\n if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {\n this.isMobile = true;\n }\n this.checkAndUpdateChildrenType();\n }\n\n public ngOnDestroy(): void {\n this.mediaQuerySubscription.unsubscribe();\n this.actionChanges.unsubscribe();\n this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());\n }\n\n private checkAndUpdateChildrenType() {\n /* istanbul ignore else */\n if (this.secondaryActionComponents) {\n let isDropdown = false;\n if (this.secondaryActionComponents.length >= 5 || this.isMobile) {\n isDropdown = true;\n }\n this.secondaryActionComponents.forEach((action) => {\n action.isDropdown = isDropdown;\n this.actionClicks.push(\n action.actionClick.subscribe(() => {\n this.dropdownMessageStream.next({\n type: SkyDropdownMessageType.Close,\n });\n })\n );\n });\n }\n this.changeDetector.detectChanges();\n }\n}\n","<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n"]}
@@ -1,18 +0,0 @@
1
- import { ChangeDetectionStrategy, Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies the summary information to display.
5
- */
6
- export class SkySummaryActionBarSummaryComponent {
7
- }
8
- SkySummaryActionBarSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkySummaryActionBarSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSummaryComponent, selector: "sky-summary-action-bar-summary", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSummaryComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-summary-action-bar-summary',
14
- templateUrl: './summary-action-bar-summary.component.html',
15
- changeDetection: ChangeDetectionStrategy.OnPush,
16
- }]
17
- }] });
18
- //# sourceMappingURL=summary-action-bar-summary.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-summary.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.ts","../../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAMH,MAAM,OAAO,mCAAmC;;iIAAnC,mCAAmC;qHAAnC,mCAAmC,sECVhD,6BACA;4FDSa,mCAAmC;kBAL/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,WAAW,EAAE,6CAA6C;oBAC1D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies the summary information to display.\n */\n@Component({\n selector: 'sky-summary-action-bar-summary',\n templateUrl: './summary-action-bar-summary.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSummaryComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,81 +0,0 @@
1
- import { Injectable, RendererFactory2, } from '@angular/core';
2
- import { SkyAppWindowRef } from '@skyux/core';
3
- import { SkySummaryActionBarType } from './types/summary-action-bar-type';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@skyux/core";
6
- /**
7
- * @internal
8
- */
9
- export class SkySummaryActionBarAdapterService {
10
- constructor(rendererFactory, windowRef) {
11
- this.rendererFactory = rendererFactory;
12
- this.windowRef = windowRef;
13
- this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
14
- }
15
- styleBodyElementForActionBar(summaryActionBarRef) {
16
- const window = this.windowRef.nativeWindow;
17
- const body = window.document.body;
18
- const actionBarEl = summaryActionBarRef.nativeElement.querySelector('.sky-summary-action-bar');
19
- /* istanbul ignore else */
20
- if (actionBarEl.style.visibility !== 'hidden') {
21
- this.renderer.setStyle(body, 'margin-bottom', actionBarEl.offsetHeight + 'px');
22
- }
23
- }
24
- styleSplitViewElementForActionBar(summaryActionBarRef) {
25
- const splitViewWorkspaceContent = document.querySelector('.sky-split-view-workspace-content');
26
- const splitViewWorkspaceFooter = document.querySelector('.sky-split-view-workspace-footer');
27
- const actionBarEl = summaryActionBarRef.nativeElement.querySelector('.sky-summary-action-bar');
28
- /* istanbul ignore else */
29
- if (actionBarEl.style.visibility !== 'hidden') {
30
- this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', '20px');
31
- this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);
32
- }
33
- }
34
- revertBodyElementStyles() {
35
- const window = this.windowRef.nativeWindow;
36
- const body = window.document.body;
37
- this.renderer.removeStyle(body, 'margin-bottom');
38
- }
39
- revertSplitViewElementStyles() {
40
- const splitViewWorkspaceContent = document.querySelector('.sky-split-view-workspace-content');
41
- const splitViewWorkspaceFooter = document.querySelector('.sky-split-view-workspace-footer');
42
- this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');
43
- this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');
44
- }
45
- styleModalFooter(summaryActionBarRef) {
46
- const modalFooterEls = document.getElementsByClassName('sky-modal-footer-container');
47
- for (let i = 0; i < modalFooterEls.length; i++) {
48
- if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {
49
- this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);
50
- }
51
- }
52
- }
53
- getSummaryActionBarType(el) {
54
- do {
55
- if (el.tagName.toLowerCase() === 'sky-modal-footer') {
56
- while (el.tagName.toLowerCase() !== 'sky-modal') {
57
- if (el.classList.contains('sky-modal-full-page')) {
58
- return SkySummaryActionBarType.FullPageModal;
59
- }
60
- el = el.parentElement;
61
- }
62
- return SkySummaryActionBarType.StandardModal;
63
- }
64
- else if (el.classList.contains('sky-tab')) {
65
- return SkySummaryActionBarType.Tab;
66
- }
67
- else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {
68
- return SkySummaryActionBarType.SplitView;
69
- }
70
- el = el.parentElement;
71
- // tslint:disable-next-line:no-null-keyword
72
- } while (el !== null && el.nodeType === 1);
73
- return SkySummaryActionBarType.Page;
74
- }
75
- }
76
- SkySummaryActionBarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
77
- SkySummaryActionBarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService });
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService, decorators: [{
79
- type: Injectable
80
- }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }, { type: i1.SkyAppWindowRef }]; } });
81
- //# sourceMappingURL=summary-action-bar-adapter.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"summary-action-bar-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n private renderer: Renderer2;\n\n constructor(\n private rendererFactory: RendererFactory2,\n private windowRef: SkyAppWindowRef\n ) {\n this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n }\n\n public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n body,\n 'margin-bottom',\n actionBarEl.offsetHeight + 'px'\n );\n }\n }\n\n public styleSplitViewElementForActionBar(\n summaryActionBarRef: ElementRef\n ): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n splitViewWorkspaceContent,\n 'padding-bottom',\n '20px'\n );\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n }\n }\n\n public revertBodyElementStyles(): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n this.renderer.removeStyle(body, 'margin-bottom');\n }\n\n public revertSplitViewElementStyles(): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n }\n\n public styleModalFooter(summaryActionBarRef: ElementRef): void {\n const modalFooterEls = document.getElementsByClassName(\n 'sky-modal-footer-container'\n );\n for (let i = 0; i < modalFooterEls.length; i++) {\n if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n }\n }\n }\n\n public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n do {\n if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n while (el.tagName.toLowerCase() !== 'sky-modal') {\n if (el.classList.contains('sky-modal-full-page')) {\n return SkySummaryActionBarType.FullPageModal;\n }\n el = el.parentElement;\n }\n return SkySummaryActionBarType.StandardModal;\n } else if (el.classList.contains('sky-tab')) {\n return SkySummaryActionBarType.Tab;\n } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n return SkySummaryActionBarType.SplitView;\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n return SkySummaryActionBarType.Page;\n }\n}\n"]}