ng-zorro-antd-popover.mjs 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. import { __esDecorate, __runInitializers } from 'tslib';
  2. import * as i1 from '@angular/cdk/overlay';
  3. import { OverlayModule } from '@angular/cdk/overlay';
  4. import * as i0 from '@angular/core';
  5. import { EventEmitter, booleanAttribute, Output, Input, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
  6. import { zoomBigMotion } from 'ng-zorro-antd/core/animation';
  7. import { WithConfig } from 'ng-zorro-antd/core/config';
  8. import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
  9. import * as i3 from 'ng-zorro-antd/core/outlet';
  10. import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
  11. import * as i2 from 'ng-zorro-antd/core/overlay';
  12. import { NzOverlayModule } from 'ng-zorro-antd/core/overlay';
  13. import { NzTooltipBaseDirective, NzToolTipComponent, isTooltipEmpty } from 'ng-zorro-antd/tooltip';
  14. const NZ_CONFIG_MODULE_NAME = 'popover';
  15. let NzPopoverDirective = (() => {
  16. let _classSuper = NzTooltipBaseDirective;
  17. let _nzPopoverBackdrop_decorators;
  18. let _nzPopoverBackdrop_initializers = [];
  19. let _nzPopoverBackdrop_extraInitializers = [];
  20. return class NzPopoverDirective extends _classSuper {
  21. static {
  22. const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
  23. _nzPopoverBackdrop_decorators = [WithConfig()];
  24. __esDecorate(null, null, _nzPopoverBackdrop_decorators, { kind: "field", name: "nzPopoverBackdrop", static: false, private: false, access: { has: obj => "nzPopoverBackdrop" in obj, get: obj => obj.nzPopoverBackdrop, set: (obj, value) => { obj.nzPopoverBackdrop = value; } }, metadata: _metadata }, _nzPopoverBackdrop_initializers, _nzPopoverBackdrop_extraInitializers);
  25. if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
  26. }
  27. _nzModuleName = NZ_CONFIG_MODULE_NAME;
  28. /* eslint-disable @angular-eslint/no-input-rename, @angular-eslint/no-output-rename */
  29. arrowPointAtCenter;
  30. title;
  31. content;
  32. directiveTitle;
  33. trigger = 'hover';
  34. placement = 'top';
  35. origin;
  36. visible;
  37. mouseEnterDelay;
  38. mouseLeaveDelay;
  39. overlayClassName;
  40. overlayStyle;
  41. overlayClickable;
  42. directiveContent = null;
  43. nzPopoverBackdrop = __runInitializers(this, _nzPopoverBackdrop_initializers, false);
  44. visibleChange = (__runInitializers(this, _nzPopoverBackdrop_extraInitializers), new EventEmitter());
  45. getProxyPropertyMap() {
  46. return {
  47. nzPopoverBackdrop: ['nzBackdrop', () => this.nzPopoverBackdrop],
  48. ...super.getProxyPropertyMap()
  49. };
  50. }
  51. constructor() {
  52. super(NzPopoverComponent);
  53. }
  54. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
  55. static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.2", type: NzPopoverDirective, isStandalone: true, selector: "[nz-popover]", inputs: { arrowPointAtCenter: ["nzPopoverArrowPointAtCenter", "arrowPointAtCenter", booleanAttribute], title: ["nzPopoverTitle", "title"], content: ["nzPopoverContent", "content"], directiveTitle: ["nz-popover", "directiveTitle"], trigger: ["nzPopoverTrigger", "trigger"], placement: ["nzPopoverPlacement", "placement"], origin: ["nzPopoverOrigin", "origin"], visible: ["nzPopoverVisible", "visible"], mouseEnterDelay: ["nzPopoverMouseEnterDelay", "mouseEnterDelay"], mouseLeaveDelay: ["nzPopoverMouseLeaveDelay", "mouseLeaveDelay"], overlayClassName: ["nzPopoverOverlayClassName", "overlayClassName"], overlayStyle: ["nzPopoverOverlayStyle", "overlayStyle"], overlayClickable: ["nzPopoverOverlayClickable", "overlayClickable"], nzPopoverBackdrop: "nzPopoverBackdrop" }, outputs: { visibleChange: "nzPopoverVisibleChange" }, host: { properties: { "class.ant-popover-open": "visible" } }, exportAs: ["nzPopover"], usesInheritance: true, ngImport: i0 });
  56. };
  57. })();
  58. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverDirective, decorators: [{
  59. type: Directive,
  60. args: [{
  61. selector: '[nz-popover]',
  62. exportAs: 'nzPopover',
  63. host: {
  64. '[class.ant-popover-open]': 'visible'
  65. }
  66. }]
  67. }], ctorParameters: () => [], propDecorators: { arrowPointAtCenter: [{
  68. type: Input,
  69. args: [{ alias: 'nzPopoverArrowPointAtCenter', transform: booleanAttribute }]
  70. }], title: [{
  71. type: Input,
  72. args: ['nzPopoverTitle']
  73. }], content: [{
  74. type: Input,
  75. args: ['nzPopoverContent']
  76. }], directiveTitle: [{
  77. type: Input,
  78. args: ['nz-popover']
  79. }], trigger: [{
  80. type: Input,
  81. args: ['nzPopoverTrigger']
  82. }], placement: [{
  83. type: Input,
  84. args: ['nzPopoverPlacement']
  85. }], origin: [{
  86. type: Input,
  87. args: ['nzPopoverOrigin']
  88. }], visible: [{
  89. type: Input,
  90. args: ['nzPopoverVisible']
  91. }], mouseEnterDelay: [{
  92. type: Input,
  93. args: ['nzPopoverMouseEnterDelay']
  94. }], mouseLeaveDelay: [{
  95. type: Input,
  96. args: ['nzPopoverMouseLeaveDelay']
  97. }], overlayClassName: [{
  98. type: Input,
  99. args: ['nzPopoverOverlayClassName']
  100. }], overlayStyle: [{
  101. type: Input,
  102. args: ['nzPopoverOverlayStyle']
  103. }], overlayClickable: [{
  104. type: Input,
  105. args: ['nzPopoverOverlayClickable']
  106. }], nzPopoverBackdrop: [{
  107. type: Input
  108. }], visibleChange: [{
  109. type: Output,
  110. args: ['nzPopoverVisibleChange']
  111. }] } });
  112. class NzPopoverComponent extends NzToolTipComponent {
  113. _prefix = 'ant-popover';
  114. get hasBackdrop() {
  115. return this.nzTrigger === 'click' ? this.nzBackdrop : false;
  116. }
  117. isEmpty() {
  118. return isTooltipEmpty(this.nzTitle) && isTooltipEmpty(this.nzContent);
  119. }
  120. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
  121. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: NzPopoverComponent, isStandalone: true, selector: "nz-popover", exportAs: ["nzPopoverComponent"], usesInheritance: true, ngImport: i0, template: `
  122. <ng-template
  123. #overlay="cdkConnectedOverlay"
  124. cdkConnectedOverlay
  125. nzConnectedOverlay
  126. [cdkConnectedOverlayHasBackdrop]="hasBackdrop"
  127. [cdkConnectedOverlayOrigin]="origin"
  128. [cdkConnectedOverlayPositions]="_positions"
  129. [cdkConnectedOverlayOpen]="_visible"
  130. [cdkConnectedOverlayPush]="cdkConnectedOverlayPush"
  131. [nzArrowPointAtCenter]="nzArrowPointAtCenter"
  132. (overlayOutsideClick)="onClickOutside($event)"
  133. (detach)="hide()"
  134. (positionChange)="onPositionChange($event)"
  135. >
  136. <div
  137. class="ant-popover"
  138. [class.ant-popover-rtl]="dir === 'rtl'"
  139. [class]="_classMap"
  140. [style]="nzOverlayStyle"
  141. [@.disabled]="!!noAnimation?.nzNoAnimation"
  142. [nzNoAnimation]="noAnimation?.nzNoAnimation"
  143. [@zoomBigMotion]="'active'"
  144. >
  145. <div class="ant-popover-content">
  146. <div class="ant-popover-arrow">
  147. <span class="ant-popover-arrow-content"></span>
  148. </div>
  149. <div class="ant-popover-inner" role="tooltip">
  150. <div>
  151. @if (nzTitle) {
  152. <div class="ant-popover-title">
  153. <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
  154. </div>
  155. }
  156. <div class="ant-popover-inner-content">
  157. <ng-container *nzStringTemplateOutlet="nzContent">{{ nzContent }}</ng-container>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </ng-template>
  164. `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: NzOverlayModule }, { kind: "directive", type: i2.NzConnectedOverlayDirective, selector: "[cdkConnectedOverlay][nzConnectedOverlay]", inputs: ["nzArrowPointAtCenter"], exportAs: ["nzConnectedOverlay"] }, { kind: "directive", type: NzNoAnimationDirective, selector: "[nzNoAnimation]", inputs: ["nzNoAnimation"], exportAs: ["nzNoAnimation"] }, { kind: "ngmodule", type: NzOutletModule }, { kind: "directive", type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], animations: [zoomBigMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  165. }
  166. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverComponent, decorators: [{
  167. type: Component,
  168. args: [{
  169. selector: 'nz-popover',
  170. exportAs: 'nzPopoverComponent',
  171. animations: [zoomBigMotion],
  172. changeDetection: ChangeDetectionStrategy.OnPush,
  173. encapsulation: ViewEncapsulation.None,
  174. preserveWhitespaces: false,
  175. template: `
  176. <ng-template
  177. #overlay="cdkConnectedOverlay"
  178. cdkConnectedOverlay
  179. nzConnectedOverlay
  180. [cdkConnectedOverlayHasBackdrop]="hasBackdrop"
  181. [cdkConnectedOverlayOrigin]="origin"
  182. [cdkConnectedOverlayPositions]="_positions"
  183. [cdkConnectedOverlayOpen]="_visible"
  184. [cdkConnectedOverlayPush]="cdkConnectedOverlayPush"
  185. [nzArrowPointAtCenter]="nzArrowPointAtCenter"
  186. (overlayOutsideClick)="onClickOutside($event)"
  187. (detach)="hide()"
  188. (positionChange)="onPositionChange($event)"
  189. >
  190. <div
  191. class="ant-popover"
  192. [class.ant-popover-rtl]="dir === 'rtl'"
  193. [class]="_classMap"
  194. [style]="nzOverlayStyle"
  195. [@.disabled]="!!noAnimation?.nzNoAnimation"
  196. [nzNoAnimation]="noAnimation?.nzNoAnimation"
  197. [@zoomBigMotion]="'active'"
  198. >
  199. <div class="ant-popover-content">
  200. <div class="ant-popover-arrow">
  201. <span class="ant-popover-arrow-content"></span>
  202. </div>
  203. <div class="ant-popover-inner" role="tooltip">
  204. <div>
  205. @if (nzTitle) {
  206. <div class="ant-popover-title">
  207. <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
  208. </div>
  209. }
  210. <div class="ant-popover-inner-content">
  211. <ng-container *nzStringTemplateOutlet="nzContent">{{ nzContent }}</ng-container>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </ng-template>
  218. `,
  219. imports: [OverlayModule, NzOverlayModule, NzNoAnimationDirective, NzOutletModule]
  220. }]
  221. }] });
  222. /**
  223. * Use of this source code is governed by an MIT-style license that can be
  224. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  225. */
  226. class NzPopoverModule {
  227. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
  228. static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverModule, imports: [NzPopoverDirective, NzPopoverComponent], exports: [NzPopoverDirective, NzPopoverComponent] });
  229. static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverModule, imports: [NzPopoverComponent] });
  230. }
  231. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzPopoverModule, decorators: [{
  232. type: NgModule,
  233. args: [{
  234. imports: [NzPopoverDirective, NzPopoverComponent],
  235. exports: [NzPopoverDirective, NzPopoverComponent]
  236. }]
  237. }] });
  238. /**
  239. * Use of this source code is governed by an MIT-style license that can be
  240. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  241. */
  242. /**
  243. * Generated bundle index. Do not edit.
  244. */
  245. export { NzPopoverComponent, NzPopoverDirective, NzPopoverModule };
  246. //# sourceMappingURL=ng-zorro-antd-popover.mjs.map