How to use @deckdeckgo/slide-utils - 10 common examples

To help you get started, we’ve selected a few @deckdeckgo/slide-utils examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github deckgo / deckdeckgo / webcomponents / slides / chart / src / components / slide / deckdeckgo-slide-chart.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    this.initWindowResize();

    this.slideDidLoad.emit();
  }
github deckgo / deckdeckgo / webcomponents / slides / youtube / src / components / slide / deckdeckgo-slide-youtube.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    this.initWindowResize();

    await this.initFrameTitle();

    await this.initSize();

    this.slideDidLoad.emit();
  }
github deckgo / deckdeckgo / webcomponents / slides / big-img / src / components / slide / deckdeckgo-slide-big-img.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    this.crop = this.el.shadowRoot.querySelector('.crop');
    this.bigImg = this.el.shadowRoot.querySelector('.big-image');

    this.slideDidLoad.emit();
  }
github deckgo / deckdeckgo / webcomponents / slides / video / src / components / slide / deckdeckgo-slide-video.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    this.initWindowResize();

    await this.initSize();

    this.alignCenter = await this.initCenterAlign();

    this.slideDidLoad.emit();
  }
github deckgo / deckdeckgo / webcomponents / slides / poll / src / components / slide / deckdeckgo-slide-poll.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    this.initWindowResize();

    this.slideDidLoad.emit();
  }
github deckgo / deckdeckgo / webcomponents / slides / gif / src / components / gif / deckdeckgo-gif.tsx View on Github external
async componentDidLoad() {
    await hideLazyLoadImages(this.el);

    const img: HTMLImageElement = this.el.shadowRoot.querySelector('img');

    if (img) {
      img.addEventListener('load', () => {
        this.loaded = true;
        this.gifLoaded.emit(true);
      }, false);
    }
  }
github deckgo / deckdeckgo / webcomponents / slides / youtube / src / components / slide / deckdeckgo-slide-youtube.tsx View on Github external
return new Promise(async (resolve) => {
      await lazyLoadContent(this.el);

      await this.initSize();
      await this.resizeVideoContent();

      resolve();
    });
  }
github deckgo / deckdeckgo / webcomponents / slides / chart / src / components / slide / deckdeckgo-slide-chart.tsx View on Github external
return new Promise(async (resolve) => {
      const promises = [];
      promises.push(lazyLoadContent(this.el));
      promises.push(this.drawChart());

      await Promise.all(promises);

      resolve();
    });
  }
github deckgo / deckdeckgo / webcomponents / slides / video / src / components / slide / deckdeckgo-slide-video.tsx View on Github external
return new Promise(async (resolve) => {
      await lazyLoadContent(this.el);

      await this.initSize();
      await this.resizeVideoContent();

      resolve();
    });
  }