@skyux/popovers 12.4.0 → 12.5.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.
|
@@ -148,11 +148,11 @@ class SkyDropdownFixture {
|
|
|
148
148
|
* @internal
|
|
149
149
|
*/
|
|
150
150
|
class SkyDropdownTestingModule {
|
|
151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
152
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
153
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
152
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTestingModule, exports: [SkyDropdownModule] }); }
|
|
153
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTestingModule, imports: [SkyDropdownModule] }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTestingModule, decorators: [{
|
|
156
156
|
type: NgModule,
|
|
157
157
|
args: [{
|
|
158
158
|
exports: [SkyDropdownModule],
|
|
@@ -250,17 +250,17 @@ class SkyPopoverFixture {
|
|
|
250
250
|
* @internal
|
|
251
251
|
*/
|
|
252
252
|
class SkyPopoverTestingModule {
|
|
253
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
254
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
253
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
254
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverTestingModule, imports: [SkyThemeModule], exports: [SkyPopoverModule,
|
|
255
255
|
// The noop animations module needs to be loaded last to avoid
|
|
256
256
|
// subsequent modules adding animations and overriding this.
|
|
257
257
|
NoopAnimationsModule] }); }
|
|
258
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
258
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverTestingModule, imports: [SkyThemeModule, SkyPopoverModule,
|
|
259
259
|
// The noop animations module needs to be loaded last to avoid
|
|
260
260
|
// subsequent modules adding animations and overriding this.
|
|
261
261
|
NoopAnimationsModule] }); }
|
|
262
262
|
}
|
|
263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverTestingModule, decorators: [{
|
|
264
264
|
type: NgModule,
|
|
265
265
|
args: [{
|
|
266
266
|
exports: [
|
|
@@ -47,11 +47,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
47
47
|
* Import into any component library module that needs to use resource strings.
|
|
48
48
|
*/
|
|
49
49
|
class SkyPopoversResourcesModule {
|
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
51
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
52
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoversResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
51
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoversResourcesModule, exports: [SkyI18nModule] }); }
|
|
52
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoversResourcesModule, imports: [SkyI18nModule] }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoversResourcesModule, decorators: [{
|
|
55
55
|
type: NgModule,
|
|
56
56
|
args: [{
|
|
57
57
|
exports: [SkyI18nModule],
|
|
@@ -62,10 +62,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
62
62
|
* Specifies the button for the dropdown menu.
|
|
63
63
|
*/
|
|
64
64
|
class SkyDropdownButtonComponent {
|
|
65
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDropdownButtonComponent, isStandalone: false, selector: "sky-dropdown-button", ngImport: i0, template: "<ng-content />\n" }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownButtonComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
70
|
args: [{ selector: 'sky-dropdown-button', standalone: false, template: "<ng-content />\n" }]
|
|
71
71
|
}] });
|
|
@@ -125,10 +125,10 @@ class SkyDropdownItemComponent {
|
|
|
125
125
|
#getButtonElement() {
|
|
126
126
|
return this.elementRef.nativeElement.querySelector('button,a');
|
|
127
127
|
}
|
|
128
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
129
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
129
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDropdownItemComponent, isStandalone: false, selector: "sky-dropdown-item", inputs: { ariaRole: "ariaRole" }, ngImport: i0, template: "<div\n class=\"sky-dropdown-item\"\n [attr.role]=\"ariaRole\"\n [ngClass]=\"{\n 'sky-dropdown-item-active': isActive\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-dropdown-item:not(.sky-theme-modern *){--sky-override-dropdown-item-active-class-background: #eeeeef;--sky-override-dropdown-item-border-radius: 0px;--sky-override-dropdown-item-box-shadow: none;--sky-override-dropdown-item-color-background: transparent;--sky-override-dropdown-item-color-text: #212327;--sky-override-dropdown-item-disabled-color-background: transparent;--sky-override-dropdown-item-disabled-color-text: var( --sky-text-color-deemphasized );--sky-override-dropdown-item-disabled-box-shadow: none;--sky-override-dropdown-item-disabled-font-size: 15px;--sky-override-dropdown-item-disabled-font-style: italic;--sky-override-dropdown-item-focus-visible-background: #eeeeef;--sky-override-dropdown-item-hover-background: #eeeeef;--sky-override-dropdown-item-margin: 4px;--sky-override-dropdown-item-padding: 3px 20px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-dropdown-item{--sky-override-dropdown-item-disabled-box-shadow: none;--sky-override-dropdown-item-disabled-color-background: transparent;--sky-override-dropdown-item-disabled-font-size: 15px;--sky-override-dropdown-item-disabled-font-style: italic}.sky-dropdown-item{background-color:var(--sky-override-dropdown-item-color-background, --sky-color-background-action-tertiary-base);border:none;display:block;margin:var(--sky-override-dropdown-item-margin, 0);min-width:160px;text-align:left;transition:box-shadow .15s}.sky-dropdown-item.sky-dropdown-item-active a,.sky-dropdown-item.sky-dropdown-item-active button{background-color:var(--sky-override-dropdown-item-active-class-background, var(--sky-color-background-action-tertiary-active))}.sky-dropdown-item>a,.sky-dropdown-item>button{border-radius:var(--sky-override-dropdown-item-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-dropdown-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;color:var(--sky-override-dropdown-item-color-text, var(--sky-color-text-default));cursor:pointer;display:block;padding:var(--sky-override-dropdown-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));text-align:left;width:100%}.sky-dropdown-item>a:hover,.sky-dropdown-item>button:hover{text-decoration:none;background-color:var(--sky-override-dropdown-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-dropdown-item>a:active,.sky-dropdown-item>button:active{background-color:var(--sky-override-dropdown-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-dropdown-item>a:focus-visible:not(:active),.sky-dropdown-item>button:focus-visible:not(:active){background-color:var(--sky-override-dropdown-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-dropdown-item>a[disabled],.sky-dropdown-item>a[disabled]:hover,.sky-dropdown-item>a[disabled]:focus-visible,.sky-dropdown-item>a[disabled]:active,.sky-dropdown-item>button[disabled],.sky-dropdown-item>button[disabled]:hover,.sky-dropdown-item>button[disabled]:focus-visible,.sky-dropdown-item>button[disabled]:active{box-shadow:var(--sky-override-dropdown-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-dropdown-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-dropdown-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-dropdown-item-disabled-font-size, inherit);font-style:var(--sky-override-dropdown-item-disabled-font-style, inherit)}.sky-dropdown-item>a[disabled]:focus-visible,.sky-dropdown-item>a[disabled]:hover:focus-visible,.sky-dropdown-item>a[disabled]:focus-visible:focus-visible,.sky-dropdown-item>a[disabled]:active:focus-visible,.sky-dropdown-item>button[disabled]:focus-visible,.sky-dropdown-item>button[disabled]:hover:focus-visible,.sky-dropdown-item>button[disabled]:focus-visible:focus-visible,.sky-dropdown-item>button[disabled]:active:focus-visible{box-shadow:var(--sky-override-dropdown-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}:host-context(.sky-theme-modern) .sky-dropdown-item>a,:host-context(.sky-theme-modern) .sky-dropdown-item>button{outline:none}.sky-theme-modern .sky-dropdown-item>a,.sky-theme-modern .sky-dropdown-item>button{outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
130
130
|
}
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownItemComponent, decorators: [{
|
|
132
132
|
type: Component,
|
|
133
133
|
args: [{ selector: 'sky-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"sky-dropdown-item\"\n [attr.role]=\"ariaRole\"\n [ngClass]=\"{\n 'sky-dropdown-item-active': isActive\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-dropdown-item:not(.sky-theme-modern *){--sky-override-dropdown-item-active-class-background: #eeeeef;--sky-override-dropdown-item-border-radius: 0px;--sky-override-dropdown-item-box-shadow: none;--sky-override-dropdown-item-color-background: transparent;--sky-override-dropdown-item-color-text: #212327;--sky-override-dropdown-item-disabled-color-background: transparent;--sky-override-dropdown-item-disabled-color-text: var( --sky-text-color-deemphasized );--sky-override-dropdown-item-disabled-box-shadow: none;--sky-override-dropdown-item-disabled-font-size: 15px;--sky-override-dropdown-item-disabled-font-style: italic;--sky-override-dropdown-item-focus-visible-background: #eeeeef;--sky-override-dropdown-item-hover-background: #eeeeef;--sky-override-dropdown-item-margin: 4px;--sky-override-dropdown-item-padding: 3px 20px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-dropdown-item{--sky-override-dropdown-item-disabled-box-shadow: none;--sky-override-dropdown-item-disabled-color-background: transparent;--sky-override-dropdown-item-disabled-font-size: 15px;--sky-override-dropdown-item-disabled-font-style: italic}.sky-dropdown-item{background-color:var(--sky-override-dropdown-item-color-background, --sky-color-background-action-tertiary-base);border:none;display:block;margin:var(--sky-override-dropdown-item-margin, 0);min-width:160px;text-align:left;transition:box-shadow .15s}.sky-dropdown-item.sky-dropdown-item-active a,.sky-dropdown-item.sky-dropdown-item-active button{background-color:var(--sky-override-dropdown-item-active-class-background, var(--sky-color-background-action-tertiary-active))}.sky-dropdown-item>a,.sky-dropdown-item>button{border-radius:var(--sky-override-dropdown-item-border-radius, var(--sky-border-radius-s));background-color:var(--sky-override-dropdown-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;color:var(--sky-override-dropdown-item-color-text, var(--sky-color-text-default));cursor:pointer;display:block;padding:var(--sky-override-dropdown-item-padding, var(--sky-space-inset-pillarbox-1_2-top-m) var(--sky-space-inset-pillarbox-1_2-left-m) var(--sky-space-inset-pillarbox-1_2-bottom-m) var(--sky-space-inset-pillarbox-1_2-right-m));text-align:left;width:100%}.sky-dropdown-item>a:hover,.sky-dropdown-item>button:hover{text-decoration:none;background-color:var(--sky-override-dropdown-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-dropdown-item>a:active,.sky-dropdown-item>button:active{background-color:var(--sky-override-dropdown-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-dropdown-item>a:focus-visible:not(:active),.sky-dropdown-item>button:focus-visible:not(:active){background-color:var(--sky-override-dropdown-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-dropdown-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus))}.sky-dropdown-item>a[disabled],.sky-dropdown-item>a[disabled]:hover,.sky-dropdown-item>a[disabled]:focus-visible,.sky-dropdown-item>a[disabled]:active,.sky-dropdown-item>button[disabled],.sky-dropdown-item>button[disabled]:hover,.sky-dropdown-item>button[disabled]:focus-visible,.sky-dropdown-item>button[disabled]:active{box-shadow:var(--sky-override-dropdown-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-dropdown-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-dropdown-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-dropdown-item-disabled-font-size, inherit);font-style:var(--sky-override-dropdown-item-disabled-font-style, inherit)}.sky-dropdown-item>a[disabled]:focus-visible,.sky-dropdown-item>a[disabled]:hover:focus-visible,.sky-dropdown-item>a[disabled]:focus-visible:focus-visible,.sky-dropdown-item>a[disabled]:active:focus-visible,.sky-dropdown-item>button[disabled]:focus-visible,.sky-dropdown-item>button[disabled]:hover:focus-visible,.sky-dropdown-item>button[disabled]:focus-visible:focus-visible,.sky-dropdown-item>button[disabled]:active:focus-visible{box-shadow:var(--sky-override-dropdown-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}:host-context(.sky-theme-modern) .sky-dropdown-item>a,:host-context(.sky-theme-modern) .sky-dropdown-item>button{outline:none}.sky-theme-modern .sky-dropdown-item>a,.sky-theme-modern .sky-dropdown-item>button{outline:none}\n"] }]
|
|
134
134
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { ariaRole: [{
|
|
@@ -252,10 +252,10 @@ class SkyDropdownTriggerDirective {
|
|
|
252
252
|
this.triggerMouseEnter.complete();
|
|
253
253
|
this.triggerMouseLeave.complete();
|
|
254
254
|
}
|
|
255
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
256
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
256
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyDropdownTriggerDirective, isStandalone: true, selector: "[skyDropdownTrigger]", host: { listeners: { "click": "triggerClick.next($event)", "keydown": "triggerKeyDown.next($event)", "mouseenter": "triggerMouseEnter.next($event)", "mouseleave": "triggerMouseLeave.next($event)" }, properties: { "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? menuId() : null", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledby()", "attr.aria-haspopup": "menuAriaRole()", "attr.title": "title()", "attr.disabled": "disabled() || undefined" } }, ngImport: i0 }); }
|
|
257
257
|
}
|
|
258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownTriggerDirective, decorators: [{
|
|
259
259
|
type: Directive,
|
|
260
260
|
args: [{
|
|
261
261
|
selector: '[skyDropdownTrigger]',
|
|
@@ -688,10 +688,10 @@ class SkyDropdownComponent {
|
|
|
688
688
|
#sendMessage(type) {
|
|
689
689
|
this.messageStream?.next({ type });
|
|
690
690
|
}
|
|
691
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
692
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
691
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
692
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyDropdownComponent, isStandalone: false, selector: "sky-dropdown", inputs: { buttonStyle: "buttonStyle", buttonType: "buttonType", disabled: "disabled", label: "label", horizontalAlignment: "horizontalAlignment", messageStream: "messageStream", title: "title", trigger: "trigger" }, queries: [{ propertyName: "customTriggerButton", first: true, predicate: SkyDropdownTriggerDirective, descendants: true }], viewQueries: [{ propertyName: "menuContainerElementRef", first: true, predicate: ["menuContainerElementRef"], descendants: true, read: ElementRef }, { propertyName: "menuContainerTemplateRef", first: true, predicate: ["menuContainerTemplateRef"], descendants: true, read: TemplateRef, static: true }, { propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true, read: SkyDropdownTriggerDirective }], ngImport: i0, template: "<div class=\"sky-dropdown\">\n <ng-content select=\"[skyDropdownTrigger]\">\n <button\n #triggerButton\n class=\"sky-btn sky-dropdown-button\"\n skyDropdownTrigger\n type=\"button\"\n [ngClass]=\"[\n 'sky-dropdown-button-type-' + buttonType,\n 'sky-btn-' + buttonStyle\n ]\"\n >\n @switch (buttonType) {\n @case ('context-menu') {\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"more-actions\" />\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"more-actions\" />\n }\n @default {\n <div class=\"sky-dropdown-button-container\">\n <div class=\"sky-dropdown-button-content-container\">\n <ng-content select=\"sky-dropdown-button\" />\n </div>\n <div class=\"sky-dropdown-button-icon-container\">\n <sky-icon\n class=\"sky-dropdown-caret\"\n iconName=\"chevron-down\"\n iconSize=\"s\"\n />\n </div>\n </div>\n }\n }\n </button>\n </ng-content>\n</div>\n\n<ng-template #menuContainerTemplateRef>\n <div\n #menuContainerElementRef\n class=\"sky-dropdown-menu-container\"\n [class.hidden]=\"!isVisible\"\n >\n <ng-content select=\"sky-dropdown-menu\" />\n </div>\n</ng-template>\n<span\n skyScreenReaderLabel\n [createLabel]=\"\n buttonType === 'context-menu' &&\n (contentInfoObs | async)?.descriptor?.type === 'elementId'\n \"\n [attr.id]=\"screenReaderLabelContextMenuId\"\n>\n {{\n 'skyux_dropdown_context_menu_with_content_descriptor_el_default_label'\n | skyLibResources\n }}\n</span>\n", styles: [".sky-dropdown:not(.sky-theme-modern *){--sky-override-caret-margin-left: 10px;--sky-override-context-menu-border-radius: 50%;--sky-override-context-menu-font-size: 15px;--sky-override-context-menu-line-height: 1.428571429;--sky-override-context-menu-padding: 3px;--sky-override-context-menu-height-width: 30px}.sky-dropdown-button-type-tab:not(.sky-theme-modern *){--sky-override-tab-border-bottom: none;--sky-override-tab-button-radius: 4px;--sky-override-tab-dropdown-color: var(--sky-text-color-on-dark);--sky-override-tab-font-size: 15px;--sky-override-tab-font-weight: 600;--sky-override-tab-line-height: 1.8;--sky-override-tab-padding: 8px 16px;--sky-override-tab-selected-background-color: var( --sky-background-color-primary-dark )}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-dropdown{--sky-override-context-menu-font-size: var(--sky-font-size-body-m);--sky-override-context-menu-line-height: calc(20 / 14);--sky-override-context-menu-padding: var(--modern-size-3) var(--modern-size-8)}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-dropdown-button-type-tab{--sky-override-tab-button-radius: 0;--sky-override-tab-line-height: 1.8;--sky-override-tab-selected-background-color: var(--modern-color-transparent);--sky-override-tab-selected-border-bottom-size: var(--modern-size-3)}.sky-dropdown .sky-dropdown-button-type-tab{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));border:none;box-shadow:none;border-radius:var(--sky-override-tab-button-radius, var(--sky-border-radius-s)) var(--sky-override-tab-button-radius, var(--sky-border-radius-s)) 0 0;color:var(--sky-override-tab-dropdown-color, var(--sky-color-text-default));border-bottom:var(--sky-override-tab-border-bottom, var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-l)) var(--sky-border-style-accent) var(--sky-color-border-selected));cursor:pointer;display:inline-block;font-size:var(--sky-override-tab-font-size, var(--sky-font-size-body-m));font-weight:var(--sky-override-tab-font-weight, var(--sky-font-weight-body-m));line-height:var(--sky-override-tab-line-height, var(--sky-font-line_height-body-m));padding:var(--sky-override-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) calc(var(--sky-space-inset-pillarbox-2_3-bottom-m) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-l))) var(--sky-space-inset-pillarbox-2_3-left-m));max-width:100%;text-align:left}.sky-dropdown-button-type-context-menu{border-radius:var(--sky-override-context-menu-border-radius, var(--sky-border-radius-s));padding:var(--sky-override-context-menu-padding, var(--sky-space-inset-balanced-xs));font-size:var(--sky-override-context-menu-font-size, var(--sky-font-size-body-l));line-height:var(--sky-override-context-menu-line-height, 1);height:var(--sky-override-context-menu-height-width);width:var(--sky-override-context-menu-height-width)}:host-context(.sky-toolbar-container) .sky-dropdown-button.sky-btn-link{color:#212327}.sky-dropdown-caret{margin-left:var(--sky-override-caret-margin-left, var(--sky-space-gap-icon-m))}.sky-dropdown-button-container{display:flex}.sky-dropdown-button-content-container{flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.sky-dropdown-button-icon-container{flex-grow:1}.sky-dropdown-menu-container{position:fixed}.hidden{visibility:hidden}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus-visible:not(:active){outline:solid var(--sky-border-width-selected-m) var(--sky-color-border-selected);outline-offset:calc(var(--sky-border-width-selected-m) * -1);box-shadow:var(--sky-elevation-focus)}:host-context(.sky-theme-modern) .sky-dropdown-button-type-context-menu{background-color:var(--sky-color-background-action-tertiary-base)}:host-context(.sky-theme-modern) .sky-dropdown-button-type-context-menu:not(:hover):not(:focus-visible){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}.sky-theme-modern .sky-dropdown-button-type-tab:focus-visible{outline:none}.sky-theme-modern .sky-dropdown-button-type-tab:focus-visible:not(:active){outline:solid var(--sky-border-width-selected-m) var(--sky-color-border-selected);outline-offset:calc(var(--sky-border-width-selected-m) * -1);box-shadow:var(--sky-elevation-focus)}.sky-theme-modern .sky-dropdown-button-type-context-menu{background-color:var(--sky-color-background-action-tertiary-base)}.sky-theme-modern .sky-dropdown-button-type-context-menu:not(:hover):not(:focus-visible){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SkyDropdownTriggerDirective, selector: "[skyDropdownTrigger]" }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "directive", type: i1$1.SkyScreenReaderLabelDirective, selector: "[skyScreenReaderLabel]", inputs: ["createLabel"] }, { kind: "directive", type: i3$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
693
693
|
}
|
|
694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownComponent, decorators: [{
|
|
695
695
|
type: Component,
|
|
696
696
|
args: [{ selector: 'sky-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-dropdown\">\n <ng-content select=\"[skyDropdownTrigger]\">\n <button\n #triggerButton\n class=\"sky-btn sky-dropdown-button\"\n skyDropdownTrigger\n type=\"button\"\n [ngClass]=\"[\n 'sky-dropdown-button-type-' + buttonType,\n 'sky-btn-' + buttonStyle\n ]\"\n >\n @switch (buttonType) {\n @case ('context-menu') {\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"more-actions\" />\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"more-actions\" />\n }\n @default {\n <div class=\"sky-dropdown-button-container\">\n <div class=\"sky-dropdown-button-content-container\">\n <ng-content select=\"sky-dropdown-button\" />\n </div>\n <div class=\"sky-dropdown-button-icon-container\">\n <sky-icon\n class=\"sky-dropdown-caret\"\n iconName=\"chevron-down\"\n iconSize=\"s\"\n />\n </div>\n </div>\n }\n }\n </button>\n </ng-content>\n</div>\n\n<ng-template #menuContainerTemplateRef>\n <div\n #menuContainerElementRef\n class=\"sky-dropdown-menu-container\"\n [class.hidden]=\"!isVisible\"\n >\n <ng-content select=\"sky-dropdown-menu\" />\n </div>\n</ng-template>\n<span\n skyScreenReaderLabel\n [createLabel]=\"\n buttonType === 'context-menu' &&\n (contentInfoObs | async)?.descriptor?.type === 'elementId'\n \"\n [attr.id]=\"screenReaderLabelContextMenuId\"\n>\n {{\n 'skyux_dropdown_context_menu_with_content_descriptor_el_default_label'\n | skyLibResources\n }}\n</span>\n", styles: [".sky-dropdown:not(.sky-theme-modern *){--sky-override-caret-margin-left: 10px;--sky-override-context-menu-border-radius: 50%;--sky-override-context-menu-font-size: 15px;--sky-override-context-menu-line-height: 1.428571429;--sky-override-context-menu-padding: 3px;--sky-override-context-menu-height-width: 30px}.sky-dropdown-button-type-tab:not(.sky-theme-modern *){--sky-override-tab-border-bottom: none;--sky-override-tab-button-radius: 4px;--sky-override-tab-dropdown-color: var(--sky-text-color-on-dark);--sky-override-tab-font-size: 15px;--sky-override-tab-font-weight: 600;--sky-override-tab-line-height: 1.8;--sky-override-tab-padding: 8px 16px;--sky-override-tab-selected-background-color: var( --sky-background-color-primary-dark )}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-dropdown{--sky-override-context-menu-font-size: var(--sky-font-size-body-m);--sky-override-context-menu-line-height: calc(20 / 14);--sky-override-context-menu-padding: var(--modern-size-3) var(--modern-size-8)}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-dropdown-button-type-tab{--sky-override-tab-button-radius: 0;--sky-override-tab-line-height: 1.8;--sky-override-tab-selected-background-color: var(--modern-color-transparent);--sky-override-tab-selected-border-bottom-size: var(--modern-size-3)}.sky-dropdown .sky-dropdown-button-type-tab{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));border:none;box-shadow:none;border-radius:var(--sky-override-tab-button-radius, var(--sky-border-radius-s)) var(--sky-override-tab-button-radius, var(--sky-border-radius-s)) 0 0;color:var(--sky-override-tab-dropdown-color, var(--sky-color-text-default));border-bottom:var(--sky-override-tab-border-bottom, var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-l)) var(--sky-border-style-accent) var(--sky-color-border-selected));cursor:pointer;display:inline-block;font-size:var(--sky-override-tab-font-size, var(--sky-font-size-body-m));font-weight:var(--sky-override-tab-font-weight, var(--sky-font-weight-body-m));line-height:var(--sky-override-tab-line-height, var(--sky-font-line_height-body-m));padding:var(--sky-override-tab-padding, var(--sky-space-inset-pillarbox-2_3-top-m) var(--sky-space-inset-pillarbox-2_3-right-m) calc(var(--sky-space-inset-pillarbox-2_3-bottom-m) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-l))) var(--sky-space-inset-pillarbox-2_3-left-m));max-width:100%;text-align:left}.sky-dropdown-button-type-context-menu{border-radius:var(--sky-override-context-menu-border-radius, var(--sky-border-radius-s));padding:var(--sky-override-context-menu-padding, var(--sky-space-inset-balanced-xs));font-size:var(--sky-override-context-menu-font-size, var(--sky-font-size-body-l));line-height:var(--sky-override-context-menu-line-height, 1);height:var(--sky-override-context-menu-height-width);width:var(--sky-override-context-menu-height-width)}:host-context(.sky-toolbar-container) .sky-dropdown-button.sky-btn-link{color:#212327}.sky-dropdown-caret{margin-left:var(--sky-override-caret-margin-left, var(--sky-space-gap-icon-m))}.sky-dropdown-button-container{display:flex}.sky-dropdown-button-content-container{flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.sky-dropdown-button-icon-container{flex-grow:1}.sky-dropdown-menu-container{position:fixed}.hidden{visibility:hidden}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus-visible:not(:active){outline:solid var(--sky-border-width-selected-m) var(--sky-color-border-selected);outline-offset:calc(var(--sky-border-width-selected-m) * -1);box-shadow:var(--sky-elevation-focus)}:host-context(.sky-theme-modern) .sky-dropdown-button-type-context-menu{background-color:var(--sky-color-background-action-tertiary-base)}:host-context(.sky-theme-modern) .sky-dropdown-button-type-context-menu:not(:hover):not(:focus-visible){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}.sky-theme-modern .sky-dropdown-button-type-tab:focus-visible{outline:none}.sky-theme-modern .sky-dropdown-button-type-tab:focus-visible:not(:active){outline:solid var(--sky-border-width-selected-m) var(--sky-color-border-selected);outline-offset:calc(var(--sky-border-width-selected-m) * -1);box-shadow:var(--sky-elevation-focus)}.sky-theme-modern .sky-dropdown-button-type-context-menu{background-color:var(--sky-color-background-action-tertiary-base)}.sky-theme-modern .sky-dropdown-button-type-context-menu:not(:hover):not(:focus-visible){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}\n"] }]
|
|
697
697
|
}], propDecorators: { buttonStyle: [{
|
|
@@ -1015,10 +1015,10 @@ class SkyDropdownMenuComponent {
|
|
|
1015
1015
|
const found = this.menuItems.find((item) => item.isFocusable());
|
|
1016
1016
|
return found !== undefined;
|
|
1017
1017
|
}
|
|
1018
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SkyDropdownComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1019
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDropdownMenuComponent, isStandalone: false, selector: "sky-dropdown-menu", inputs: { ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole", useNativeFocus: "useNativeFocus" }, outputs: { menuChanges: "menuChanges" }, queries: [{ propertyName: "menuItems", predicate: SkyDropdownItemComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"sky-dropdown-menu sky-shadow sky-elevation-4\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [id]=\"dropdownMenuId\"\n>\n <ng-content />\n</div>\n", styles: [".sky-dropdown-menu:not(.sky-theme-modern *){--sky-override-dropdown-menu-border-radius: 0px;--sky-override-dropdown-menu-color-background: #fff;--sky-override-dropdown-menu-padding: 0}.sky-dropdown-menu{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(100vh - min(50px,5vh));display:flex;flex-direction:column;background-color:var(--sky-override-dropdown-menu-color-background, var(--sky-color-background-container-menu));border-radius:var(--sky-override-dropdown-menu-border-radius, var(--sky-border-radius-s));padding:var(--sky-override-dropdown-menu-padding, var(--sky-space-inset-vertical-top-s) var(--sky-space-inset-vertical-left-s) var(--sky-space-inset-vertical-bottom-s) var(--sky-space-inset-vertical-right-s))}.sky-dropdown-menu button{overflow:hidden;text-overflow:ellipsis}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1020
1020
|
}
|
|
1021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownMenuComponent, decorators: [{
|
|
1022
1022
|
type: Component,
|
|
1023
1023
|
args: [{ selector: 'sky-dropdown-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"sky-dropdown-menu sky-shadow sky-elevation-4\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [id]=\"dropdownMenuId\"\n>\n <ng-content />\n</div>\n", styles: [".sky-dropdown-menu:not(.sky-theme-modern *){--sky-override-dropdown-menu-border-radius: 0px;--sky-override-dropdown-menu-color-background: #fff;--sky-override-dropdown-menu-padding: 0}.sky-dropdown-menu{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(100vh - min(50px,5vh));display:flex;flex-direction:column;background-color:var(--sky-override-dropdown-menu-color-background, var(--sky-color-background-container-menu));border-radius:var(--sky-override-dropdown-menu-border-radius, var(--sky-border-radius-s));padding:var(--sky-override-dropdown-menu-padding, var(--sky-space-inset-vertical-top-s) var(--sky-space-inset-vertical-left-s) var(--sky-space-inset-vertical-bottom-s) var(--sky-space-inset-vertical-right-s))}.sky-dropdown-menu button{overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
1024
1024
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: SkyDropdownComponent, decorators: [{
|
|
@@ -1037,8 +1037,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
1037
1037
|
}] } });
|
|
1038
1038
|
|
|
1039
1039
|
class SkyDropdownModule {
|
|
1040
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1041
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1040
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1041
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownModule, declarations: [SkyDropdownButtonComponent,
|
|
1042
1042
|
SkyDropdownComponent,
|
|
1043
1043
|
SkyDropdownItemComponent,
|
|
1044
1044
|
SkyDropdownMenuComponent], imports: [CommonModule,
|
|
@@ -1053,14 +1053,14 @@ class SkyDropdownModule {
|
|
|
1053
1053
|
SkyDropdownItemComponent,
|
|
1054
1054
|
SkyDropdownMenuComponent,
|
|
1055
1055
|
SkyDropdownTriggerDirective] }); }
|
|
1056
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1056
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownModule, imports: [CommonModule,
|
|
1057
1057
|
SkyAffixModule,
|
|
1058
1058
|
SkyIconModule,
|
|
1059
1059
|
SkyIdModule,
|
|
1060
1060
|
SkyPopoversResourcesModule,
|
|
1061
1061
|
SkyThemeModule] }); }
|
|
1062
1062
|
}
|
|
1063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1063
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDropdownModule, decorators: [{
|
|
1064
1064
|
type: NgModule,
|
|
1065
1065
|
args: [{
|
|
1066
1066
|
declarations: [
|
|
@@ -1373,10 +1373,10 @@ class SkyPopoverContentComponent {
|
|
|
1373
1373
|
}
|
|
1374
1374
|
});
|
|
1375
1375
|
}
|
|
1376
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1377
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyPopoverContentComponent, isStandalone: false, selector: "sky-popover-content", host: { properties: { "id": "this.popoverId" } }, viewQueries: [{ propertyName: "arrowRef", first: true, predicate: ["arrowRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popoverRef", first: true, predicate: ["popoverRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "contentTarget", first: true, predicate: ["contentTarget"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n #popoverRef\n class=\"sky-popover-container sky-popover-max-height\"\n [@.disabled]=\"!enableAnimations\"\n [@skyPopoverAnimation]=\"animationState\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n>\n <div\n class=\"sky-popover\"\n tabindex=\"-1\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners sky-shadow': 'default',\n 'sky-elevation-4': 'modern'\n }\"\n >\n @if (popoverTitle) {\n <div\n class=\"sky-popover-header\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default'\n }\"\n >\n <h4 class=\"sky-popover-title sky-font-heading-4\">\n {{ popoverTitle }}\n </h4>\n </div>\n }\n <div\n class=\"sky-popover-body\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default',\n 'sky-padding-even-lg': 'modern'\n }\"\n >\n <ng-container #contentTarget />\n </div>\n </div>\n <span #arrowRef aria-hidden=\"true\" class=\"sky-popover-arrow\"></span>\n</div>\n", styles: [".sky-popover-container:not(.sky-theme-modern *){--sky-override-popover-background-color: #ffffff;--sky-override-popover-max-width: 276px;--sky-override-popover-with-header-top-padding: 2px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-popover-container{--sky-override-popover-accent-border-width: var(--modern-size-6);--sky-override-popover-header-bottom-margin: var(--modern-space-lg);--sky-override-popover-with-header-top-padding: 2px}.sky-popover-container{position:fixed;min-width:276px;max-width:var(--sky-override-popover-max-width, calc(min(var(--sky-size-max_width-overlay_message)) + var(--sky-space-inset-balanced-l) * 2))}.sky-popover-container.sky-popover-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.sky-popover-container.sky-popover-hidden *{pointer-events:none!important}.sky-popover-container.sky-popover-static .sky-popover-arrow{position:absolute}.sky-popover-container:focus{outline:none}@media (max-width: 276px){.sky-popover-container{max-width:100%;min-width:auto}}.sky-popover{background-color:var(--sky-override-popover-background-color, var(--sky-color-background-container-base))}.sky-popover-header{padding-bottom:0}.sky-popover-header+.sky-popover-body{padding-top:var(--sky-override-popover-with-header-top-padding, var(--sky-space-inset-balanced-l))}.sky-popover-title{margin:0}.sky-popover-arrow{display:inline-block;position:absolute;background-color:#00b4f1}.sky-popover-placement-above{padding-bottom:10px}.sky-popover-placement-above .sky-popover{border-bottom:10px solid #00b4f1}.sky-popover-placement-above .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(0 0,50% 95%,100% 0)}.sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-below{padding-top:10px}.sky-popover-placement-below .sky-popover{border-top:10px solid #00b4f1}.sky-popover-placement-below .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(50% 5%,0 100%,100% 100%)}.sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-right{padding-left:10px}.sky-popover-placement-right .sky-popover{border-left:10px solid #00b4f1}.sky-popover-placement-right .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(5% 50%,100% 100%,100% 0);background-color:#00b4f1}.sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-left{padding-right:10px}.sky-popover-placement-left .sky-popover{border-right:10px solid #00b4f1}.sky-popover-placement-left .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(0 0,0 100%,95% 50%);background-color:#00b4f1}.sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-max-height .sky-popover{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(100vh - min(50px,5vh))}:host-context(.sky-theme-modern) .sky-popover{border-radius:var(--sky-border-radius-s)}:host-context(.sky-theme-modern) .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}:host-context(.sky-theme-modern) .sky-popover-arrow{background-color:var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-above{padding-bottom:10px}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-below{padding-top:10px}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-right{padding-left:10px}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-left{padding-right:10px}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover{border-radius:var(--sky-border-radius-s)}.sky-theme-modern .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}.sky-theme-modern .sky-popover-arrow{background-color:var(--sky-color-border-info)}.sky-theme-modern .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-above{padding-bottom:10px}.sky-theme-modern .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-below{padding-top:10px}.sky-theme-modern .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-right{padding-left:10px}.sky-theme-modern .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-left{padding-right:10px}.sky-theme-modern .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], animations: [skyPopoverAnimation] }); }
|
|
1376
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.SkyAffixService }, { token: i1$1.SkyCoreAdapterService }, { token: SkyPopoverContext }, { token: i3$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1377
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyPopoverContentComponent, isStandalone: false, selector: "sky-popover-content", host: { properties: { "id": "this.popoverId" } }, viewQueries: [{ propertyName: "arrowRef", first: true, predicate: ["arrowRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popoverRef", first: true, predicate: ["popoverRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "contentTarget", first: true, predicate: ["contentTarget"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n #popoverRef\n class=\"sky-popover-container sky-popover-max-height\"\n [@.disabled]=\"!enableAnimations\"\n [@skyPopoverAnimation]=\"animationState\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n>\n <div\n class=\"sky-popover\"\n tabindex=\"-1\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners sky-shadow': 'default',\n 'sky-elevation-4': 'modern'\n }\"\n >\n @if (popoverTitle) {\n <div\n class=\"sky-popover-header\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default'\n }\"\n >\n <h4 class=\"sky-popover-title sky-font-heading-4\">\n {{ popoverTitle }}\n </h4>\n </div>\n }\n <div\n class=\"sky-popover-body\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default',\n 'sky-padding-even-lg': 'modern'\n }\"\n >\n <ng-container #contentTarget />\n </div>\n </div>\n <span #arrowRef aria-hidden=\"true\" class=\"sky-popover-arrow\"></span>\n</div>\n", styles: [".sky-popover-container:not(.sky-theme-modern *){--sky-override-popover-background-color: #ffffff;--sky-override-popover-max-width: 276px;--sky-override-popover-with-header-top-padding: 2px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-popover-container{--sky-override-popover-accent-border-width: var(--modern-size-6);--sky-override-popover-header-bottom-margin: var(--modern-space-lg);--sky-override-popover-with-header-top-padding: 2px}.sky-popover-container{position:fixed;min-width:276px;max-width:var(--sky-override-popover-max-width, calc(min(var(--sky-size-max_width-overlay_message)) + var(--sky-space-inset-balanced-l) * 2))}.sky-popover-container.sky-popover-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.sky-popover-container.sky-popover-hidden *{pointer-events:none!important}.sky-popover-container.sky-popover-static .sky-popover-arrow{position:absolute}.sky-popover-container:focus{outline:none}@media (max-width: 276px){.sky-popover-container{max-width:100%;min-width:auto}}.sky-popover{background-color:var(--sky-override-popover-background-color, var(--sky-color-background-container-base))}.sky-popover-header{padding-bottom:0}.sky-popover-header+.sky-popover-body{padding-top:var(--sky-override-popover-with-header-top-padding, var(--sky-space-inset-balanced-l))}.sky-popover-title{margin:0}.sky-popover-arrow{display:inline-block;position:absolute;background-color:#00b4f1}.sky-popover-placement-above{padding-bottom:10px}.sky-popover-placement-above .sky-popover{border-bottom:10px solid #00b4f1}.sky-popover-placement-above .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(0 0,50% 95%,100% 0)}.sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-below{padding-top:10px}.sky-popover-placement-below .sky-popover{border-top:10px solid #00b4f1}.sky-popover-placement-below .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(50% 5%,0 100%,100% 100%)}.sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-right{padding-left:10px}.sky-popover-placement-right .sky-popover{border-left:10px solid #00b4f1}.sky-popover-placement-right .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(5% 50%,100% 100%,100% 0);background-color:#00b4f1}.sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-left{padding-right:10px}.sky-popover-placement-left .sky-popover{border-right:10px solid #00b4f1}.sky-popover-placement-left .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(0 0,0 100%,95% 50%);background-color:#00b4f1}.sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-max-height .sky-popover{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(100vh - min(50px,5vh))}:host-context(.sky-theme-modern) .sky-popover{border-radius:var(--sky-border-radius-s)}:host-context(.sky-theme-modern) .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}:host-context(.sky-theme-modern) .sky-popover-arrow{background-color:var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-above{padding-bottom:10px}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-below{padding-top:10px}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-right{padding-left:10px}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-left{padding-right:10px}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover{border-radius:var(--sky-border-radius-s)}.sky-theme-modern .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}.sky-theme-modern .sky-popover-arrow{background-color:var(--sky-color-border-info)}.sky-theme-modern .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-above{padding-bottom:10px}.sky-theme-modern .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-below{padding-top:10px}.sky-theme-modern .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-right{padding-left:10px}.sky-theme-modern .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-left{padding-right:10px}.sky-theme-modern .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], animations: [skyPopoverAnimation] }); }
|
|
1378
1378
|
}
|
|
1379
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverContentComponent, decorators: [{
|
|
1380
1380
|
type: Component,
|
|
1381
1381
|
args: [{ selector: 'sky-popover-content', animations: [skyPopoverAnimation], standalone: false, template: "<div\n #popoverRef\n class=\"sky-popover-container sky-popover-max-height\"\n [@.disabled]=\"!enableAnimations\"\n [@skyPopoverAnimation]=\"animationState\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n>\n <div\n class=\"sky-popover\"\n tabindex=\"-1\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners sky-shadow': 'default',\n 'sky-elevation-4': 'modern'\n }\"\n >\n @if (popoverTitle) {\n <div\n class=\"sky-popover-header\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default'\n }\"\n >\n <h4 class=\"sky-popover-title sky-font-heading-4\">\n {{ popoverTitle }}\n </h4>\n </div>\n }\n <div\n class=\"sky-popover-body\"\n [skyThemeClass]=\"{\n 'sky-padding-even-default': 'default',\n 'sky-padding-even-lg': 'modern'\n }\"\n >\n <ng-container #contentTarget />\n </div>\n </div>\n <span #arrowRef aria-hidden=\"true\" class=\"sky-popover-arrow\"></span>\n</div>\n", styles: [".sky-popover-container:not(.sky-theme-modern *){--sky-override-popover-background-color: #ffffff;--sky-override-popover-max-width: 276px;--sky-override-popover-with-header-top-padding: 2px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-popover-container{--sky-override-popover-accent-border-width: var(--modern-size-6);--sky-override-popover-header-bottom-margin: var(--modern-space-lg);--sky-override-popover-with-header-top-padding: 2px}.sky-popover-container{position:fixed;min-width:276px;max-width:var(--sky-override-popover-max-width, calc(min(var(--sky-size-max_width-overlay_message)) + var(--sky-space-inset-balanced-l) * 2))}.sky-popover-container.sky-popover-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.sky-popover-container.sky-popover-hidden *{pointer-events:none!important}.sky-popover-container.sky-popover-static .sky-popover-arrow{position:absolute}.sky-popover-container:focus{outline:none}@media (max-width: 276px){.sky-popover-container{max-width:100%;min-width:auto}}.sky-popover{background-color:var(--sky-override-popover-background-color, var(--sky-color-background-container-base))}.sky-popover-header{padding-bottom:0}.sky-popover-header+.sky-popover-body{padding-top:var(--sky-override-popover-with-header-top-padding, var(--sky-space-inset-balanced-l))}.sky-popover-title{margin:0}.sky-popover-arrow{display:inline-block;position:absolute;background-color:#00b4f1}.sky-popover-placement-above{padding-bottom:10px}.sky-popover-placement-above .sky-popover{border-bottom:10px solid #00b4f1}.sky-popover-placement-above .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(0 0,50% 95%,100% 0)}.sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-below{padding-top:10px}.sky-popover-placement-below .sky-popover{border-top:10px solid #00b4f1}.sky-popover-placement-below .sky-popover-arrow{width:30px;height:15px;clip-path:polygon(50% 5%,0 100%,100% 100%)}.sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-right{padding-left:10px}.sky-popover-placement-right .sky-popover{border-left:10px solid #00b4f1}.sky-popover-placement-right .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(5% 50%,100% 100%,100% 0);background-color:#00b4f1}.sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-placement-left{padding-right:10px}.sky-popover-placement-left .sky-popover{border-right:10px solid #00b4f1}.sky-popover-placement-left .sky-popover-arrow{width:15px;height:30px;clip-path:polygon(0 0,0 100%,95% 50%);background-color:#00b4f1}.sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{background-color:#ef4044}.sky-popover-max-height .sky-popover{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(100vh - min(50px,5vh))}:host-context(.sky-theme-modern) .sky-popover{border-radius:var(--sky-border-radius-s)}:host-context(.sky-theme-modern) .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}:host-context(.sky-theme-modern) .sky-popover-arrow{background-color:var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-above{padding-bottom:10px}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-below{padding-top:10px}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-right{padding-left:10px}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-popover-placement-left{padding-right:10px}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover{border-radius:var(--sky-border-radius-s)}.sky-theme-modern .sky-popover-header{padding:var(--sky-override-popover-heading-padding, var(--sky-space-inset-bottomless-top-l) var(--sky-space-inset-bottomless-right-l) var(--sky-space-inset-bottomless-bottom-l) var(--sky-space-inset-bottomless-left-l));margin-bottom:var(--sky-override-popover-header-bottom-margin, 0)}.sky-theme-modern .sky-popover-arrow{background-color:var(--sky-color-border-info)}.sky-theme-modern .sky-popover-danger .sky-popover-arrow{background-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-above{padding-bottom:10px}.sky-theme-modern .sky-popover-placement-above .sky-popover{border-bottom:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-above .sky-popover-arrow{clip-path:polygon(0 0,45% 88%,50% 92%,55% 88%,100% 0)}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-below{padding-top:10px}.sky-theme-modern .sky-popover-placement-below .sky-popover{border-top:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-below .sky-popover-arrow{clip-path:polygon(0 100%,45% 12%,50% 8%,55% 12%,100% 100%)}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-right{padding-left:10px}.sky-theme-modern .sky-popover-placement-right .sky-popover{border-left:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-right .sky-popover-arrow{clip-path:polygon(100% 0,12% 45%,8% 50%,12% 55%,100% 100%)}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:var(--sky-color-border-danger)}.sky-theme-modern .sky-popover-placement-left{padding-right:10px}.sky-theme-modern .sky-popover-placement-left .sky-popover{border-right:var(--sky-override-popover-accent-border-width, var(--sky-border-width-accent)) var(--sky-border-style-accent) var(--sky-color-border-info)}.sky-theme-modern .sky-popover-placement-left .sky-popover-arrow{clip-path:polygon(0 0,88% 45%,92% 50%,88% 55%,0 100%)}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:var(--sky-color-border-danger)}\n"] }]
|
|
1382
1382
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.SkyAffixService }, { type: i1$1.SkyCoreAdapterService }, { type: SkyPopoverContext }, { type: i3$1.SkyThemeService, decorators: [{
|
|
@@ -1588,10 +1588,10 @@ class SkyPopoverComponent {
|
|
|
1588
1588
|
this.#contentRef = contentRef;
|
|
1589
1589
|
}
|
|
1590
1590
|
}
|
|
1591
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1592
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1591
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverComponent, deps: [{ token: i1$1.SkyOverlayService }, { token: SKY_STACKING_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1592
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyPopoverComponent, isStandalone: false, selector: "sky-popover", inputs: { alignment: "alignment", placement: "placement", popoverTitle: "popoverTitle", popoverType: "popoverType" }, outputs: { popoverClosed: "popoverClosed", popoverOpened: "popoverOpened" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #templateRef>\n <ng-content />\n</ng-template>\n" }); }
|
|
1593
1593
|
}
|
|
1594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1594
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverComponent, decorators: [{
|
|
1595
1595
|
type: Component,
|
|
1596
1596
|
args: [{ selector: 'sky-popover', standalone: false, template: "<ng-template #templateRef>\n <ng-content />\n</ng-template>\n" }]
|
|
1597
1597
|
}], ctorParameters: () => [{ type: i1$1.SkyOverlayService }, { type: undefined, decorators: [{
|
|
@@ -1670,10 +1670,10 @@ class SkyPopoverSRPointerService {
|
|
|
1670
1670
|
this.#renderer.removeAttribute(hostEl, 'aria-expanded');
|
|
1671
1671
|
}
|
|
1672
1672
|
}
|
|
1673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1674
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
1673
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverSRPointerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1674
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverSRPointerService }); }
|
|
1675
1675
|
}
|
|
1676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverSRPointerService, decorators: [{
|
|
1677
1677
|
type: Injectable
|
|
1678
1678
|
}] });
|
|
1679
1679
|
|
|
@@ -1938,10 +1938,10 @@ class SkyPopoverDirective {
|
|
|
1938
1938
|
}
|
|
1939
1939
|
this.#updateAriaAttributes();
|
|
1940
1940
|
}
|
|
1941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1942
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
1941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1942
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyPopoverDirective, isStandalone: false, selector: "[skyPopover]", inputs: { skyPopover: "skyPopover", skyPopoverAlignment: "skyPopoverAlignment", skyPopoverMessageStream: "skyPopoverMessageStream", skyPopoverPlacement: "skyPopoverPlacement", skyPopoverTrigger: "skyPopoverTrigger" }, host: { properties: { "class": "this.directiveClass" } }, providers: [SkyPopoverSRPointerService], ngImport: i0 }); }
|
|
1943
1943
|
}
|
|
1944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverDirective, decorators: [{
|
|
1945
1945
|
type: Directive,
|
|
1946
1946
|
args: [{
|
|
1947
1947
|
providers: [SkyPopoverSRPointerService],
|
|
@@ -1964,8 +1964,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
1964
1964
|
}] } });
|
|
1965
1965
|
|
|
1966
1966
|
class SkyPopoverModule {
|
|
1967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1968
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1967
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1968
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverModule, declarations: [SkyPopoverComponent,
|
|
1969
1969
|
SkyPopoverContentComponent,
|
|
1970
1970
|
SkyPopoverDirective], imports: [CommonModule,
|
|
1971
1971
|
SkyAffixModule,
|
|
@@ -1974,13 +1974,13 @@ class SkyPopoverModule {
|
|
|
1974
1974
|
SkyThemeModule], exports: [SkyPopoverComponent,
|
|
1975
1975
|
SkyPopoverContentComponent,
|
|
1976
1976
|
SkyPopoverDirective] }); }
|
|
1977
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1977
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverModule, imports: [CommonModule,
|
|
1978
1978
|
SkyAffixModule,
|
|
1979
1979
|
SkyIconModule,
|
|
1980
1980
|
SkyPopoversResourcesModule,
|
|
1981
1981
|
SkyThemeModule] }); }
|
|
1982
1982
|
}
|
|
1983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyPopoverModule, decorators: [{
|
|
1984
1984
|
type: NgModule,
|
|
1985
1985
|
args: [{
|
|
1986
1986
|
declarations: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/popovers",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.5.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "^19.2.
|
|
20
|
-
"@angular/cdk": "^19.2.
|
|
21
|
-
"@angular/common": "^19.2.
|
|
22
|
-
"@angular/core": "^19.2.
|
|
23
|
-
"@angular/platform-browser": "^19.2.
|
|
24
|
-
"@skyux-sdk/testing": "12.
|
|
25
|
-
"@skyux/core": "12.
|
|
26
|
-
"@skyux/i18n": "12.
|
|
27
|
-
"@skyux/icon": "12.
|
|
28
|
-
"@skyux/theme": "12.
|
|
19
|
+
"@angular/animations": "^19.2.7",
|
|
20
|
+
"@angular/cdk": "^19.2.10",
|
|
21
|
+
"@angular/common": "^19.2.7",
|
|
22
|
+
"@angular/core": "^19.2.7",
|
|
23
|
+
"@angular/platform-browser": "^19.2.7",
|
|
24
|
+
"@skyux-sdk/testing": "12.5.0",
|
|
25
|
+
"@skyux/core": "12.5.0",
|
|
26
|
+
"@skyux/i18n": "12.5.0",
|
|
27
|
+
"@skyux/icon": "12.5.0",
|
|
28
|
+
"@skyux/theme": "12.5.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"tslib": "^2.8.1"
|