PHP Dosya Yöneticisi

import defaults from './defaults.js';
/**
 * Initialize the Typed object
 */

export default class Initializer {
  /**
   * Load up defaults & options on the Typed instance
   * @param {Typed} self instance of Typed
   * @param {object} options options object
   * @param {string} elementId HTML element ID _OR_ instance of HTML element
   * @private
   */

load(self, options, elementId) {
    // chosen element to manipulate text
    if (typeof elementId === 'string') {
      self.el = document.querySelector(elementId);
    } else {
      self.el = elementId;
    }

self.options = {...defaults, ...options};

// attribute to type into
    self.isInput = self.el.tagName.toLowerCase() === 'input';
    self.attr = self.options.attr;
    self.bindInputFocusEvents = self.options.bindInputFocusEvents;

// show cursor
    self.showCursor = self.isInput ? false : self.options.showCursor;

// custom cursor
    self.cursorChar = self.options.cursorChar;

// Is the cursor blinking
    self.cursorBlinking = true;

// text content of element
    self.elContent = self.attr ? self.el.getAttribute(self.attr) : self.el.textContent;

// html or plain text
    self.contentType = self.options.contentType;

// typing speed
    self.typeSpeed = self.options.typeSpeed;

// add a delay before typing starts
    self.startDelay = self.options.startDelay;

// backspacing speed
    self.backSpeed = self.options.backSpeed;

// only backspace what doesn't match the previous string
    self.smartBackspace = self.options.smartBackspace;

// amount of time to wait before backspacing
    self.backDelay = self.options.backDelay;

// Fade out instead of backspace
    self.fadeOut = self.options.fadeOut;
    self.fadeOutClass = self.options.fadeOutClass;
    self.fadeOutDelay = self.options.fadeOutDelay;

// variable to check whether typing is currently paused
    self.isPaused = false;

// input strings of text
    self.strings = self.options.strings.map((s) => s.trim());

// div containing strings
    if (typeof self.options.stringsElement === 'string') {
      self.stringsElement = document.querySelector(self.options.stringsElement);
    } else {
      self.stringsElement = self.options.stringsElement;
    }

if (self.stringsElement) {
      self.strings = [];
      self.stringsElement.style.display = 'none';
      const strings = Array.prototype.slice.apply(self.stringsElement.children);
      const stringsLength = strings.length;

if (stringsLength) {
        for (let i = 0; i < stringsLength; i += 1) {
          const stringEl = strings[i];
          self.strings.push(stringEl.innerHTML.trim());
        }
      }
    }

// character number position of current string
    self.strPos = 0;

// current array position
    self.arrayPos = 0;

// index of string to stop backspacing on
    self.stopNum = 0;

// Looping logic
    self.loop = self.options.loop;
    self.loopCount = self.options.loopCount;
    self.curLoop = 0;

// shuffle the strings
    self.shuffle = self.options.shuffle;
    // the order of strings
    self.sequence = [];

self.pause = {
      status: false,
      typewrite: true,
      curString: '',
      curStrPos: 0
    }

// When the typing is complete (when not looped)
    self.typingComplete = false;

// Set the order in which the strings are typed
    for (let i in self.strings) {
      self.sequence[i] = i;
    }

// If there is some text in the element
    self.currentElContent = this.getCurrentElContent(self);

self.autoInsertCss = self.options.autoInsertCss;

this.appendAnimationCss(self);
  }

getCurrentElContent(self) {
    let elContent = '';
    if (self.attr) {
      elContent = self.el.getAttribute(self.attr);
    } else if (self.isInput) {
      elContent = self.el.value;
    } else if (self.contentType === 'html') {
      elContent = self.el.innerHTML;
    } else {
      elContent = self.el.textContent;
    }
    return elContent;
  }

appendAnimationCss(self) {
    const cssDataName = 'data-typed-js-css';
    if (!self.autoInsertCss) { return; }
    if (!self.showCursor && !self.fadeOut) { return; }
    if (document.querySelector(`[${cssDataName}]`)) { return; }

let css = document.createElement('style');
    css.type = 'text/css';
    css.setAttribute(cssDataName, true);

export let initializer = new Initializer();

İptal

📁 PHP Dosya Yöneticisi

📝 initializer.js

📝 initializer.js

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)