@skyux/lists 13.6.0 → 13.6.2

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.
@@ -586,11 +586,11 @@ class SkyListSummaryItemComponent {
586
586
  }, ...(ngDevMode ? [{ debugName: "numericValue" }] : []));
587
587
  }
588
588
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyListSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
589
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyListSummaryItemComponent, isStandalone: true, selector: "sky-list-summary-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null }, valueFormat: { classPropertyName: "valueFormat", publicName: "valueFormat", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue()) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block;margin-right:var(--sky-margin-inline-lg)}\n"], dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$1.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$1.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$1.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkyNumericModule }, { kind: "pipe", type: i1$3.SkyNumericPipe, name: "skyNumeric" }] }); }
589
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyListSummaryItemComponent, isStandalone: true, selector: "sky-list-summary-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null }, valueFormat: { classPropertyName: "valueFormat", publicName: "valueFormat", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue()) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$1.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$1.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$1.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkyNumericModule }, { kind: "pipe", type: i1$3.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
590
590
  }
591
591
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyListSummaryItemComponent, decorators: [{
592
592
  type: Component,
593
- args: [{ selector: 'sky-list-summary-item', imports: [SkyKeyInfoModule, SkyNumericModule], template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue()) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block;margin-right:var(--sky-margin-inline-lg)}\n"] }]
593
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-list-summary-item', imports: [SkyKeyInfoModule, SkyNumericModule], template: "<sky-key-info\n layout=\"horizontal\"\n [helpKey]=\"helpKey()\"\n [helpPopoverContent]=\"helpPopoverContent()\"\n [helpPopoverTitle]=\"helpPopoverTitle()\"\n>\n <sky-key-info-value class=\"sky-font-display-4\">\n @if (numericValue()) {\n {{ numericValue() | skyNumeric: valueFormat() }}\n } @else {\n {{ value() }}\n }\n </sky-key-info-value>\n <sky-key-info-label>{{ labelText() }}</sky-key-info-label>\n</sky-key-info>\n", styles: [":host{display:inline-block}\n"] }]
594
594
  }] });
595
595
 
596
596
  /**
@@ -598,11 +598,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
598
598
  */
599
599
  class SkyListSummaryComponent {
600
600
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyListSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
601
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: SkyListSummaryComponent, isStandalone: true, selector: "sky-list-summary", hostDirectives: [{ directive: i1$2.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:block;padding:var(--sky-override-list-summary-padding, var(--sky-margin-inline-sm));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}.sky-list-summary-content-container{display:inline-block}\n"] }); }
601
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: SkyListSummaryComponent, isStandalone: true, selector: "sky-list-summary", hostDirectives: [{ directive: i1$2.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-item-gap: 15px;--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:flex;flex-wrap:wrap;column-gap:var(--sky-override-list-summary-item-gap, var(--sky-space-inline-xl));align-items:baseline;padding:var(--sky-override-list-summary-padding, var(--sky-comp-list_summary-space-inset-top) var(--sky-comp-list_summary-space-inset-right) var(--sky-comp-list_summary-space-inset-bottom) var(--sky-comp-list_summary-space-inset-left));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}.sky-list-summary-content-container{display:inline-block}\n"] }); }
602
602
  }
603
603
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyListSummaryComponent, decorators: [{
604
604
  type: Component,
605
- args: [{ selector: 'sky-list-summary', hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:block;padding:var(--sky-override-list-summary-padding, var(--sky-margin-inline-sm));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}.sky-list-summary-content-container{display:inline-block}\n"] }]
605
+ args: [{ selector: 'sky-list-summary', hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content select=\"sky-list-summary-item\" />\n<div class=\"sky-list-summary-content-container\">\n <ng-content />\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-list-summary-item-gap: 15px;--sky-override-list-summary-padding: 5px 10px 10px;--sky-override-list-summary-background-color: #ffffff;--sky-override-list-summary-border-bottom: 1px solid #cdcfd2}:host{display:flex;flex-wrap:wrap;column-gap:var(--sky-override-list-summary-item-gap, var(--sky-space-inline-xl));align-items:baseline;padding:var(--sky-override-list-summary-padding, var(--sky-comp-list_summary-space-inset-top) var(--sky-comp-list_summary-space-inset-right) var(--sky-comp-list_summary-space-inset-bottom) var(--sky-comp-list_summary-space-inset-left));background-color:var(--sky-override-list-summary-background-color, var(--sky-comp-override-list-header-background-color));border-bottom:var(--sky-override-list-summary-border-bottom, none)}.sky-list-summary-content-container{display:inline-block}\n"] }]
606
606
  }] });
607
607
 
608
608
  class SkyListSummaryModule {