@spicainternational/ngx-sds-components 2.28.2 → 2.30.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 (34) hide show
  1. package/esm2020/public-api.mjs +3 -1
  2. package/esm2020/src/lib/badge/badge.directive.mjs +88 -0
  3. package/esm2020/src/lib/badge/badge.module.mjs +29 -0
  4. package/esm2020/src/lib/badge/badge.types.mjs +2 -0
  5. package/esm2020/src/lib/badge/components/badge.component.mjs +59 -0
  6. package/esm2020/src/lib/badge/public-api.mjs +3 -0
  7. package/esm2020/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs +5 -0
  8. package/esm2020/src/lib/expansion-panel/expansion-panel.component.mjs +37 -11
  9. package/esm2020/src/lib/expansion-panel/expansion-panel.module.mjs +10 -10
  10. package/esm2020/src/lib/expansion-panel/expansion-panel.types.mjs +2 -0
  11. package/fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs +176 -0
  12. package/fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -0
  13. package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +44 -18
  14. package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map +1 -1
  15. package/fesm2015/spicainternational-ngx-sds-components.mjs +2 -0
  16. package/fesm2015/spicainternational-ngx-sds-components.mjs.map +1 -1
  17. package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs +176 -0
  18. package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -0
  19. package/fesm2020/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +44 -18
  20. package/fesm2020/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map +1 -1
  21. package/fesm2020/spicainternational-ngx-sds-components.mjs +2 -0
  22. package/fesm2020/spicainternational-ngx-sds-components.mjs.map +1 -1
  23. package/package.json +9 -1
  24. package/public-api.d.ts +2 -0
  25. package/src/lib/badge/badge.directive.d.ts +23 -0
  26. package/src/lib/badge/badge.module.d.ts +9 -0
  27. package/src/lib/badge/badge.types.d.ts +2 -0
  28. package/src/lib/badge/components/badge.component.d.ts +23 -0
  29. package/src/lib/badge/package.json +10 -0
  30. package/src/lib/badge/public-api.d.ts +2 -0
  31. package/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.d.ts +5 -0
  32. package/src/lib/expansion-panel/expansion-panel.component.d.ts +21 -6
  33. package/src/lib/expansion-panel/expansion-panel.module.d.ts +4 -4
  34. package/src/lib/expansion-panel/expansion-panel.types.d.ts +1 -0
@@ -1,7 +1,9 @@
1
1
  export * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
2
2
  export * from '@spicainternational/ngx-sds-components/src/lib/avatar';
3
+ export * from '@spicainternational/ngx-sds-components/src/lib/badge';
3
4
  export * from '@spicainternational/ngx-sds-components/src/lib/callout';
4
5
  export * from '@spicainternational/ngx-sds-components/src/lib/color-picker';
6
+ export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
5
7
  export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
6
8
  export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
7
9
  export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
@@ -1 +1 @@
1
- {"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
1
+ {"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spicainternational/ngx-sds-components",
3
- "version": "2.28.2",
3
+ "version": "2.30.0",
4
4
  "description": "Spica design system angular components.",
5
5
  "peerDependencies": {
6
6
  "@angular/common": ">=13.3.0",
@@ -54,6 +54,14 @@
54
54
  "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-avatar.mjs",
55
55
  "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-avatar.mjs"
56
56
  },
57
+ "./src/lib/badge": {
58
+ "types": "./src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.d.ts",
59
+ "esm2020": "./esm2020/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs",
60
+ "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs",
61
+ "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs",
62
+ "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs",
63
+ "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs"
64
+ },
57
65
  "./src/lib/callout": {
58
66
  "types": "./src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.d.ts",
59
67
  "esm2020": "./esm2020/src/lib/callout/spicainternational-ngx-sds-components-src-lib-callout.mjs",
package/public-api.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
2
2
  export * from '@spicainternational/ngx-sds-components/src/lib/avatar';
3
+ export * from '@spicainternational/ngx-sds-components/src/lib/badge';
3
4
  export * from '@spicainternational/ngx-sds-components/src/lib/callout';
4
5
  export * from '@spicainternational/ngx-sds-components/src/lib/color-picker';
6
+ export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
5
7
  export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
6
8
  export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
7
9
  export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
@@ -0,0 +1,23 @@
1
+ import { AfterViewInit, ApplicationRef, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
2
+ import { BadgeSize, BadgeVariant } from './badge.types';
3
+ import * as i0 from "@angular/core";
4
+ export declare class SdsBadgeDirective implements OnInit, OnChanges, OnDestroy, AfterViewInit {
5
+ private host;
6
+ private appRef;
7
+ private viewContainerRef;
8
+ sdsBadge: string;
9
+ size: BadgeSize;
10
+ variant: BadgeVariant;
11
+ private badgeComponentRef;
12
+ private observer;
13
+ constructor(host: ElementRef, appRef: ApplicationRef, viewContainerRef: ViewContainerRef);
14
+ ngAfterViewInit(): void;
15
+ ngOnInit(): void;
16
+ ngOnChanges(changes: SimpleChanges): void;
17
+ ngOnDestroy(): void;
18
+ private initializeBadge;
19
+ private destroyBadgeComponentRef;
20
+ private setBadgePosition;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdsBadgeDirective, never>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SdsBadgeDirective, "[sdsBadge]", never, { "sdsBadge": "sdsBadge"; "size": "size"; "variant": "variant"; }, {}, never>;
23
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./badge.directive";
3
+ import * as i2 from "./components/badge.component";
4
+ import * as i3 from "@angular/common";
5
+ export declare class SdsBadgeModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdsBadgeModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SdsBadgeModule, [typeof i1.SdsBadgeDirective, typeof i2.SdsBadgeComponent], [typeof i3.CommonModule], [typeof i1.SdsBadgeDirective]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<SdsBadgeModule>;
9
+ }
@@ -0,0 +1,2 @@
1
+ export declare type BadgeVariant = 'primary' | 'secondary';
2
+ export declare type BadgeSize = 'default' | 'small';
@@ -0,0 +1,23 @@
1
+ import { ChangeDetectorRef, OnInit } from '@angular/core';
2
+ import { BadgeSize, BadgeVariant } from '../badge.types';
3
+ import * as i0 from "@angular/core";
4
+ export declare class SdsBadgeComponent implements OnInit {
5
+ private readonly cdRef;
6
+ private _text;
7
+ private _size;
8
+ private _variant;
9
+ private _left;
10
+ get text(): string;
11
+ set text(value: string);
12
+ get size(): BadgeSize;
13
+ set size(value: BadgeSize);
14
+ get variant(): BadgeVariant;
15
+ set variant(value: BadgeVariant);
16
+ get left(): number;
17
+ set left(value: number);
18
+ constructor(cdRef: ChangeDetectorRef);
19
+ ngOnInit(): void;
20
+ private refresh;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdsBadgeComponent, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<SdsBadgeComponent, "sds-badge", never, {}, {}, never, never>;
23
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs",
3
+ "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs",
4
+ "esm2020": "../../../esm2020/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs",
5
+ "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs",
6
+ "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs",
7
+ "typings": "spicainternational-ngx-sds-components-src-lib-badge.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@spicainternational/ngx-sds-components/src/lib/badge"
10
+ }
@@ -0,0 +1,2 @@
1
+ export * from './badge.module';
2
+ export * from './badge.directive';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@spicainternational/ngx-sds-components/src/lib/badge" />
5
+ export * from './public-api';
@@ -1,10 +1,25 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
3
+ import { CaretPlacement } from './expansion-panel.types';
3
4
  import * as i0 from "@angular/core";
4
- export declare class ExpansionPanelComponent {
5
+ export declare class SdsExpansionPanelComponent {
5
6
  headerText?: string;
6
7
  hideHeader?: boolean;
7
8
  headerId?: string;
9
+ animateCaret: boolean;
10
+ /**
11
+ * toggles greyish background
12
+ *
13
+ * @memberof SdsExpansionPanelComponent
14
+ */
15
+ showBackground: boolean;
16
+ /**
17
+ * position caret next to header of on the far end of the component
18
+ *
19
+ * @type {('nextToHeader' | 'farEnd')}
20
+ * @memberof SdsExpansionPanelComponent
21
+ */
22
+ caretPlacement: CaretPlacement;
8
23
  /**
9
24
  * 'descriptionText' - text displayed when component is "closed".
10
25
  *
@@ -16,9 +31,9 @@ export declare class ExpansionPanelComponent {
16
31
  descriptionText?: string;
17
32
  isOpen: boolean;
18
33
  isOpenChange: EventEmitter<boolean>;
19
- cardIsClosedIcon: IconDefinition;
20
- cardIsOpenIcon: IconDefinition;
21
- onToggleIsOpenClick(): void;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "sds-expansion-panel", never, { "headerText": "headerText"; "hideHeader": "hideHeader"; "headerId": "headerId"; "descriptionText": "descriptionText"; "isOpen": "isOpen"; }, { "isOpenChange": "isOpenChange"; }, never, ["[contentOnClosed]", "*"]>;
34
+ caretIcon: IconDefinition;
35
+ onToggleIsOpenClick(event: MouseEvent): void;
36
+ openPanel(): void;
37
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdsExpansionPanelComponent, never>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<SdsExpansionPanelComponent, "sds-expansion-panel", never, { "headerText": "headerText"; "hideHeader": "hideHeader"; "headerId": "headerId"; "animateCaret": "animateCaret"; "showBackground": "showBackground"; "caretPlacement": "caretPlacement"; "descriptionText": "descriptionText"; "isOpen": "isOpen"; }, { "isOpenChange": "isOpenChange"; }, never, ["[contentOnClosed]", "*"]>;
24
39
  }
@@ -8,8 +8,8 @@ import * as i3 from "@fortawesome/angular-fontawesome";
8
8
  * @export
9
9
  * @class ExpansionPanelModule
10
10
  */
11
- export declare class ExpansionPanelModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<ExpansionPanelModule, [typeof i1.ExpansionPanelComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule], [typeof i1.ExpansionPanelComponent]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<ExpansionPanelModule>;
11
+ export declare class SdsExpansionPanelModule {
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdsExpansionPanelModule, never>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SdsExpansionPanelModule, [typeof i1.SdsExpansionPanelComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule], [typeof i1.SdsExpansionPanelComponent]>;
14
+ static ɵinj: i0.ɵɵInjectorDeclaration<SdsExpansionPanelModule>;
15
15
  }
@@ -0,0 +1 @@
1
+ export declare type CaretPlacement = 'nextToHeader' | 'farEnd';