{"version":3,"file":"vts-voffice-ng-vts-image.mjs","sources":["../../components/image/image-config.ts","../../components/image/image-preview-options.ts","../../components/image/image-preview-ref.ts","../../components/image/utils.ts","../../components/image/image-preview.component.ts","../../components/image/image.service.ts","../../components/image/image-group.component.ts","../../components/image/image.directive.ts","../../components/image/image.module.ts","../../components/image/public-api.ts","../../components/image/vts-voffice-ng-vts-image.ts"],"sourcesContent":["/**\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\r\n */\r\nimport { VtsConfigKey } from '@vts-voffice/ng-vts/core/config';\r\n\r\nexport const FADE_CLASS_NAME_MAP = {\r\n enter: 'fade-enter',\r\n enterActive: 'fade-enter-active',\r\n leave: 'fade-leave',\r\n leaveActive: 'fade-leave-active'\r\n};\r\n\r\nexport const IMAGE_PREVIEW_MASK_CLASS_NAME = 'vts-image-preview-mask';\r\nexport const VTS_CONFIG_MODULE_NAME: VtsConfigKey = 'image';\r\n","/**\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\r\n */\r\nimport { Direction } from '@angular/cdk/bidi';\r\n\r\nexport class VtsImagePreviewOptions {\r\n vtsKeyboard?: boolean = true;\r\n vtsNoAnimation?: boolean = false;\r\n vtsMaskClosable?: boolean = true;\r\n vtsCloseOnNavigation?: boolean = true;\r\n vtsZIndex?: number;\r\n vtsZoom?: number;\r\n vtsRotate?: number;\r\n vtsDirection?: Direction;\r\n}\r\n\r\nexport interface VtsImage {\r\n src: string;\r\n alt?: string;\r\n width?: string | number;\r\n height?: string | number;\r\n}\r\n","/**\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\r\n */\r\nimport { ESCAPE, hasModifierKey, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';\r\nimport { OverlayRef } from '@angular/cdk/overlay';\r\nimport { filter, take } from 'rxjs/operators';\r\n\r\nimport { VtsImagePreviewOptions } from './image-preview-options';\r\nimport { VtsImagePreviewComponent } from './image-preview.component';\r\n\r\nexport class VtsImagePreviewRef {\r\n constructor(\r\n public previewInstance: VtsImagePreviewComponent,\r\n private config: VtsImagePreviewOptions,\r\n private overlayRef: OverlayRef\r\n ) {\r\n overlayRef\r\n .keydownEvents()\r\n .pipe(\r\n filter(\r\n event =>\r\n (this.config.vtsKeyboard as boolean) &&\r\n (event.keyCode === ESCAPE ||\r\n event.keyCode === LEFT_ARROW ||\r\n event.keyCode === RIGHT_ARROW) &&\r\n !hasModifierKey(event)\r\n )\r\n )\r\n .subscribe(event => {\r\n event.preventDefault();\r\n if (event.keyCode === ESCAPE) {\r\n this.close();\r\n }\r\n if (event.keyCode === LEFT_ARROW) {\r\n this.prev();\r\n }\r\n if (event.keyCode === RIGHT_ARROW) {\r\n this.next();\r\n }\r\n });\r\n\r\n overlayRef.detachments().subscribe(() => {\r\n this.overlayRef.dispose();\r\n });\r\n\r\n previewInstance.containerClick.pipe(take(1)).subscribe(() => {\r\n this.close();\r\n });\r\n\r\n previewInstance.closeClick.pipe(take(1)).subscribe(() => {\r\n this.close();\r\n });\r\n\r\n previewInstance.animationStateChanged\r\n .pipe(\r\n filter(event => event.phaseName === 'done' && event.toState === 'leave'),\r\n take(1)\r\n )\r\n .subscribe(() => {\r\n this.dispose();\r\n });\r\n }\r\n\r\n switchTo(index: number): void {\r\n this.previewInstance.switchTo(index);\r\n }\r\n\r\n next(): void {\r\n this.previewInstance.next();\r\n }\r\n\r\n prev(): void {\r\n this.previewInstance.prev();\r\n }\r\n\r\n close(): void {\r\n this.previewInstance.startLeaveAnimation();\r\n }\r\n\r\n private dispose(): void {\r\n this.overlayRef.dispose();\r\n }\r\n}\r\n","/**\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\r\n */\r\n\r\n/**\r\n * fit content details: https://github.com/NG-ZORRO/ng-zorro-antd/pull/6154#issuecomment-745025554\r\n *\r\n * calc position x,y point\r\n *\r\n * CASE (width <= clientWidth && height <= clientHeight):\r\n *\r\n * ------------- clientWidth -------------\r\n * | |\r\n * | ------ width ------ |\r\n * | | | |\r\n * | | | |\r\n * client height | |\r\n * Height | | |\r\n * | | | |\r\n * | ------------------- |\r\n * | |\r\n * | |\r\n * ---------------------------------------\r\n * fixedPosition = { x: 0, y: 0 }\r\n *\r\n *\r\n *\r\n * CASE (width > clientWidth || height > clientHeight):\r\n *\r\n * ------------- clientWidth -------------\r\n * | | |\r\n * | top |\r\n * | | |\r\n * |--left--|--------------- width -----------------\r\n * | | |\r\n * client | |\r\n * Height | |\r\n * | | |\r\n * | | |\r\n * | height |\r\n * | | |\r\n * ---------| |\r\n * | |\r\n * | |\r\n * | |\r\n * ----------------------------------------\r\n *\r\n *\r\n * - left || top > 0\r\n * left -> 0 || top -> 0\r\n *\r\n * - (left + width) < clientWidth || (top + height) < clientHeight\r\n * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight\r\n *\r\n * DEFAULT:\r\n * - hold position\r\n *\r\n */\r\nexport function getFitContentPosition(params: {\r\n width: number;\r\n height: number;\r\n left: number;\r\n top: number;\r\n clientWidth: number;\r\n clientHeight: number;\r\n}): { x?: number; y?: number } {\r\n let fixPos = {};\r\n\r\n if (params.width <= params.clientWidth && params.height <= params.clientHeight) {\r\n fixPos = {\r\n x: 0,\r\n y: 0\r\n };\r\n }\r\n\r\n if (params.width > params.clientWidth || params.height > params.clientHeight) {\r\n fixPos = {\r\n x: fitPoint(params.left, params.width, params.clientWidth),\r\n y: fitPoint(params.top, params.height, params.clientHeight)\r\n };\r\n }\r\n\r\n return fixPos;\r\n}\r\n\r\nexport function getOffset(node: HTMLElement): { left: number; top: number } {\r\n const box = node.getBoundingClientRect();\r\n const docElem = document.documentElement;\r\n\r\n // use docElem.scrollLeft to support IE\r\n return {\r\n left:\r\n box.left +\r\n (window.pageXOffset || docElem.scrollLeft) -\r\n (docElem.clientLeft || document.body.clientLeft || 0),\r\n top:\r\n box.top +\r\n (window.pageYOffset || docElem.scrollTop) -\r\n (docElem.clientTop || document.body.clientTop || 0)\r\n };\r\n}\r\n\r\nexport function getClientSize(): { width: number; height: number } {\r\n const width = document.documentElement.clientWidth;\r\n const height = window.innerHeight || document.documentElement.clientHeight;\r\n return {\r\n width,\r\n height\r\n };\r\n}\r\n\r\nfunction fitPoint(start: number, size: number, clientSize: number): number | null {\r\n const startAddSize = start + size;\r\n const offsetStart = (size - clientSize) / 2;\r\n let distance: number | null = null;\r\n\r\n if (size > clientSize) {\r\n if (start > 0) {\r\n distance = offsetStart;\r\n }\r\n if (start < 0 && startAddSize < clientSize) {\r\n distance = -offsetStart;\r\n }\r\n } else {\r\n if (start < 0 || startAddSize > clientSize) {\r\n distance = start < 0 ? offsetStart : -offsetStart;\r\n }\r\n }\r\n\r\n return distance;\r\n}\r\n","/**\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\r\n */\r\nimport { AnimationEvent } from '@angular/animations';\r\nimport { OverlayRef } from '@angular/cdk/overlay';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n OnDestroy,\r\n OnInit,\r\n ViewChild,\r\n ViewEncapsulation\r\n} from '@angular/core';\r\nimport { fadeMotion } from '@vts-voffice/ng-vts/core/animation';\r\nimport { VtsConfigService } from '@vts-voffice/ng-vts/core/config';\r\nimport { VtsSafeAny } from '@vts-voffice/ng-vts/core/types';\r\nimport { isNotNil } from '@vts-voffice/ng-vts/core/util';\r\nimport { Subject } from 'rxjs';\r\nimport { VtsIconService } from '@vts-voffice/ng-vts/icon';\r\n\r\nimport { FADE_CLASS_NAME_MAP, VTS_CONFIG_MODULE_NAME } from './image-config';\r\nimport { VtsImage, VtsImagePreviewOptions } from './image-preview-options';\r\nimport { VtsImagePreviewRef } from './image-preview-ref';\r\nimport { getClientSize, getFitContentPosition, getOffset } from './utils';\r\n\r\nexport interface VtsImageContainerOperation {\r\n icon: string;\r\n type: string;\r\n\r\n onClick(): void;\r\n}\r\n\r\nconst initialPosition = {\r\n x: 0,\r\n y: 0\r\n};\r\n\r\n@Component({\r\n selector: 'vts-image-preview',\r\n exportAs: 'vtsImagePreview',\r\n animations: [fadeMotion],\r\n template: `\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
1\">\r\n \r\n \r\n