@skyux/lists 13.5.2 → 13.6.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.
@@ -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 {
@@ -1973,6 +1973,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
1973
1973
  }]
1974
1974
  }] });
1975
1975
 
1976
+ /**
1977
+ * Abstract service that provides an interface for components to integrate with a data manager.
1978
+ * This allows various list and filter components to work with data managers without tight coupling.
1979
+ * @internal
1980
+ */
1981
+ class SkyFilterStateService {
1982
+ }
1983
+
1976
1984
  /**
1977
1985
  * @internal
1978
1986
  */
@@ -2135,5 +2143,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
2135
2143
  * Generated bundle index. Do not edit.
2136
2144
  */
2137
2145
 
2138
- export { SkyFilterModule, SkyInfiniteScrollModule, SkyListSummaryModule, SkyPagingModule, SkyRepeaterModule, SkySortModule, SkyFilterButtonComponent as λ1, SkyRepeaterItemComponent as λ10, SkyRepeaterComponent as λ11, SkyRepeaterItemTitleComponent as λ12, SkySortItemComponent as λ13, SkySortComponent as λ14, SkyPagingContentComponent as λ15, SkyListSummaryComponent as λ16, SkyListSummaryItemComponent as λ17, SkyFilterInlineComponent as λ2, SkyFilterInlineItemComponent as λ3, SkyFilterSummaryItemComponent as λ4, SkyFilterSummaryComponent as λ5, SkyInfiniteScrollComponent as λ6, SkyPagingComponent as λ7, SkyRepeaterItemContentComponent as λ8, SkyRepeaterItemContextMenuComponent as λ9 };
2146
+ export { SkyFilterModule, SkyFilterStateService, SkyInfiniteScrollModule, SkyListSummaryModule, SkyPagingModule, SkyRepeaterModule, SkySortModule, SkyFilterButtonComponent as λ1, SkyRepeaterItemComponent as λ10, SkyRepeaterComponent as λ11, SkyRepeaterItemTitleComponent as λ12, SkySortItemComponent as λ13, SkySortComponent as λ14, SkyPagingContentComponent as λ15, SkyListSummaryComponent as λ16, SkyListSummaryItemComponent as λ17, SkyFilterInlineComponent as λ2, SkyFilterInlineItemComponent as λ3, SkyFilterSummaryItemComponent as λ4, SkyFilterSummaryComponent as λ5, SkyInfiniteScrollComponent as λ6, SkyPagingComponent as λ7, SkyRepeaterItemContentComponent as λ8, SkyRepeaterItemContextMenuComponent as λ9 };
2139
2147
  //# sourceMappingURL=skyux-lists.mjs.map