Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use AnnotationElementFactory method in wpt

Best JavaScript code snippet using wpt

annotation_layer.js

Source:annotation_layer.js

...43/**44 * @class45 * @alias AnnotationElementFactory46 */47function AnnotationElementFactory() {}48AnnotationElementFactory.prototype =49    /** @lends AnnotationElementFactory.prototype */ {50  /**51   * @param {AnnotationElementParameters} parameters52   * @returns {AnnotationElement}53   */54  create: function AnnotationElementFactory_create(parameters) {55    var subtype = parameters.data.annotationType;56    switch (subtype) {57      case AnnotationType.LINK:58        return new LinkAnnotationElement(parameters);59      case AnnotationType.TEXT:60        return new TextAnnotationElement(parameters);61      case AnnotationType.WIDGET:62        return new WidgetAnnotationElement(parameters);63      default:64        throw new Error('Unimplemented annotation type "' + subtype + '"');65    }66  }67};68/**69 * @class70 * @alias AnnotationElement71 */72var AnnotationElement = (function AnnotationElementClosure() {73  function AnnotationElement(parameters) {74    this.data = parameters.data;75    this.page = parameters.page;76    this.viewport = parameters.viewport;77    this.linkService = parameters.linkService;78    this.container = this._createContainer();79  }80  AnnotationElement.prototype = /** @lends AnnotationElement.prototype */ {81    /**82     * Create an empty container for the annotation's HTML element.83     *84     * @private85     * @memberof AnnotationElement86     * @returns {HTMLSectionElement}87     */88    _createContainer: function AnnotationElement_createContainer() {89      var data = this.data, page = this.page, viewport = this.viewport;90      var container = document.createElement('section');91      var width = data.rect[2] - data.rect[0];92      var height = data.rect[3] - data.rect[1];93      container.setAttribute('data-annotation-id', data.id);94      data.rect = Util.normalizeRect([95        data.rect[0],96        page.view[3] - data.rect[1] + page.view[1],97        data.rect[2],98        page.view[3] - data.rect[3] + page.view[1]99      ]);100      CustomStyle.setProp('transform', container,101                          'matrix(' + viewport.transform.join(',') + ')');102      CustomStyle.setProp('transformOrigin', container,103                          -data.rect[0] + 'px ' + -data.rect[1] + 'px');104      if (data.borderStyle.width > 0) {105        container.style.borderWidth = data.borderStyle.width + 'px';106        if (data.borderStyle.style !== AnnotationBorderStyleType.UNDERLINE) {107          // Underline styles only have a bottom border, so we do not need108          // to adjust for all borders. This yields a similar result as109          // Adobe Acrobat/Reader.110          width = width - 2 * data.borderStyle.width;111          height = height - 2 * data.borderStyle.width;112        }113        var horizontalRadius = data.borderStyle.horizontalCornerRadius;114        var verticalRadius = data.borderStyle.verticalCornerRadius;115        if (horizontalRadius > 0 || verticalRadius > 0) {116          var radius = horizontalRadius + 'px / ' + verticalRadius + 'px';117          CustomStyle.setProp('borderRadius', container, radius);118        }119        switch (data.borderStyle.style) {120          case AnnotationBorderStyleType.SOLID:121            container.style.borderStyle = 'solid';122            break;123          case AnnotationBorderStyleType.DASHED:124            container.style.borderStyle = 'dashed';125            break;126          case AnnotationBorderStyleType.BEVELED:127            warn('Unimplemented border style: beveled');128            break;129          case AnnotationBorderStyleType.INSET:130            warn('Unimplemented border style: inset');131            break;132          case AnnotationBorderStyleType.UNDERLINE:133            container.style.borderBottomStyle = 'solid';134            break;135          default:136            break;137        }138        if (data.color) {139          container.style.borderColor =140            Util.makeCssRgb(data.color[0] | 0,141                            data.color[1] | 0,142                            data.color[2] | 0);143        } else {144          // Transparent (invisible) border, so do not draw it at all.145          container.style.borderWidth = 0;146        }147      }148      container.style.left = data.rect[0] + 'px';149      container.style.top = data.rect[1] + 'px';150      container.style.width = width + 'px';151      container.style.height = height + 'px';152      return container;153    },154    /**155     * Render the annotation's HTML element in the empty container.156     *157     * @public158     * @memberof AnnotationElement159     */160    render: function AnnotationElement_render() {161      throw new Error('Abstract method AnnotationElement.render called');162    }163  };164  return AnnotationElement;165})();166/**167 * @class168 * @alias LinkAnnotationElement169 */170var LinkAnnotationElement = (function LinkAnnotationElementClosure() {171  function LinkAnnotationElement(parameters) {172    AnnotationElement.call(this, parameters);173  }174  Util.inherit(LinkAnnotationElement, AnnotationElement, {175    /**176     * Render the link annotation's HTML element in the empty container.177     *178     * @public179     * @memberof LinkAnnotationElement180     * @returns {HTMLSectionElement}181     */182    render: function LinkAnnotationElement_render() {183      this.container.className = 'annotLink';184      var link = document.createElement('a');185      link.href = link.title = this.data.url || '';186      if (this.data.url && isExternalLinkTargetSet()) {187        link.target = LinkTargetStringMap[PDFJS.externalLinkTarget];188      }189      // Strip referrer from the URL.190      if (this.data.url) {191        link.rel = PDFJS.externalLinkRel;192      }193      if (!this.data.url) {194        if (this.data.action) {195          this._bindNamedAction(link, this.data.action);196        } else {197          this._bindLink(link, ('dest' in this.data) ? this.data.dest : null);198        }199      }200      this.container.appendChild(link);201      return this.container;202    },203    /**204     * Bind internal links to the link element.205     *206     * @private207     * @param {Object} link208     * @param {Object} destination209     * @memberof LinkAnnotationElement210     */211    _bindLink: function LinkAnnotationElement_bindLink(link, destination) {212      var self = this;213      link.href = this.linkService.getDestinationHash(destination);214      link.onclick = function() {215        if (destination) {216          self.linkService.navigateTo(destination);217        }218        return false;219      };220      if (destination) {221        link.className = 'internalLink';222      }223    },224    /**225     * Bind named actions to the link element.226     *227     * @private228     * @param {Object} link229     * @param {Object} action230     * @memberof LinkAnnotationElement231     */232    _bindNamedAction:233        function LinkAnnotationElement_bindNamedAction(link, action) {234      var self = this;235      link.href = this.linkService.getAnchorUrl('');236      link.onclick = function() {237        self.linkService.executeNamedAction(action);238        return false;239      };240      link.className = 'internalLink';241    }242  });243  return LinkAnnotationElement;244})();245/**246 * @class247 * @alias TextAnnotationElement248 */249var TextAnnotationElement = (function TextAnnotationElementClosure() {250  function TextAnnotationElement(parameters) {251    AnnotationElement.call(this, parameters);252    this.pinned = false;253  }254  Util.inherit(TextAnnotationElement, AnnotationElement, {255    /**256     * Render the text annotation's HTML element in the empty container.257     *258     * @public259     * @memberof TextAnnotationElement260     * @returns {HTMLSectionElement}261     */262    render: function TextAnnotationElement_render() {263      var rect = this.data.rect, container = this.container;264      // Sanity check because of OOo-generated PDFs.265      if ((rect[3] - rect[1]) < ANNOT_MIN_SIZE) {266        rect[3] = rect[1] + ANNOT_MIN_SIZE;267      }268      if ((rect[2] - rect[0]) < ANNOT_MIN_SIZE) {269        rect[2] = rect[0] + (rect[3] - rect[1]); // make it square270      }271      container.className = 'annotText';272      var image  = document.createElement('img');273      image.style.height = container.style.height;274      image.style.width = container.style.width;275      var iconName = this.data.name;276      image.src = PDFJS.imageResourcesPath + 'annotation-' +277        iconName.toLowerCase() + '.svg';278      image.alt = '[{{type}} Annotation]';279      image.dataset.l10nId = 'text_annotation_type';280      image.dataset.l10nArgs = JSON.stringify({type: iconName});281      var contentWrapper = document.createElement('div');282      contentWrapper.className = 'annotTextContentWrapper';283      contentWrapper.style.left = Math.floor(rect[2] - rect[0] + 5) + 'px';284      contentWrapper.style.top = '-10px';285      var content = this.content = document.createElement('div');286      content.className = 'annotTextContent';287      content.setAttribute('hidden', true);288      var i, ii;289      if (this.data.hasBgColor && this.data.color) {290        var color = this.data.color;291        // Enlighten the color (70%).292        var BACKGROUND_ENLIGHT = 0.7;293        var r = BACKGROUND_ENLIGHT * (255 - color[0]) + color[0];294        var g = BACKGROUND_ENLIGHT * (255 - color[1]) + color[1];295        var b = BACKGROUND_ENLIGHT * (255 - color[2]) + color[2];296        content.style.backgroundColor = Util.makeCssRgb(r | 0, g | 0, b | 0);297      }298      var title = document.createElement('h1');299      var text = document.createElement('p');300      title.textContent = this.data.title;301      if (!this.data.content && !this.data.title) {302        content.setAttribute('hidden', true);303      } else {304        var e = document.createElement('span');305        var lines = this.data.content.split(/(?:\r\n?|\n)/);306        for (i = 0, ii = lines.length; i < ii; ++i) {307          var line = lines[i];308          e.appendChild(document.createTextNode(line));309          if (i < (ii - 1)) {310            e.appendChild(document.createElement('br'));311          }312        }313        text.appendChild(e);314        image.addEventListener('click', this._toggle.bind(this));315        image.addEventListener('mouseover', this._show.bind(this, false));316        image.addEventListener('mouseout', this._hide.bind(this, false));317        content.addEventListener('click', this._hide.bind(this, true));318      }319      content.appendChild(title);320      content.appendChild(text);321      contentWrapper.appendChild(content);322      container.appendChild(image);323      container.appendChild(contentWrapper);324      return container;325    },326    /**327     * Toggle the visibility of the content box.328     *329     * @private330     * @memberof TextAnnotationElement331     */332    _toggle: function TextAnnotationElement_toggle() {333      if (this.pinned) {334        this._hide(true);335      } else {336        this._show(true);337      }338    },339    /**340     * Show the content box.341     *342     * @private343     * @param {boolean} pin344     * @memberof TextAnnotationElement345     */346    _show: function TextAnnotationElement_show(pin) {347      if (pin) {348        this.pinned = true;349      }350      if (this.content.hasAttribute('hidden')) {351        this.container.style.zIndex += 1;352        this.content.removeAttribute('hidden');353      }354    },355    /**356     * Hide the content box.357     *358     * @private359     * @param {boolean} unpin360     * @memberof TextAnnotationElement361     */362    _hide: function TextAnnotationElement_hide(unpin) {363      if (unpin) {364        this.pinned = false;365      }366      if (!this.content.hasAttribute('hidden') && !this.pinned) {367        this.container.style.zIndex -= 1;368        this.content.setAttribute('hidden', true);369      }370    }371  });372  return TextAnnotationElement;373})();374/**375 * @class376 * @alias WidgetAnnotationElement377 */378var WidgetAnnotationElement = (function WidgetAnnotationElementClosure() {379  function WidgetAnnotationElement(parameters) {380    AnnotationElement.call(this, parameters);381  }382  Util.inherit(WidgetAnnotationElement, AnnotationElement, {383    /**384     * Render the widget annotation's HTML element in the empty container.385     *386     * @public387     * @memberof WidgetAnnotationElement388     * @returns {HTMLSectionElement}389     */390    render: function WidgetAnnotationElement_render() {391      var content = document.createElement('div');392      content.textContent = this.data.fieldValue;393      var textAlignment = this.data.textAlignment;394      content.style.textAlign = ['left', 'center', 'right'][textAlignment];395      content.style.verticalAlign = 'middle';396      content.style.display = 'table-cell';397      var font = (this.data.fontRefName ?398        this.page.commonObjs.getData(this.data.fontRefName) : null);399      this._setTextStyle(content, font);400      this.container.appendChild(content);401      return this.container;402    },403    /**404     * Apply text styles to the text in the element.405     *406     * @private407     * @param {HTMLDivElement} element408     * @param {Object} font409     * @memberof WidgetAnnotationElement410     */411    _setTextStyle:412        function WidgetAnnotationElement_setTextStyle(element, font) {413      // TODO: This duplicates some of the logic in CanvasGraphics.setFont().414      var style = element.style;415      style.fontSize = this.data.fontSize + 'px';416      style.direction = (this.data.fontDirection < 0 ? 'rtl': 'ltr');417      if (!font) {418        return;419      }420      style.fontWeight = (font.black ?421        (font.bold ? '900' : 'bold') :422        (font.bold ? 'bold' : 'normal'));423      style.fontStyle = (font.italic ? 'italic' : 'normal');424      // Use a reasonable default font if the font doesn't specify a fallback.425      var fontFamily = font.loadedName ? '"' + font.loadedName + '", ' : '';426      var fallbackName = font.fallbackName || 'Helvetica, sans-serif';427      style.fontFamily = fontFamily + fallbackName;428    }429  });430  return WidgetAnnotationElement;431})();432/**433 * @typedef {Object} AnnotationLayerParameters434 * @property {PageViewport} viewport435 * @property {HTMLDivElement} div436 * @property {Array} annotations437 * @property {PDFPage} page438 * @property {IPDFLinkService} linkService439 */440/**441 * @class442 * @alias AnnotationLayer443 */444var AnnotationLayer = (function AnnotationLayerClosure() {445  return {446    /**447     * Render a new annotation layer with all annotation elements.448     *449     * @public450     * @param {AnnotationLayerParameters} parameters451     * @memberof AnnotationLayer452     */453    render: function AnnotationLayer_render(parameters) {454      var annotationElementFactory = new AnnotationElementFactory();455      for (var i = 0, ii = parameters.annotations.length; i < ii; i++) {456        var data = parameters.annotations[i];457        if (!data || !data.hasHtml) {458          continue;459        }460        var properties = {461          data: data,462          page: parameters.page,463          viewport: parameters.viewport,464          linkService: parameters.linkService465        };466        var element = annotationElementFactory.create(properties);467        parameters.div.appendChild(element.render());468      }...

Using AI Code Generation

1var wptools = require('wptools');2var options = {3};4var factory = new wptools.AnnotationElementFactory(options);5var element = factory.createAnnotationElement('test', 'test');6console.log(element);7var options = {8};9var factory = new wptools.AnnotationElementFactory(options);10var element = factory.createAnnotationElement('test', 'test');11console.log(element);12AnnotationElement {13  _annotationsLoaded: false }14AnnotationElement { _id: 'test', _text: 'test', _annotations: [], _options: {…}, _api: {…}, _textNode: null, _annotationElements: [], _annotationNodes: [], _annotationsLoaded: false }

Using AI Code Generation

1var wptextpattern = require('wptextpattern');2var annotationElementFactory = wptextpattern.AnnotationElementFactory;3var textpattern = require('textpattern');4var textpattern = textpattern.TextPattern;5var pattern = new textpattern('([a-z]+)');6var annotationElement = annotationElementFactory.create(pattern, 'test');7console.log(annotationElement);8var wptextpattern = require('wptextpattern');9var annotationElementFactory = wptextpattern.AnnotationElementFactory;10var textpattern = require('textpattern');11var textpattern = textpattern.TextPattern;12var pattern = new textpattern('([a-z]+)');13var annotationElement = annotationElementFactory.create(pattern, 'test');14console.log(annotationElement);15var wptextpattern = require('wptextpattern');16var annotationElementFactory = wptextpattern.AnnotationElementFactory;17var textpattern = require('textpattern');18var textpattern = textpattern.TextPattern;19var pattern = new textpattern('([a-z]+)');20var annotationElement = annotationElementFactory.create(pattern, 'test');21console.log(annotationElement);22var wptextpattern = require('wptextpattern');23var annotationElementFactory = wptextpattern.AnnotationElementFactory;24var textpattern = require('textpattern');25var textpattern = textpattern.TextPattern;26var pattern = new textpattern('([a-z]+)');27var annotationElement = annotationElementFactory.create(pattern, 'test');28console.log(annotationElement);29var wptextpattern = require('wptextpattern');30var annotationElementFactory = wptextpattern.AnnotationElementFactory;31var textpattern = require('textpattern');32var textpattern = textpattern.TextPattern;33var pattern = new textpattern('([a-z]+)');34var annotationElement = annotationElementFactory.create(pattern, 'test');35console.log(annotationElement);36var wptextpattern = require('w

Using AI Code Generation

1var editor = CKEDITOR.instances.editor1;2var factory = editor.plugins.wptextpattern.factory;3var element = factory.create( 'annotation', { 'class': 'test' } );4editor.insertElement( element );5CKEDITOR.plugins.add( 'wptextpattern', {6    init: function( editor ) {7        var factory = new CKEDITOR.plugins.wptextpattern.factory( editor );8        editor.plugins.wptextpattern.factory = factory;9        factory.add( 'annotation', {10            attributes: {11            }12        } );13    }14} );15CKEDITOR.plugins.add('wptextpattern', {16    factory: function (editor) {17        var AnnotationElementFactory = function (editor) {18            this.editor = editor;19        };20        AnnotationElementFactory.prototype = {21            create: function (name, attributes) {22                var element = this.editor.document.createElement(name);23                for (var key in attributes) {24                    element.setAttribute(key, attributes[key]);25                }26                return element;27            }28        };29        return new AnnotationElementFactory(editor);30    }31});

Using AI Code Generation

1var editor = CKEDITOR.instances['editor1'];2var elementFactory = editor.plugins.wptextpattern.elementFactory;3var element = elementFactory.create( 'strong', 'text' );4editor.insertElement( element );5CKEDITOR.plugins.add( 'customplugin', {6    init: function( editor ) {7        editor.addCommand( 'customcommand', {8            exec: function( editor ) {9                var elementFactory = editor.plugins.wptextpattern.elementFactory;10                var element = elementFactory.create( 'strong', 'text' );11                editor.insertElement( element );12            }13        });14        editor.ui.addButton( 'custombutton', {15        });16    }17});18CKEDITOR.plugins.add( 'customplugin', {19    init: function( editor ) {20        editor.addCommand( 'customcommand', {21            exec: function( editor ) {22                var elementFactory = editor.plugins.wptextpattern.elementFactory;23                var element = elementFactory.create( 'strong', 'text' );24                editor.insertElement( element );25            }26        });27        editor.ui.addButton( 'custombutton', {28        });29    }30});

Using AI Code Generation

1var annotationElementFactory = new CKEDITOR.plugins.wptextpattern.AnnotationElementFactory();2var annotationElement = annotationElementFactory.create( 'annotation', {3} );4var editor = CKEDITOR.instances.editor1;5editor.insertElement( annotationElement );6var editor = CKEDITOR.instances.editor1;7var annotationElement = editor.editable().findOne( 'annotation' );8var editor = CKEDITOR.instances.editor1;9var annotationElement = editor.editable().findOne( 'annotation' );10annotationElement.setAttribute( 'data-annotation-type', 'note' );11var editor = CKEDITOR.instances.editor1;12var annotationElement = editor.editable().findOne( 'annotation' );13annotationElement.remove();14var editor = CKEDITOR.instances.editor1;15var annotationElements = editor.editable().find( 'annotation' );16var editor = CKEDITOR.instances.editor1;17var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );18var editor = CKEDITOR.instances.editor1;19var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );20var editor = CKEDITOR.instances.editor1;21var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );22var editor = CKEDITOR.instances.editor1;23var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );

Using AI Code Generation

1var wptextpattern = require('wptextpattern');2var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);3var wptextpattern = require('wptextpattern');4var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);5var wptextpattern = require('wptextpattern');6var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);7var wptextpattern = require('wptextpattern');8var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);9var wptextpattern = require('wptextpattern');10var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);11var wptextpattern = require('wptextpattern');12var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);13var wptextpattern = require('wptextpattern');14var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);15var wptextpattern = require('wptextpattern');16var annotationElement = wptextpattern.AnnotationElementFactory.createAnnotationElement(annotationType, annotationValue);

Using AI Code Generation

1var AnnotationElementFactory = require( 'ext.wikiTextPatterns' ).AnnotationElementFactory;2var text = 'hello world';3var options = {4    'attributes': {5    }6};7var element = AnnotationElementFactory( text, options );8console.log(element);9var WikiTextPatterns = require( 'ext.wikiTextPatterns' ).WikiTextPatterns;10var text = 'hello world';11var options = {12    'link': {13    }14};15var patterns = new WikiTextPatterns( text, options );16console.log(patterns.getHtml());17var WikiTextPatterns = require( 'ext.wikiTextPatterns' ).WikiTextPatterns;18var text = 'hello world';19var options = {20    'link': {21    }22};23var patterns = new WikiTextPatterns( text, options );24console.log(patterns.getHtml());25var WikiTextPatterns = require( 'ext.wikiTextPatterns' ).WikiTextPatterns;26var text = 'hello world';27var options = {28    'link': {29    }30};31var patterns = new WikiTextPatterns( text, options );32console.log(patterns.getHtml());33var WikiTextPatterns = require( 'ext.wikiTextPatterns' ).WikiTextPatterns;34var text = 'hello world';35var options = {36    'link': {37    }38};39var patterns = new WikiTextPatterns( text, options );40console.log(patterns.getHtml());

Using AI Code Generation

1CKEDITOR.plugins.add( 'customplugin', {2    init: function( editor ) {3        editor.addCommand( 'customcommand', {4            exec: function( editor ) {5                var elementFactory = editor.plugins.wptextpattern.elementFactory;6                var element = elementFactory.create( 'strong', 'text' );7                editor.insertElement( element );8            }9        });10        editor.ui.addButton( 'custombutton', {11        });12    }13});14CKEDITOR.plugins.add( 'customplugin', {15    init: function( editor ) {16        editor.addCommand( 'customcommand', {17            exec: function( editor ) {18                var elementFactory = editor.plugins.wptextpattern.elementFactory;19                var element = elementFactory.create( 'strong', 'text' );20                editor.insertElement( element );21            }22        });23        editor.ui.addButton( 'custombutton', {24        });25    }26});

Using AI Code Generation

1var annotationElementFactory = new CKEDITOR.plugins.wptextpattern.AnnotationElementFactory();2var annotationElement = annotationElementFactory.create( 'annotation', {3} );4var editor = CKEDITOR.instances.editor1;5editor.insertElement( annotationElement );6var editor = CKEDITOR.instances.editor1;7var annotationElement = editor.editable().findOne( 'annotation' );8var editor = CKEDITOR.instances.editor1;9var annotationElement = editor.editable().findOne( 'annotation' );10annotationElement.setAttribute( 'data-annotation-type', 'note' );11var editor = CKEDITOR.instances.editor1;12var annotationElement = editor.editable().findOne( 'annotation' );13annotationElement.remove();14var editor = CKEDITOR.instances.editor1;15var annotationElements = editor.editable().find( 'annotation' );16var editor = CKEDITOR.instances.editor1;17var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );18var editor = CKEDITOR.instances.editor1;19var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );20var editor = CKEDITOR.instances.editor1;21var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );22var editor = CKEDITOR.instances.editor1;23var annotationElements = editor.editable().find( 'annotation[data-annotation-type="comment"]' );

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.