@skyux/progress-indicator 14.3.12 → 15.0.0-alpha.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.
|
@@ -41,11 +41,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
41
41
|
* Import into any component library module that needs to use resource strings.
|
|
42
42
|
*/
|
|
43
43
|
class SkyProgressIndicatorResourcesModule {
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
45
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
46
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
45
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResourcesModule, exports: [SkyI18nModule] }); }
|
|
46
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResourcesModule, imports: [SkyI18nModule] }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResourcesModule, decorators: [{
|
|
49
49
|
type: NgModule,
|
|
50
50
|
args: [{
|
|
51
51
|
exports: [SkyI18nModule],
|
|
@@ -90,10 +90,10 @@ class SkyProgressIndicatorMarkerClassPipe {
|
|
|
90
90
|
}
|
|
91
91
|
return `sky-progress-indicator-status-marker-mode-${displayMode} sky-progress-indicator-status-marker-status-${statusName}`;
|
|
92
92
|
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
94
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorMarkerClassPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
94
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorMarkerClassPipe, isStandalone: false, name: "skyProgressIndicatorMarkerClass" }); }
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorMarkerClassPipe, decorators: [{
|
|
97
97
|
type: Pipe,
|
|
98
98
|
args: [{
|
|
99
99
|
name: 'skyProgressIndicatorMarkerClass',
|
|
@@ -140,10 +140,10 @@ class SkyProgressIndicatorStatusMarkerComponent {
|
|
|
140
140
|
this.#ngUnsubscribe.next();
|
|
141
141
|
this.#ngUnsubscribe.complete();
|
|
142
142
|
}
|
|
143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
144
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
143
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorStatusMarkerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
144
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyProgressIndicatorStatusMarkerComponent, isStandalone: false, selector: "sky-progress-indicator-status-marker", inputs: { displayMode: "displayMode", status: "status" }, ngImport: i0, template: "<div\n class=\"sky-progress-indicator-status-marker\"\n role=\"presentation\"\n [ngClass]=\"displayMode | skyProgressIndicatorMarkerClass: status\"\n>\n <div class=\"sky-progress-indicator-status-marker-icon\">\n @if (isComplete) {\n <sky-icon iconName=\"checkmark\" />\n }\n </div>\n <div class=\"sky-progress-indicator-status-marker-line\"></div>\n</div>\n", styles: [".sky-progress-indicator-status-marker:not(.sky-theme-modern *){--sky-override-progress-indicator-mode-vertical-width: auto;--sky-override-progress-indicator-status-marker-before-display: block;--sky-override-progress-indicator-status-marker-horizontal-icon-height: 15px;--sky-override-progress-indicator-status-marker-horizontal-padding-left: 5px;--sky-override-progress-indicator-status-marker-icon-active-color: #5a9936;--sky-override-progress-indicator-status-marker-icon-border-color: var( --sky-border-color-neutral-medium );--sky-override-progress-indicator-status-marker-icon-border-radius: 15px;--sky-override-progress-indicator-status-marker-icon-border-width: 2px;--sky-override-progress-indicator-status-marker-icon-margin-left: -1px;--sky-override-progress-indicator-status-marker-icon-margin-top: 1px;--sky-override-progress-indicator-status-marker-icon-pending-color: #5a9936;--sky-override-progress-indicator-status-marker-icon-size: 15px;--sky-override-progress-indicator-status-marker-icon-success-color: #5a9936;--sky-override-progress-indicator-status-marker-line-color: var( --sky-border-color-neutral-medium );--sky-override-progress-indicator-status-marker-line-complete-color: #5a9936;--sky-override-progress-indicator-status-marker-line-width: 1px;--sky-override-progress-indicator-status-marker-margin-right: 15px;--sky-override-progress-indicator-status-marker-status-active-icon-border-color: transparent}.sky-progress-indicator-status-marker{display:flex;height:100%}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{flex-direction:column;margin-right:var(--sky-override-progress-indicator-status-marker-margin-right, var(--sky-space-gap-label-xl));position:relative;top:0;width:var(--sky-override-progress-indicator-mode-vertical-width, max(var(--sky-size-progress_step), var(--sky-size-icon-m)))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{margin:var(--sky-override-progress-indicator-status-marker-icon-margin-top, 0) auto 0;width:var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-progress_step))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{margin-left:var(--sky-override-progress-indicator-status-marker-icon-margin-left, 0)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{width:var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-icon-m))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-line{margin:0 auto;width:var(--sky-override-progress-indicator-status-marker-line-width, var(--sky-border-width-progress_connector))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal{flex-direction:row;width:100%;padding-left:var(--sky-override-progress-indicator-status-marker-horizontal-padding-left, 0)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px);top:0;width:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px);flex-basis:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-line{margin:auto 0;height:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border:0;margin-right:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon:before{content:\"\";display:var(--sky-override-progress-indicator-status-marker-before-display, none);width:5px;height:1px;background-color:#5a9936;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon:before{content:\"\";display:var(--sky-override-progress-indicator-status-marker-before-display, none);width:5px;height:1px;background-color:#cdcfd2;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker-icon{border-radius:var(--sky-override-progress-indicator-status-marker-icon-border-radius, var(--sky-border-radius-round));border:var(--sky-override-progress-indicator-status-marker-icon-border-width, var(--sky-border-width-progress_step)) solid var(--sky-override-progress-indicator-status-marker-icon-border-color, var(--sky-color-border-progress_step));flex:0 0 var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-progress_step))}.sky-progress-indicator-status-marker-line{background-color:var(--sky-override-progress-indicator-status-marker-line-color, var(--sky-color-border-progress_step));flex:1 0 auto}.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{background-color:var(--sky-override-progress-indicator-status-marker-icon-active-color, var(--sky-color-icon-success));border-color:var(--sky-override-progress-indicator-status-marker-status-active-icon-border-color, var(--sky-color-border-success))}.sky-progress-indicator-status-marker-status-pending .sky-progress-indicator-status-marker-icon{border-color:var(--sky-override-progress-indicator-status-marker-icon-pending-color, var(--sky-color-border-success))}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border-color:transparent;color:var(--sky-override-progress-indicator-status-marker-icon-success-color, var(--sky-color-icon-success));margin-top:0}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-line{background-color:var(--sky-override-progress-indicator-status-marker-line-complete-color, var(--sky-color-border-success));width:var(--sky-override-progress-indicator-status-marker-line-width, var(--sky-border-width-divider))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "pipe", type: SkyProgressIndicatorMarkerClassPipe, name: "skyProgressIndicatorMarkerClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
145
145
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorStatusMarkerComponent, decorators: [{
|
|
147
147
|
type: Component,
|
|
148
148
|
args: [{ selector: 'sky-progress-indicator-status-marker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-progress-indicator-status-marker\"\n role=\"presentation\"\n [ngClass]=\"displayMode | skyProgressIndicatorMarkerClass: status\"\n>\n <div class=\"sky-progress-indicator-status-marker-icon\">\n @if (isComplete) {\n <sky-icon iconName=\"checkmark\" />\n }\n </div>\n <div class=\"sky-progress-indicator-status-marker-line\"></div>\n</div>\n", styles: [".sky-progress-indicator-status-marker:not(.sky-theme-modern *){--sky-override-progress-indicator-mode-vertical-width: auto;--sky-override-progress-indicator-status-marker-before-display: block;--sky-override-progress-indicator-status-marker-horizontal-icon-height: 15px;--sky-override-progress-indicator-status-marker-horizontal-padding-left: 5px;--sky-override-progress-indicator-status-marker-icon-active-color: #5a9936;--sky-override-progress-indicator-status-marker-icon-border-color: var( --sky-border-color-neutral-medium );--sky-override-progress-indicator-status-marker-icon-border-radius: 15px;--sky-override-progress-indicator-status-marker-icon-border-width: 2px;--sky-override-progress-indicator-status-marker-icon-margin-left: -1px;--sky-override-progress-indicator-status-marker-icon-margin-top: 1px;--sky-override-progress-indicator-status-marker-icon-pending-color: #5a9936;--sky-override-progress-indicator-status-marker-icon-size: 15px;--sky-override-progress-indicator-status-marker-icon-success-color: #5a9936;--sky-override-progress-indicator-status-marker-line-color: var( --sky-border-color-neutral-medium );--sky-override-progress-indicator-status-marker-line-complete-color: #5a9936;--sky-override-progress-indicator-status-marker-line-width: 1px;--sky-override-progress-indicator-status-marker-margin-right: 15px;--sky-override-progress-indicator-status-marker-status-active-icon-border-color: transparent}.sky-progress-indicator-status-marker{display:flex;height:100%}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{flex-direction:column;margin-right:var(--sky-override-progress-indicator-status-marker-margin-right, var(--sky-space-gap-label-xl));position:relative;top:0;width:var(--sky-override-progress-indicator-mode-vertical-width, max(var(--sky-size-progress_step), var(--sky-size-icon-m)))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{margin:var(--sky-override-progress-indicator-status-marker-icon-margin-top, 0) auto 0;width:var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-progress_step))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{margin-left:var(--sky-override-progress-indicator-status-marker-icon-margin-left, 0)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{width:var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-icon-m))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-line{margin:0 auto;width:var(--sky-override-progress-indicator-status-marker-line-width, var(--sky-border-width-progress_connector))}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal{flex-direction:row;width:100%;padding-left:var(--sky-override-progress-indicator-status-marker-horizontal-padding-left, 0)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px);top:0;width:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px);flex-basis:var(--sky-override-progress-indicator-status-marker-horizontal-icon-height, 17px)}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-line{margin:auto 0;height:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border:0;margin-right:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon:before{content:\"\";display:var(--sky-override-progress-indicator-status-marker-before-display, none);width:5px;height:1px;background-color:#5a9936;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon:before{content:\"\";display:var(--sky-override-progress-indicator-status-marker-before-display, none);width:5px;height:1px;background-color:#cdcfd2;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker-icon{border-radius:var(--sky-override-progress-indicator-status-marker-icon-border-radius, var(--sky-border-radius-round));border:var(--sky-override-progress-indicator-status-marker-icon-border-width, var(--sky-border-width-progress_step)) solid var(--sky-override-progress-indicator-status-marker-icon-border-color, var(--sky-color-border-progress_step));flex:0 0 var(--sky-override-progress-indicator-status-marker-icon-size, var(--sky-size-progress_step))}.sky-progress-indicator-status-marker-line{background-color:var(--sky-override-progress-indicator-status-marker-line-color, var(--sky-color-border-progress_step));flex:1 0 auto}.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{background-color:var(--sky-override-progress-indicator-status-marker-icon-active-color, var(--sky-color-icon-success));border-color:var(--sky-override-progress-indicator-status-marker-status-active-icon-border-color, var(--sky-color-border-success))}.sky-progress-indicator-status-marker-status-pending .sky-progress-indicator-status-marker-icon{border-color:var(--sky-override-progress-indicator-status-marker-icon-pending-color, var(--sky-color-border-success))}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border-color:transparent;color:var(--sky-override-progress-indicator-status-marker-icon-success-color, var(--sky-color-icon-success));margin-top:0}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-line{background-color:var(--sky-override-progress-indicator-status-marker-line-complete-color, var(--sky-color-border-success));width:var(--sky-override-progress-indicator-status-marker-line-width, var(--sky-border-width-divider))}\n"] }]
|
|
149
149
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.SkyThemeService, decorators: [{
|
|
@@ -248,10 +248,10 @@ class SkyProgressIndicatorItemComponent {
|
|
|
248
248
|
this.formattedTitle = `${this.#titlePrefix}${this.title}`;
|
|
249
249
|
this.#changeDetector.markForCheck();
|
|
250
250
|
}
|
|
251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyProgressIndicatorItemComponent, isStandalone: false, selector: "sky-progress-indicator-item", inputs: { title: "title", helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle" }, ngImport: i0, template: "@if (isVisible) {\n <div\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n >\n @if (showStatusMarker) {\n <sky-progress-indicator-status-marker [status]=\"status\" />\n }\n\n <div class=\"sky-progress-indicator-item-content\">\n @if (showTitle) {\n <div class=\"sky-progress-indicator-item-heading-wrapper\" skyTrim>\n <span\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-font-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n @if (!helpKey && !helpPopoverContent) {\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n }\n </span>\n @if (helpKey || helpPopoverContent) {\n <span class=\"sky-control-help-container\">\n <sky-help-inline\n [helpKey]=\"helpKey\"\n [labelText]=\"title\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n </span>\n }\n </div>\n }\n <div class=\"sky-progress-indicator-item-body\">\n @if (statusName !== 'incomplete') {\n <ng-content />\n }\n </div>\n </div>\n </div>\n}\n", styles: [".sky-progress-indicator-item:not(.sky-theme-modern *){--sky-override-progress-indicator-item-body-empty-padding: 10px 0 30px;--sky-override-progress-indicator-item-body-margin-bottom: 0;--sky-override-progress-indicator-item-body-min-height: 20px;--sky-override-progress-indicator-item-body-padding-bottom: 30px;--sky-override-progress-indicator-item-body-padding-top: 10px;--sky-override-progress-indicator-item-heading-wrapper-margin-top: 0;--sky-override-progress-indicator-item-margin: 0 0 -1px}.sky-progress-indicator-item{display:flex;margin:var(--sky-override-progress-indicator-item-margin, 0)}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:var(--sky-override-progress-indicator-item-body-min-height, 0);padding-top:var(--sky-override-progress-indicator-item-body-padding-top, var(--sky-space-stacked-l));padding-bottom:var(--sky-override-progress-indicator-item-body-padding-bottom, var(--sky-space-stacked-xl))}.sky-progress-indicator-item-body:empty{padding:var(--sky-override-progress-indicator-item-body-empty-padding, 0);margin-bottom:var(--sky-override-progress-indicator-item-body-margin-bottom, var(--sky-space-stacked-l))}.sky-progress-indicator-item-heading-wrapper{margin-top:var(--sky-override-progress-indicator-item-heading-wrapper-margin-top, calc((var(--sky-font-size-display-3) * var(--sky-font-line_height-display-3) - var(--sky-size-progress_step)) / 2 * -1))}.sky-progress-indicator-item-status-complete .sky-progress-indicator-item-heading-wrapper{margin-top:var(--sky-override-progress-indicator-item-heading-wrapper-margin-top, calc((var(--sky-font-size-display-3) * var(--sky-font-line_height-display-3) - var(--sky-size-icon-m)) / 2 * -1))}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$1.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }, { kind: "component", type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorItemComponent, decorators: [{
|
|
255
255
|
type: Component,
|
|
256
256
|
args: [{ selector: 'sky-progress-indicator-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (isVisible) {\n <div\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n >\n @if (showStatusMarker) {\n <sky-progress-indicator-status-marker [status]=\"status\" />\n }\n\n <div class=\"sky-progress-indicator-item-content\">\n @if (showTitle) {\n <div class=\"sky-progress-indicator-item-heading-wrapper\" skyTrim>\n <span\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-font-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n @if (!helpKey && !helpPopoverContent) {\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n }\n </span>\n @if (helpKey || helpPopoverContent) {\n <span class=\"sky-control-help-container\">\n <sky-help-inline\n [helpKey]=\"helpKey\"\n [labelText]=\"title\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n </span>\n }\n </div>\n }\n <div class=\"sky-progress-indicator-item-body\">\n @if (statusName !== 'incomplete') {\n <ng-content />\n }\n </div>\n </div>\n </div>\n}\n", styles: [".sky-progress-indicator-item:not(.sky-theme-modern *){--sky-override-progress-indicator-item-body-empty-padding: 10px 0 30px;--sky-override-progress-indicator-item-body-margin-bottom: 0;--sky-override-progress-indicator-item-body-min-height: 20px;--sky-override-progress-indicator-item-body-padding-bottom: 30px;--sky-override-progress-indicator-item-body-padding-top: 10px;--sky-override-progress-indicator-item-heading-wrapper-margin-top: 0;--sky-override-progress-indicator-item-margin: 0 0 -1px}.sky-progress-indicator-item{display:flex;margin:var(--sky-override-progress-indicator-item-margin, 0)}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:var(--sky-override-progress-indicator-item-body-min-height, 0);padding-top:var(--sky-override-progress-indicator-item-body-padding-top, var(--sky-space-stacked-l));padding-bottom:var(--sky-override-progress-indicator-item-body-padding-bottom, var(--sky-space-stacked-xl))}.sky-progress-indicator-item-body:empty{padding:var(--sky-override-progress-indicator-item-body-empty-padding, 0);margin-bottom:var(--sky-override-progress-indicator-item-body-margin-bottom, var(--sky-space-stacked-l))}.sky-progress-indicator-item-heading-wrapper{margin-top:var(--sky-override-progress-indicator-item-heading-wrapper-margin-top, calc((var(--sky-font-size-display-3) * var(--sky-font-line_height-display-3) - var(--sky-size-progress_step)) / 2 * -1))}.sky-progress-indicator-item-status-complete .sky-progress-indicator-item-heading-wrapper{margin-top:var(--sky-override-progress-indicator-item-heading-wrapper-margin-top, calc((var(--sky-font-size-display-3) * var(--sky-font-line_height-display-3) - var(--sky-size-icon-m)) / 2 * -1))}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}\n"] }]
|
|
257
257
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
@@ -280,10 +280,10 @@ class SkyProgressIndicatorNavButtonClass {
|
|
|
280
280
|
}
|
|
281
281
|
return classNames;
|
|
282
282
|
}
|
|
283
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
284
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
284
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, isStandalone: false, name: "skyProgressIndicatorNavButtonClass" }); }
|
|
285
285
|
}
|
|
286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, decorators: [{
|
|
287
287
|
type: Pipe,
|
|
288
288
|
args: [{
|
|
289
289
|
name: 'skyProgressIndicatorNavButtonClass',
|
|
@@ -298,10 +298,10 @@ class SkyProgressIndicatorNavButtonDisabledPipe {
|
|
|
298
298
|
(buttonType === 'previous' && activeIndex === 0) ||
|
|
299
299
|
disabled);
|
|
300
300
|
}
|
|
301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
302
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
302
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, isStandalone: false, name: "skyProgressIndicatorNavButtonDisabled" }); }
|
|
303
303
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, decorators: [{
|
|
305
305
|
type: Pipe,
|
|
306
306
|
args: [{
|
|
307
307
|
name: 'skyProgressIndicatorNavButtonDisabled',
|
|
@@ -665,10 +665,10 @@ class SkyProgressIndicatorComponent {
|
|
|
665
665
|
#getLastIndex() {
|
|
666
666
|
return (this.itemComponents?.length || 0) - 1;
|
|
667
667
|
}
|
|
668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SkyAppWindowRef }, { token: i1$1.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
669
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyProgressIndicatorComponent, isStandalone: false, selector: "sky-progress-indicator", inputs: { displayMode: "displayMode", isPassive: "isPassive", messageStream: "messageStream", startingIndex: "startingIndex" }, outputs: { progressChanges: "progressChanges" }, queries: [{ propertyName: "itemComponents", predicate: SkyProgressIndicatorItemComponent }], ngImport: i0, template: "<div class=\"sky-progress-indicator\" [ngClass]=\"cssClassNames\">\n @if (displayMode === 'horizontal') {\n <div class=\"sky-progress-indicator-horizontal-status-markers\">\n @for (status of itemStatuses; track status) {\n <sky-progress-indicator-status-marker\n [displayMode]=\"displayMode\"\n [status]=\"status\"\n />\n }\n </div>\n }\n <ng-content />\n</div>\n", styles: [".sky-progress-indicator:not(.sky-theme-modern *){--sky-override-progress-indicator-mode-horizontal-item-heading-font-size: 16px;--sky-override-progress-indicator-mode-horizontal-item-heading-font-weight: 600;--sky-override-progress-indicator-mode-vertical-margin-left: -30px;--sky-override-progress-indicator-nav-and-reset-margin: 0;--sky-override-progress-indicator-nav-and-reset-padding: 30px 0 0 15px;--sky-override-progress-indicator-nav-and-reset-text-align: start}.sky-progress-indicator ::ng-deep sky-progress-indicator-item:last-of-type .sky-progress-indicator-status-marker-line{display:none}.sky-progress-indicator-mode-vertical{max-width:400px;min-width:250px;margin:0 auto}.sky-progress-indicator-mode-vertical ::ng-deep .sky-progress-indicator-item-body{text-align:center;margin-left:var(--sky-override-progress-indicator-mode-vertical-margin-left, calc(-2*max(var(--sky-size-progress_step), var(--sky-size-icon-m))) )}.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{display:block;padding:var(--sky-override-progress-indicator-nav-and-reset-padding, 0);text-align:var(--sky-override-progress-indicator-nav-and-reset-text-align, center);margin:var(--sky-override-progress-indicator-nav-and-reset-margin, var(--sky-space-stacked-xxl) 0 0)}::ng-deep .sky-popover ::ng-deep .sky-progress-indicator-mode-vertical{min-width:auto}.sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:var(--sky-override-progress-indicator-mode-horizontal-item-heading-font-weight, inherit);font-size:var(--sky-override-progress-indicator-mode-horizontal-item-heading-font-size, inherit)}.sky-progress-indicator-horizontal-status-markers{display:flex;margin-bottom:10px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker{flex-basis:45px;flex-grow:0}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type{margin-left:-5px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type .sky-progress-indicator-status-marker .sky-progress-indicator-status-marker-icon:before{display:none!important}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:last-of-type .sky-progress-indicator-status-marker-line{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
670
670
|
}
|
|
671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorComponent, decorators: [{
|
|
672
672
|
type: Component,
|
|
673
673
|
args: [{ selector: 'sky-progress-indicator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-progress-indicator\" [ngClass]=\"cssClassNames\">\n @if (displayMode === 'horizontal') {\n <div class=\"sky-progress-indicator-horizontal-status-markers\">\n @for (status of itemStatuses; track status) {\n <sky-progress-indicator-status-marker\n [displayMode]=\"displayMode\"\n [status]=\"status\"\n />\n }\n </div>\n }\n <ng-content />\n</div>\n", styles: [".sky-progress-indicator:not(.sky-theme-modern *){--sky-override-progress-indicator-mode-horizontal-item-heading-font-size: 16px;--sky-override-progress-indicator-mode-horizontal-item-heading-font-weight: 600;--sky-override-progress-indicator-mode-vertical-margin-left: -30px;--sky-override-progress-indicator-nav-and-reset-margin: 0;--sky-override-progress-indicator-nav-and-reset-padding: 30px 0 0 15px;--sky-override-progress-indicator-nav-and-reset-text-align: start}.sky-progress-indicator ::ng-deep sky-progress-indicator-item:last-of-type .sky-progress-indicator-status-marker-line{display:none}.sky-progress-indicator-mode-vertical{max-width:400px;min-width:250px;margin:0 auto}.sky-progress-indicator-mode-vertical ::ng-deep .sky-progress-indicator-item-body{text-align:center;margin-left:var(--sky-override-progress-indicator-mode-vertical-margin-left, calc(-2*max(var(--sky-size-progress_step), var(--sky-size-icon-m))) )}.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{display:block;padding:var(--sky-override-progress-indicator-nav-and-reset-padding, 0);text-align:var(--sky-override-progress-indicator-nav-and-reset-text-align, center);margin:var(--sky-override-progress-indicator-nav-and-reset-margin, var(--sky-space-stacked-xxl) 0 0)}::ng-deep .sky-popover ::ng-deep .sky-progress-indicator-mode-vertical{min-width:auto}.sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:var(--sky-override-progress-indicator-mode-horizontal-item-heading-font-weight, inherit);font-size:var(--sky-override-progress-indicator-mode-horizontal-item-heading-font-size, inherit)}.sky-progress-indicator-horizontal-status-markers{display:flex;margin-bottom:10px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker{flex-basis:45px;flex-grow:0}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type{margin-left:-5px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type .sky-progress-indicator-status-marker .sky-progress-indicator-status-marker-icon:before{display:none!important}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:last-of-type .sky-progress-indicator-status-marker-line{display:none}\n"] }]
|
|
674
674
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.SkyAppWindowRef }, { type: i1$1.SkyLogService }], propDecorators: { displayMode: [{
|
|
@@ -855,10 +855,10 @@ class SkyProgressIndicatorNavButtonComponent {
|
|
|
855
855
|
}
|
|
856
856
|
this.isVisible = true;
|
|
857
857
|
}
|
|
858
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
859
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
858
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyProgressIndicatorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
859
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyProgressIndicatorNavButtonComponent, isStandalone: false, selector: "sky-progress-indicator-nav-button", inputs: { buttonText: "buttonText", buttonType: "buttonType", disabled: "disabled", progressIndicator: "progressIndicator" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "@if (isVisible) {\n <button\n class=\"sky-btn sky-margin-inline-sm\"\n type=\"button\"\n [disabled]=\"\n disabled\n | skyProgressIndicatorNavButtonDisabled\n : buttonType\n : lastProgressChange?.activeIndex\n : lastProgressChange?.itemStatuses\n \"\n [ngClass]=\"buttonType | skyProgressIndicatorNavButtonClass\"\n (click)=\"onClick($event)\"\n >\n {{\n buttonText ||\n ('skyux_progress_indicator_navigator_' + buttonType | skyLibResources)\n }}\n </button>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyProgressIndicatorNavButtonClass, name: "skyProgressIndicatorNavButtonClass" }, { kind: "pipe", type: SkyProgressIndicatorNavButtonDisabledPipe, name: "skyProgressIndicatorNavButtonDisabled" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
860
860
|
}
|
|
861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorNavButtonComponent, decorators: [{
|
|
862
862
|
type: Component,
|
|
863
863
|
args: [{ selector: 'sky-progress-indicator-nav-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (isVisible) {\n <button\n class=\"sky-btn sky-margin-inline-sm\"\n type=\"button\"\n [disabled]=\"\n disabled\n | skyProgressIndicatorNavButtonDisabled\n : buttonType\n : lastProgressChange?.activeIndex\n : lastProgressChange?.itemStatuses\n \"\n [ngClass]=\"buttonType | skyProgressIndicatorNavButtonClass\"\n (click)=\"onClick($event)\"\n >\n {{\n buttonText ||\n ('skyux_progress_indicator_navigator_' + buttonType | skyLibResources)\n }}\n </button>\n}\n" }]
|
|
864
864
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: SkyProgressIndicatorComponent, decorators: [{
|
|
@@ -911,10 +911,10 @@ class SkyProgressIndicatorResetButtonComponent {
|
|
|
911
911
|
type: SkyProgressIndicatorMessageType.Reset,
|
|
912
912
|
});
|
|
913
913
|
}
|
|
914
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
915
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
914
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResetButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
915
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyProgressIndicatorResetButtonComponent, isStandalone: false, selector: "sky-progress-indicator-reset-button", inputs: { disabled: "disabled", progressIndicator: "progressIndicator" }, outputs: { resetClick: "resetClick" }, ngImport: i0, template: "<button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n>\n <ng-content />\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
916
916
|
}
|
|
917
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorResetButtonComponent, decorators: [{
|
|
918
918
|
type: Component,
|
|
919
919
|
args: [{ selector: 'sky-progress-indicator-reset-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n>\n <ng-content />\n</button>\n" }]
|
|
920
920
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
|
|
@@ -929,17 +929,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
929
929
|
* Specifies a header to display above the progress indicator.
|
|
930
930
|
*/
|
|
931
931
|
class SkyProgressIndicatorTitleComponent {
|
|
932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
933
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
933
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyProgressIndicatorTitleComponent, isStandalone: false, selector: "sky-progress-indicator-title", ngImport: i0, template: "<div\n aria-level=\"1\"\n class=\"sky-progress-indicator-title\"\n role=\"heading\"\n [skyThemeClass]=\"{\n 'sky-font-heading-2': 'default',\n 'sky-font-heading-1': 'modern'\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-progress-indicator-title:not(.sky-theme-modern *){--sky-override-progress-indicator-title-line-height: 1.1;--sky-override-progress-indicator-title-margin-bottom: 30px}.sky-progress-indicator-title{line-height:var(--sky-override-progress-indicator-title-line-height);margin:0 0 var(--sky-override-progress-indicator-title-margin-bottom, var(--sky-space-stacked-xxl));text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
934
934
|
}
|
|
935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorTitleComponent, decorators: [{
|
|
936
936
|
type: Component,
|
|
937
937
|
args: [{ selector: 'sky-progress-indicator-title', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n aria-level=\"1\"\n class=\"sky-progress-indicator-title\"\n role=\"heading\"\n [skyThemeClass]=\"{\n 'sky-font-heading-2': 'default',\n 'sky-font-heading-1': 'modern'\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-progress-indicator-title:not(.sky-theme-modern *){--sky-override-progress-indicator-title-line-height: 1.1;--sky-override-progress-indicator-title-margin-bottom: 30px}.sky-progress-indicator-title{line-height:var(--sky-override-progress-indicator-title-line-height);margin:0 0 var(--sky-override-progress-indicator-title-margin-bottom, var(--sky-space-stacked-xxl));text-align:center}\n"] }]
|
|
938
938
|
}] });
|
|
939
939
|
|
|
940
940
|
class SkyProgressIndicatorModule {
|
|
941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
942
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
942
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorModule, declarations: [SkyProgressIndicatorComponent,
|
|
943
943
|
SkyProgressIndicatorItemComponent,
|
|
944
944
|
SkyProgressIndicatorMarkerClassPipe,
|
|
945
945
|
SkyProgressIndicatorNavButtonClass,
|
|
@@ -957,14 +957,14 @@ class SkyProgressIndicatorModule {
|
|
|
957
957
|
SkyProgressIndicatorNavButtonComponent,
|
|
958
958
|
SkyProgressIndicatorResetButtonComponent,
|
|
959
959
|
SkyProgressIndicatorTitleComponent] }); }
|
|
960
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
960
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorModule, imports: [CommonModule,
|
|
961
961
|
SkyHelpInlineModule,
|
|
962
962
|
SkyIconModule,
|
|
963
963
|
SkyProgressIndicatorResourcesModule,
|
|
964
964
|
SkyThemeModule,
|
|
965
965
|
SkyTrimModule] }); }
|
|
966
966
|
}
|
|
967
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyProgressIndicatorModule, decorators: [{
|
|
968
968
|
type: NgModule,
|
|
969
969
|
args: [{
|
|
970
970
|
declarations: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/progress-indicator",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0-alpha.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^
|
|
20
|
-
"@angular/common": "^
|
|
21
|
-
"@angular/core": "^
|
|
22
|
-
"@skyux/core": "
|
|
23
|
-
"@skyux/help-inline": "
|
|
24
|
-
"@skyux/i18n": "
|
|
25
|
-
"@skyux/icon": "
|
|
26
|
-
"@skyux/theme": "
|
|
19
|
+
"@angular/cdk": "^22.0.1",
|
|
20
|
+
"@angular/common": "^22.0.1",
|
|
21
|
+
"@angular/core": "^22.0.1",
|
|
22
|
+
"@skyux/core": "15.0.0-alpha.0",
|
|
23
|
+
"@skyux/help-inline": "15.0.0-alpha.0",
|
|
24
|
+
"@skyux/i18n": "15.0.0-alpha.0",
|
|
25
|
+
"@skyux/icon": "15.0.0-alpha.0",
|
|
26
|
+
"@skyux/theme": "15.0.0-alpha.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"tslib": "^2.8.1"
|