https://github.com/angular/angular
Raw File
Tip revision: 4064cbe94544e421e3af1c5c76a63347637c8c3e authored by Miško Hevery on 16 November 2017, 22:04:25 UTC
docs: add changelog for 5.1.0-beta.1
Tip revision: 4064cbe
copier.service.ts
/**
 * This class is based on the code in the following projects:
 *
 * - https://github.com/zenorocha/select
 * - https://github.com/zenorocha/clipboard.js/
 *
 * Both released under MIT license - © Zeno Rocha
 */


export class CopierService {
    private fakeElem: HTMLTextAreaElement;

    /**
     * Creates a fake textarea element, sets its value from `text` property,
     * and makes a selection on it.
     */
    createFake(text: string) {
      const isRTL = document.documentElement.getAttribute('dir') === 'rtl';

      // Create a fake element to hold the contents to copy
      this.fakeElem = document.createElement('textarea');

      // Prevent zooming on iOS
      this.fakeElem.style.fontSize = '12pt';

      // Reset box model
      this.fakeElem.style.border = '0';
      this.fakeElem.style.padding = '0';
      this.fakeElem.style.margin = '0';

      // Move element out of screen horizontally
      this.fakeElem.style.position = 'absolute';
      this.fakeElem.style[ isRTL ? 'right' : 'left' ] = '-9999px';

      // Move element to the same position vertically
      const yPosition = window.pageYOffset || document.documentElement.scrollTop;
      this.fakeElem.style.top = yPosition + 'px';

      this.fakeElem.setAttribute('readonly', '');
      this.fakeElem.value = text;

      document.body.appendChild(this.fakeElem);

      this.fakeElem.select();
      this.fakeElem.setSelectionRange(0, this.fakeElem.value.length);
    }

    removeFake() {
      if (this.fakeElem) {
        document.body.removeChild(this.fakeElem);
        this.fakeElem = null;
      }
    }

    copyText(text: string) {
      try {
        this.createFake(text);
        return document.execCommand('copy');
      } catch (err) {
        return false;
      } finally {
        this.removeFake();
      }
    }
}
back to top