| import { DOCUMENT } from '@angular/common'; |
| import { ɵɵdefineInjectable, ɵɵinject, Injectable, Inject, InjectionToken, EventEmitter, Directive, NgZone, Optional, Input, Output, NgModule } from '@angular/core'; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| /** |
| * A pending copy-to-clipboard operation. |
| * |
| * The implementation of copying text to the clipboard modifies the DOM and |
| * forces a relayout. This relayout can take too long if the string is large, |
| * causing the execCommand('copy') to happen too long after the user clicked. |
| * This results in the browser refusing to copy. This object lets the |
| * relayout happen in a separate tick from copying by providing a copy function |
| * that can be called later. |
| * |
| * Destroy must be called when no longer in use, regardless of whether `copy` is |
| * called. |
| */ |
| class PendingCopy { |
| constructor(text, _document) { |
| this._document = _document; |
| const textarea = this._textarea = this._document.createElement('textarea'); |
| const styles = textarea.style; |
| // Hide the element for display and accessibility. Set a fixed position so the page layout |
| // isn't affected. We use `fixed` with `top: 0`, because focus is moved into the textarea |
| // for a split second and if it's off-screen, some browsers will attempt to scroll it into view. |
| styles.position = 'fixed'; |
| styles.top = styles.opacity = '0'; |
| styles.left = '-999em'; |
| textarea.setAttribute('aria-hidden', 'true'); |
| textarea.value = text; |
| this._document.body.appendChild(textarea); |
| } |
| /** Finishes copying the text. */ |
| copy() { |
| const textarea = this._textarea; |
| let successful = false; |
| try { // Older browsers could throw if copy is not supported. |
| if (textarea) { |
| const currentFocus = this._document.activeElement; |
| textarea.select(); |
| textarea.setSelectionRange(0, textarea.value.length); |
| successful = this._document.execCommand('copy'); |
| if (currentFocus) { |
| currentFocus.focus(); |
| } |
| } |
| } |
| catch (_a) { |
| // Discard error. |
| // Initial setting of {@code successful} will represent failure here. |
| } |
| return successful; |
| } |
| /** Cleans up DOM changes used to perform the copy operation. */ |
| destroy() { |
| const textarea = this._textarea; |
| if (textarea) { |
| if (textarea.parentNode) { |
| textarea.parentNode.removeChild(textarea); |
| } |
| this._textarea = undefined; |
| } |
| } |
| } |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| /** |
| * A service for copying text to the clipboard. |
| */ |
| class Clipboard { |
| constructor(document) { |
| this._document = document; |
| } |
| /** |
| * Copies the provided text into the user's clipboard. |
| * |
| * @param text The string to copy. |
| * @returns Whether the operation was successful. |
| */ |
| copy(text) { |
| const pendingCopy = this.beginCopy(text); |
| const successful = pendingCopy.copy(); |
| pendingCopy.destroy(); |
| return successful; |
| } |
| /** |
| * Prepares a string to be copied later. This is useful for large strings |
| * which take too long to successfully render and be copied in the same tick. |
| * |
| * The caller must call `destroy` on the returned `PendingCopy`. |
| * |
| * @param text The string to copy. |
| * @returns the pending copy operation. |
| */ |
| beginCopy(text) { |
| return new PendingCopy(text, this._document); |
| } |
| } |
| Clipboard.ɵprov = ɵɵdefineInjectable({ factory: function Clipboard_Factory() { return new Clipboard(ɵɵinject(DOCUMENT)); }, token: Clipboard, providedIn: "root" }); |
| Clipboard.decorators = [ |
| { type: Injectable, args: [{ providedIn: 'root' },] } |
| ]; |
| Clipboard.ctorParameters = () => [ |
| { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] } |
| ]; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| /** Injection token that can be used to provide the default options to `CdkCopyToClipboard`. */ |
| const CDK_COPY_TO_CLIPBOARD_CONFIG = new InjectionToken('CDK_COPY_TO_CLIPBOARD_CONFIG'); |
| /** |
| * @deprecated Use `CDK_COPY_TO_CLIPBOARD_CONFIG` instead. |
| * @breaking-change 13.0.0 |
| */ |
| const CKD_COPY_TO_CLIPBOARD_CONFIG = CDK_COPY_TO_CLIPBOARD_CONFIG; |
| /** |
| * Provides behavior for a button that when clicked copies content into user's |
| * clipboard. |
| */ |
| class CdkCopyToClipboard { |
| constructor(_clipboard, _ngZone, config) { |
| this._clipboard = _clipboard; |
| this._ngZone = _ngZone; |
| /** Content to be copied. */ |
| this.text = ''; |
| /** |
| * How many times to attempt to copy the text. This may be necessary for longer text, because |
| * the browser needs time to fill an intermediate textarea element and copy the content. |
| */ |
| this.attempts = 1; |
| /** |
| * Emits when some text is copied to the clipboard. The |
| * emitted value indicates whether copying was successful. |
| */ |
| this.copied = new EventEmitter(); |
| /** Copies that are currently being attempted. */ |
| this._pending = new Set(); |
| if (config && config.attempts != null) { |
| this.attempts = config.attempts; |
| } |
| } |
| /** Copies the current text to the clipboard. */ |
| copy(attempts = this.attempts) { |
| if (attempts > 1) { |
| let remainingAttempts = attempts; |
| const pending = this._clipboard.beginCopy(this.text); |
| this._pending.add(pending); |
| const attempt = () => { |
| const successful = pending.copy(); |
| if (!successful && --remainingAttempts && !this._destroyed) { |
| // We use 1 for the timeout since it's more predictable when flushing in unit tests. |
| this._currentTimeout = this._ngZone.runOutsideAngular(() => setTimeout(attempt, 1)); |
| } |
| else { |
| this._currentTimeout = null; |
| this._pending.delete(pending); |
| pending.destroy(); |
| this.copied.emit(successful); |
| } |
| }; |
| attempt(); |
| } |
| else { |
| this.copied.emit(this._clipboard.copy(this.text)); |
| } |
| } |
| ngOnDestroy() { |
| if (this._currentTimeout) { |
| clearTimeout(this._currentTimeout); |
| } |
| this._pending.forEach(copy => copy.destroy()); |
| this._pending.clear(); |
| this._destroyed = true; |
| } |
| } |
| CdkCopyToClipboard.decorators = [ |
| { type: Directive, args: [{ |
| selector: '[cdkCopyToClipboard]', |
| host: { |
| '(click)': 'copy()', |
| } |
| },] } |
| ]; |
| CdkCopyToClipboard.ctorParameters = () => [ |
| { type: Clipboard }, |
| { type: NgZone }, |
| { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [CKD_COPY_TO_CLIPBOARD_CONFIG,] }] } |
| ]; |
| CdkCopyToClipboard.propDecorators = { |
| text: [{ type: Input, args: ['cdkCopyToClipboard',] }], |
| attempts: [{ type: Input, args: ['cdkCopyToClipboardAttempts',] }], |
| copied: [{ type: Output, args: ['cdkCopyToClipboardCopied',] }] |
| }; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| class ClipboardModule { |
| } |
| ClipboardModule.decorators = [ |
| { type: NgModule, args: [{ |
| declarations: [CdkCopyToClipboard], |
| exports: [CdkCopyToClipboard], |
| },] } |
| ]; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| |
| /** |
| * Generated bundle index. Do not edit. |
| */ |
| |
| export { CDK_COPY_TO_CLIPBOARD_CONFIG, CKD_COPY_TO_CLIPBOARD_CONFIG, CdkCopyToClipboard, Clipboard, ClipboardModule, PendingCopy }; |
| //# sourceMappingURL=clipboard.js.map |