@skyux/popovers 14.12.0 → 14.14.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.
|
@@ -1347,11 +1347,11 @@ class SkyPopoverContentComponent {
|
|
|
1347
1347
|
});
|
|
1348
1348
|
}
|
|
1349
1349
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1350
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n [class.sky-popover-visible]=\"isOpen()\"\n [transitionTrigger]=\"isOpen()\"\n (transitionEnd)=\"onAnimationsComplete()\"\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-theme-padding-inset-balanced-s': '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-theme-padding-inset-balanced-s': '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)));opacity:0;transition:opacity var(--sky-global-duration-short)}@starting-style{.sky-popover-container{opacity:0}}.sky-popover-container.sky-popover-visible{opacity:1;transition-duration:var(--sky-global-duration-medium)}.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: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4._SkyTransitionEndHandlerDirective, selector: "[skyTransitionEndHandler]", inputs: ["transitionTrigger", "transitionPropertyToTrack"], outputs: ["transitionEnd"] }] }); }
|
|
1350
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n [class.sky-popover-visible]=\"isOpen()\"\n [transitionTrigger]=\"isOpen()\"\n (transitionEnd)=\"onAnimationsComplete()\"\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-theme-padding-inset-balanced-s': '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-theme-padding-inset-balanced-s': '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)));opacity:0;transition:opacity var(--sky-global-duration-short)}@starting-style{.sky-popover-container{opacity:0}}.sky-popover-container.sky-popover-visible{opacity:1;transition-duration:var(--sky-global-duration-medium)}.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-menu))}.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: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4._SkyTransitionEndHandlerDirective, selector: "[skyTransitionEndHandler]", inputs: ["transitionTrigger", "transitionPropertyToTrack"], outputs: ["transitionEnd"] }] }); }
|
|
1351
1351
|
}
|
|
1352
1352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyPopoverContentComponent, decorators: [{
|
|
1353
1353
|
type: Component,
|
|
1354
|
-
args: [{ selector: 'sky-popover-content', standalone: false, template: "<div\n #popoverRef\n class=\"sky-popover-container sky-popover-max-height\"\n skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n [class.sky-popover-visible]=\"isOpen()\"\n [transitionTrigger]=\"isOpen()\"\n (transitionEnd)=\"onAnimationsComplete()\"\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-theme-padding-inset-balanced-s': '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-theme-padding-inset-balanced-s': '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)));opacity:0;transition:opacity var(--sky-global-duration-short)}@starting-style{.sky-popover-container{opacity:0}}.sky-popover-container.sky-popover-visible{opacity:1;transition-duration:var(--sky-global-duration-medium)}.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-
|
|
1354
|
+
args: [{ selector: 'sky-popover-content', standalone: false, template: "<div\n #popoverRef\n class=\"sky-popover-container sky-popover-max-height\"\n skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-popover-hidden]=\"!placement\"\n [ngClass]=\"[\n 'sky-popover-alignment-' + horizontalAlignment,\n 'sky-popover-placement-' + placement,\n 'sky-popover-' + popoverType\n ]\"\n [class.sky-popover-visible]=\"isOpen()\"\n [transitionTrigger]=\"isOpen()\"\n (transitionEnd)=\"onAnimationsComplete()\"\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-theme-padding-inset-balanced-s': '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-theme-padding-inset-balanced-s': '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)));opacity:0;transition:opacity var(--sky-global-duration-short)}@starting-style{.sky-popover-container{opacity:0}}.sky-popover-container.sky-popover-visible{opacity:1;transition-duration:var(--sky-global-duration-medium)}.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-menu))}.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"] }]
|
|
1355
1355
|
}], propDecorators: { popoverId: [{
|
|
1356
1356
|
type: HostBinding,
|
|
1357
1357
|
args: ['id']
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/popovers",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.14.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
"@angular/common": "^21.2.0",
|
|
21
21
|
"@angular/core": "^21.2.0",
|
|
22
22
|
"@angular/platform-browser": "^21.2.0",
|
|
23
|
-
"@skyux-sdk/testing": "14.
|
|
24
|
-
"@skyux/core": "14.
|
|
25
|
-
"@skyux/i18n": "14.
|
|
26
|
-
"@skyux/icon": "14.
|
|
27
|
-
"@skyux/theme": "14.
|
|
23
|
+
"@skyux-sdk/testing": "14.14.0",
|
|
24
|
+
"@skyux/core": "14.14.0",
|
|
25
|
+
"@skyux/i18n": "14.14.0",
|
|
26
|
+
"@skyux/icon": "14.14.0",
|
|
27
|
+
"@skyux/theme": "14.14.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.8.1"
|