@skyux/popovers 13.14.2 → 13.15.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.
|
@@ -149,11 +149,11 @@ class SkyDropdownFixture {
|
|
|
149
149
|
* @internal
|
|
150
150
|
*/
|
|
151
151
|
class SkyDropdownTestingModule {
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
153
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
154
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
153
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTestingModule, exports: [SkyDropdownModule] }); }
|
|
154
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTestingModule, imports: [SkyDropdownModule] }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTestingModule, decorators: [{
|
|
157
157
|
type: NgModule,
|
|
158
158
|
args: [{
|
|
159
159
|
exports: [SkyDropdownModule],
|
|
@@ -252,17 +252,17 @@ class SkyPopoverFixture {
|
|
|
252
252
|
* @internal
|
|
253
253
|
*/
|
|
254
254
|
class SkyPopoverTestingModule {
|
|
255
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
256
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
256
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverTestingModule, imports: [SkyThemeModule], exports: [SkyPopoverModule,
|
|
257
257
|
// The noop animations module needs to be loaded last to avoid
|
|
258
258
|
// subsequent modules adding animations and overriding this.
|
|
259
259
|
NoopAnimationsModule] }); }
|
|
260
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
260
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverTestingModule, imports: [SkyThemeModule, SkyPopoverModule,
|
|
261
261
|
// The noop animations module needs to be loaded last to avoid
|
|
262
262
|
// subsequent modules adding animations and overriding this.
|
|
263
263
|
NoopAnimationsModule] }); }
|
|
264
264
|
}
|
|
265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverTestingModule, decorators: [{
|
|
266
266
|
type: NgModule,
|
|
267
267
|
args: [{
|
|
268
268
|
exports: [
|
|
@@ -13,7 +13,7 @@ import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
|
13
13
|
import { Subject, of, switchMap, fromEvent, takeUntil as takeUntil$1, debounceTime, animationFrameScheduler, map, distinctUntilChanged } from 'rxjs';
|
|
14
14
|
import { takeUntil } from 'rxjs/operators';
|
|
15
15
|
import { toSignal, toObservable } from '@angular/core/rxjs-interop';
|
|
16
|
-
import { trigger, state,
|
|
16
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
17
17
|
|
|
18
18
|
/* istanbul ignore file */
|
|
19
19
|
/**
|
|
@@ -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: "20.3.
|
|
51
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
52
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoversResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
51
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoversResourcesModule, exports: [SkyI18nModule] }); }
|
|
52
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoversResourcesModule, imports: [SkyI18nModule] }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", 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: "20.3.15", ngImpo
|
|
|
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: "20.3.
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SkyDropdownButtonComponent, isStandalone: false, selector: "sky-dropdown-button", ngImport: i0, template: "<ng-content />\n" }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", 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: "20.3.
|
|
129
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", 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: "20.3.17", 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-box-shadow-focus: 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-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-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-left) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-right));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-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-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: "20.3.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", 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-box-shadow-focus: 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-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-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-left) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-right));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-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-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: "20.3.
|
|
256
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
256
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", 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: "20.3.
|
|
258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownTriggerDirective, decorators: [{
|
|
259
259
|
type: Directive,
|
|
260
260
|
args: [{
|
|
261
261
|
selector: '[skyDropdownTrigger]',
|
|
@@ -687,10 +687,10 @@ class SkyDropdownComponent {
|
|
|
687
687
|
#sendMessage(type) {
|
|
688
688
|
this.messageStream?.next({ type });
|
|
689
689
|
}
|
|
690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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-outline-active: auto;--sky-override-tab-outline-focus: auto;--sky-override-tab-outline-color-active: black;--sky-override-tab-outline-color-focus: black;--sky-override-tab-padding: 8px 16px;--sky-override-tab-padding-active: 8px 16px;--sky-override-tab-padding-focus: 8px 16px;--sky-override-tab-padding-hover: 8px 16px;--sky-override-tab-selected-background-color: var( --sky-background-color-primary-dark )}.sky-dropdown .sky-dropdown-button-type-tab{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));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-selected));border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) 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-style-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-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) var(--sky-comp-tab-horizontal-space-inset-left));max-width:100%;text-align:left}.sky-dropdown .sky-dropdown-button-type-tab:hover{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-hover));border:var(--sky-border-width-action-hover) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-hover);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-hover, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-hover)))}.sky-dropdown .sky-dropdown-button-type-tab:active{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-active));border:var(--sky-border-width-action-active) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-active);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-active, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-active)))}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible{outline:var(--sky-override-tab-outline-focus, none);outline-color:var(--sky-override-tab-outline-color-focus, none)}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible:not(:active){background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-focus));border:var(--sky-border-width-action-focus) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-focus);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));box-shadow:none;outline:var(--sky-override-tab-outline-active, none);outline-color:var(--sky-override-tab-outline-color-active, none);padding:var(--sky-override-tab-padding-focus, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-focus)))}.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-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));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-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-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: ["iconName", "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 }); }
|
|
690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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-outline-active: auto;--sky-override-tab-outline-focus: auto;--sky-override-tab-outline-color-active: black;--sky-override-tab-outline-color-focus: black;--sky-override-tab-padding: 8px 16px;--sky-override-tab-padding-active: 8px 16px;--sky-override-tab-padding-focus: 8px 16px;--sky-override-tab-padding-hover: 8px 16px;--sky-override-tab-selected-background-color: var( --sky-background-color-primary-dark )}.sky-dropdown .sky-dropdown-button-type-tab{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));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-selected));border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) 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-style-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-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) var(--sky-comp-tab-horizontal-space-inset-left));max-width:100%;text-align:left}.sky-dropdown .sky-dropdown-button-type-tab:hover{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-hover));border:var(--sky-border-width-action-hover) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-hover);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-hover, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-hover)))}.sky-dropdown .sky-dropdown-button-type-tab:active{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-active));border:var(--sky-border-width-action-active) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-active);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-active, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-active)))}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible{outline:var(--sky-override-tab-outline-focus, none);outline-color:var(--sky-override-tab-outline-color-focus, none)}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible:not(:active){background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-focus));border:var(--sky-border-width-action-focus) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-focus);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));box-shadow:none;outline:var(--sky-override-tab-outline-active, none);outline-color:var(--sky-override-tab-outline-color-active, none);padding:var(--sky-override-tab-padding-focus, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-focus)))}.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-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));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-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-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: ["iconName", "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 }); }
|
|
692
692
|
}
|
|
693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownComponent, decorators: [{
|
|
694
694
|
type: Component,
|
|
695
695
|
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-outline-active: auto;--sky-override-tab-outline-focus: auto;--sky-override-tab-outline-color-active: black;--sky-override-tab-outline-color-focus: black;--sky-override-tab-padding: 8px 16px;--sky-override-tab-padding-active: 8px 16px;--sky-override-tab-padding-focus: 8px 16px;--sky-override-tab-padding-hover: 8px 16px;--sky-override-tab-selected-background-color: var( --sky-background-color-primary-dark )}.sky-dropdown .sky-dropdown-button-type-tab{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));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-selected));border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) 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-style-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-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) var(--sky-comp-tab-horizontal-space-inset-left));max-width:100%;text-align:left}.sky-dropdown .sky-dropdown-button-type-tab:hover{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-hover));border:var(--sky-border-width-action-hover) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-hover);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-hover, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-hover)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-hover)))}.sky-dropdown .sky-dropdown-button-type-tab:active{background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-active));border:var(--sky-border-width-action-active) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-active);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));padding:var(--sky-override-tab-padding-active, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-active)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-active)))}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible{outline:var(--sky-override-tab-outline-focus, none);outline-color:var(--sky-override-tab-outline-color-focus, none)}.sky-dropdown .sky-dropdown-button-type-tab:focus-visible:not(:active){background-color:var(--sky-override-tab-selected-background-color, var(--sky-color-background-action-tertiary-focus));border:var(--sky-border-width-action-focus) var(--sky-border-style-accent) var(--sky-color-border-action-tertiary-focus);border-bottom:var(--sky-override-tab-border-bottom, var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected));box-shadow:none;outline:var(--sky-override-tab-outline-active, none);outline-color:var(--sky-override-tab-outline-color-active, none);padding:var(--sky-override-tab-padding-focus, calc(var(--sky-comp-tab-horizontal-space-inset-top) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-right) - var(--sky-border-width-action-focus)) calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-action-focus)))}.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-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));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-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-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"] }]
|
|
696
696
|
}], propDecorators: { buttonStyle: [{
|
|
@@ -1014,10 +1014,10 @@ class SkyDropdownMenuComponent {
|
|
|
1014
1014
|
const found = this.menuItems.find((item) => item.isFocusable());
|
|
1015
1015
|
return found !== undefined;
|
|
1016
1016
|
}
|
|
1017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1018
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1017
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SkyDropdownComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1018
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", 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-m));padding:var(--sky-override-dropdown-menu-padding, var(--sky-comp-dropdown-menu-space-inset-top) var(--sky-comp-dropdown-menu-space-inset-left) var(--sky-comp-dropdown-menu-space-inset-bottom) var(--sky-comp-dropdown-menu-space-inset-right))}.sky-dropdown-menu button{overflow:hidden;text-overflow:ellipsis}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1019
1019
|
}
|
|
1020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1020
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownMenuComponent, decorators: [{
|
|
1021
1021
|
type: Component,
|
|
1022
1022
|
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-m));padding:var(--sky-override-dropdown-menu-padding, var(--sky-comp-dropdown-menu-space-inset-top) var(--sky-comp-dropdown-menu-space-inset-left) var(--sky-comp-dropdown-menu-space-inset-bottom) var(--sky-comp-dropdown-menu-space-inset-right))}.sky-dropdown-menu button{overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
1023
1023
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: SkyDropdownComponent, decorators: [{
|
|
@@ -1036,8 +1036,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
1036
1036
|
}] } });
|
|
1037
1037
|
|
|
1038
1038
|
class SkyDropdownModule {
|
|
1039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1040
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1040
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownModule, declarations: [SkyDropdownButtonComponent,
|
|
1041
1041
|
SkyDropdownComponent,
|
|
1042
1042
|
SkyDropdownItemComponent,
|
|
1043
1043
|
SkyDropdownMenuComponent], imports: [CommonModule,
|
|
@@ -1052,14 +1052,14 @@ class SkyDropdownModule {
|
|
|
1052
1052
|
SkyDropdownItemComponent,
|
|
1053
1053
|
SkyDropdownMenuComponent,
|
|
1054
1054
|
SkyDropdownTriggerDirective] }); }
|
|
1055
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1055
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownModule, imports: [CommonModule,
|
|
1056
1056
|
SkyAffixModule,
|
|
1057
1057
|
SkyIconModule,
|
|
1058
1058
|
SkyIdModule,
|
|
1059
1059
|
SkyPopoversResourcesModule,
|
|
1060
1060
|
SkyThemeModule] }); }
|
|
1061
1061
|
}
|
|
1062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyDropdownModule, decorators: [{
|
|
1063
1063
|
type: NgModule,
|
|
1064
1064
|
args: [{
|
|
1065
1065
|
declarations: [
|
|
@@ -1372,10 +1372,10 @@ class SkyPopoverContentComponent {
|
|
|
1372
1372
|
}
|
|
1373
1373
|
});
|
|
1374
1374
|
}
|
|
1375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1376
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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}.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-comp-popover-content-space-inset-left) + var(--sky-comp-popover-content-space-inset-right)))}.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-comp-popover-content-space-inset-top))}.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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}: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-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-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-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-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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}.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-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-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-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-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] }); }
|
|
1375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", 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 }); }
|
|
1376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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}.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-comp-popover-content-space-inset-left) + var(--sky-comp-popover-content-space-inset-right)))}.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-comp-popover-content-space-inset-top))}.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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}: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-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-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-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-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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}.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-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-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-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-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] }); }
|
|
1377
1377
|
}
|
|
1378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverContentComponent, decorators: [{
|
|
1379
1379
|
type: Component,
|
|
1380
1380
|
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}.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-comp-popover-content-space-inset-left) + var(--sky-comp-popover-content-space-inset-right)))}.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-comp-popover-content-space-inset-top))}.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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}: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-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-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-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-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-comp-popover-header-space-inset-top) var(--sky-comp-popover-header-space-inset-right) var(--sky-comp-popover-header-space-inset-bottom) var(--sky-comp-popover-header-space-inset-left)}.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-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-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-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-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"] }]
|
|
1381
1381
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.SkyAffixService }, { type: i1$1.SkyCoreAdapterService }, { type: SkyPopoverContext }, { type: i3$1.SkyThemeService, decorators: [{
|
|
@@ -1600,10 +1600,10 @@ class SkyPopoverComponent {
|
|
|
1600
1600
|
this.#contentRef = contentRef;
|
|
1601
1601
|
}
|
|
1602
1602
|
}
|
|
1603
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1603
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverComponent, deps: [{ token: i1$1.SkyOverlayService }, { token: SKY_STACKING_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1604
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", 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" }); }
|
|
1605
1605
|
}
|
|
1606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1606
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverComponent, decorators: [{
|
|
1607
1607
|
type: Component,
|
|
1608
1608
|
args: [{ selector: 'sky-popover', standalone: false, template: "<ng-template #templateRef>\n <ng-content />\n</ng-template>\n" }]
|
|
1609
1609
|
}], ctorParameters: () => [{ type: i1$1.SkyOverlayService }, { type: undefined, decorators: [{
|
|
@@ -1682,10 +1682,10 @@ class SkyPopoverSRPointerService {
|
|
|
1682
1682
|
this.#renderer.removeAttribute(hostEl, 'aria-expanded');
|
|
1683
1683
|
}
|
|
1684
1684
|
}
|
|
1685
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1686
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverSRPointerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1686
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverSRPointerService }); }
|
|
1687
1687
|
}
|
|
1688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverSRPointerService, decorators: [{
|
|
1689
1689
|
type: Injectable
|
|
1690
1690
|
}] });
|
|
1691
1691
|
|
|
@@ -1950,10 +1950,10 @@ class SkyPopoverDirective {
|
|
|
1950
1950
|
}
|
|
1951
1951
|
this.#updateAriaAttributes();
|
|
1952
1952
|
}
|
|
1953
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1954
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1954
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", 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 }); }
|
|
1955
1955
|
}
|
|
1956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverDirective, decorators: [{
|
|
1957
1957
|
type: Directive,
|
|
1958
1958
|
args: [{
|
|
1959
1959
|
providers: [SkyPopoverSRPointerService],
|
|
@@ -1976,8 +1976,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
1976
1976
|
}] } });
|
|
1977
1977
|
|
|
1978
1978
|
class SkyPopoverModule {
|
|
1979
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1980
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1979
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1980
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverModule, declarations: [SkyPopoverComponent,
|
|
1981
1981
|
SkyPopoverContentComponent,
|
|
1982
1982
|
SkyPopoverDirective], imports: [CommonModule,
|
|
1983
1983
|
SkyAffixModule,
|
|
@@ -1986,13 +1986,13 @@ class SkyPopoverModule {
|
|
|
1986
1986
|
SkyThemeModule], exports: [SkyPopoverComponent,
|
|
1987
1987
|
SkyPopoverContentComponent,
|
|
1988
1988
|
SkyPopoverDirective] }); }
|
|
1989
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1989
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverModule, imports: [CommonModule,
|
|
1990
1990
|
SkyAffixModule,
|
|
1991
1991
|
SkyIconModule,
|
|
1992
1992
|
SkyPopoversResourcesModule,
|
|
1993
1993
|
SkyThemeModule] }); }
|
|
1994
1994
|
}
|
|
1995
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1995
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyPopoverModule, decorators: [{
|
|
1996
1996
|
type: NgModule,
|
|
1997
1997
|
args: [{
|
|
1998
1998
|
declarations: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/popovers",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.15.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": "^20.3.
|
|
19
|
+
"@angular/animations": "^20.3.17",
|
|
20
20
|
"@angular/cdk": "^20.2.14",
|
|
21
|
-
"@angular/common": "^20.3.
|
|
22
|
-
"@angular/core": "^20.3.
|
|
23
|
-
"@angular/platform-browser": "^20.3.
|
|
24
|
-
"@skyux-sdk/testing": "13.
|
|
25
|
-
"@skyux/core": "13.
|
|
26
|
-
"@skyux/i18n": "13.
|
|
27
|
-
"@skyux/icon": "13.
|
|
28
|
-
"@skyux/theme": "13.
|
|
21
|
+
"@angular/common": "^20.3.17",
|
|
22
|
+
"@angular/core": "^20.3.17",
|
|
23
|
+
"@angular/platform-browser": "^20.3.17",
|
|
24
|
+
"@skyux-sdk/testing": "13.15.0",
|
|
25
|
+
"@skyux/core": "13.15.0",
|
|
26
|
+
"@skyux/i18n": "13.15.0",
|
|
27
|
+
"@skyux/icon": "13.15.0",
|
|
28
|
+
"@skyux/theme": "13.15.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"tslib": "^2.8.1"
|