Jamiewarb

<!--Drop in replacement for img lazy loading-->

<!--Lazy load image replacement-->

<!--Fade in - Wordpress image size as 10x10 with CSS blur-->

<!--https://vuetensils.stegosource.com-->

<script>
const NAME = 'vts-img';

Jamiewarb

<template>
  <div :class="classes">
    <div v-if="$slots.image" class="v-base-media__img">
      <slot name="image" />
    </div>
    <div v-if="$slots.default" class="v-base-media__body">
      <slot />
    </div>
  </div>
</template>

Jamiewarb

<template>
  <div :class="layoutClasses"><slot /></div>
</template>

<script>
/**
 * Base Layout - A grid-like layout system.
 *
 * A BaseLayout must only ever have BaseLayoutItem components as immediate children.
 *

Jamiewarb

const slashOptions = {
  STRIP: 'strip',
  ADD: 'add',
};

const modifySlashes = (option, url) => {
  if (!option) {
    return url;
  }

Jamiewarb

import { getPreferredSizeFallbackOrder, getThemeSizes } from '~/utilities/wordpressHelpers';

export default class AcfImage {
  constructor(imageObject) {
    this.id = (imageObject.id ? imageObject.id : imageObject.ID) || null;
    this.title = imageObject.title || null;
    this.filename = imageObject.filename || null;
    this.filesize = imageObject.filesize || null;
    this.url = imageObject.url || null;
    this.link = imageObject.link || null;

Jamiewarb

<template>
  <component
    :is="tag"
    :class="buttonClasses"
    :type="nativeType"
    v-bind="$attrs"
    @click="$emit('click', $event)"
  >
    <span class="v-btn__slot"><slot /></span>
  </component>

Jamiewarb

    /**
     * Triggers the sending of notifications for the processed form.
     * Please refer to https://gist.github.com/keithdevon/08016bd065397c76045c
     * for more information
     */
    private function send_notifications( $form_id, $entry_id ) {
        $form = \RGFormsModel::get_form_meta( $form_id );
        $entry = \RGFormsModel::get_lead( $entry_id );
        $notification_ids = [];
        foreach( $form['notifications'] as $id => $info ){

Jamiewarb

<template>
  <button :class="buttonClasses">
    <slot />
  </button>
</template>

<script>
const availableSizes = [null, 'tiny', 'small', 'large', 'huge'];
const availableThemes = ['white']; // 'dark', 'primary', 'secondary', 'tertiary'];
/**

Jamiewarb

<template>
  <div :class="stackClasses" :data-identifier="configIdentifier">
    <slot />
  </div>
</template>

<script>
/**
 * Flow elements require space to physically and conceptually separate them from the elements that come before and
 * after them. This flow space should exist solely between children elements in a container, and not between an element

Jamiewarb

import BaseForm from './FormTemplate';
import { scaMixin } from '~/mixins/payments/scaMixin';

export default {
    name: 'BasePaymentForm',
    extends: BaseForm,
    mixins: [scaMixin],
    methods: {
      async onSubmit() {
        const response = this.submitForm();