j1-template 2022.5.0 → 2022.5.1

data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css

@@ -1,153 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css
- # Provides styles for the Twitter Emoji Picker
- #
- # Product/Info:
- # https://jekyll.one
- # https://github.com/xLs51/Twemoji-Picker
- #
- # Copyright (C) 2022 Juergen Adams
- # Copyright (C) 2015 xLs51
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # Twemoji-Picker is licensed under under the MIT License.
- # For details, https://github.com/xLs51/Twemoji-Picker
- # -----------------------------------------------------------------------------
-*/
-
-ul.emoji-list * {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-ul.emoji-list li {
-  font-size: 36px;
-  float: left;
-  display: inline-block;
-  padding: 2px;
-  margin: 4px;
-}
-
-img.emoji {
-  cursor: pointer;
-  height: 1em;
-  width: 1em;
-  margin: 0 .05em 0 .1em;
-  vertical-align: -0.1em;
-}
-
-.twemoji-wrap {
-  position: relative;
-}
-
-.twemoji-wrap img {
-  margin: 0 .05em 0 .1em;
-  vertical-align: -0.1em;
-}
-
-.twemoji-textarea {
-  background-color: #FFF;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  height: 100%;
-  padding: 6px 30px 6px 12px;
-  overflow-y: auto;
-}
-
-.twemoji-textarea[contentEditable=true]:empty:before {
-  content: attr(placeholder);
-  color: #9E9E9E;
-}
-
-.twemoji-picker {
-  background-color: #fff;
-  border: 1px solid #e7e7e7;
-  border-radius: 3px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-  position: absolute;
-  right: 0;
-  z-index: 1;
-}
-
-.twemoji-icon-picker {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.twemoji-icon-picker img {
-  //position: absolute;
-  right: 21px;
-  top: 6px;
-}
-
-.twemoji-icon-picker img,
-.twemoji-picker img {
-  cursor: pointer;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.twemoji-picker-category {
-  background-color: #e7e7e7;
-}
-
-.twemoji-picker-category img {
-  padding: 5px;
-}
-
-.twemoji-picker-category .active,
-.twemoji-picker-category span:hover {
-  border-bottom: 2px solid #728691;
-  line-height: 22px;
-}
-
-.twemoji-picker-category .close {
-  cursor: pointer;
-  float: right;
-  font-size: 25px;
-  font-weight: 700;
-  line-height: 1;
-  margin-right: 2px;
-  opacity: .5;
-}
-
-.twemoji-picker-category .close:hover {
-  opacity: .3
-}
-
-.twemoji-list {
-  //overflow-y: scroll;
-  margin-top: 1.5rem;
-  margin-left: 1.5rem;
-  overflow-y: auto;
-}
-
-.twemoji-list img {
-  margin-top: 2px;
-  padding: 5px;
-}
-
-.twemoji-list img:hover {
-  background-color: #e7e7e7;
-}
-
-div.copied {
-    position: fixed;
-    top: 100px;
-    left: 50%;
-    width: 300px;
-    text-align: center;
-    color: #FAFAFA;
-    background-color: #2196F3;
-    border: 1px solid #0D47A1;
-    padding: 10px 15px;
-    border-radius: 4px;
-    margin-left: -100px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-}

data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css

@@ -1,19 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css
- # Provides styles for the Twitter Emoji Picker
- #
- # Product/Info:
- # https://jekyll.one
- # https://github.com/xLs51/Twemoji-Picker
- #
- # Copyright (C) 2022 Juergen Adams
- # Copyright (C) 2015 xLs51
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # Twemoji-Picker is licensed under under the MIT License.
- # For details, https://github.com/xLs51/Twemoji-Picker
- # -----------------------------------------------------------------------------
-*/
-ul.emoji-list *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul.emoji-list li{font-size:36px;float:left;display:inline-block;padding:2px;margin:4px}img.emoji{cursor:pointer;height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-0.1em}.twemoji-wrap{position:relative}.twemoji-wrap img{margin:0 .05em 0 .1em;vertical-align:-0.1em}.twemoji-textarea{background-color:#FFF;border:1px solid #ccc;border-radius:3px;height:100%;padding:6px 30px 6px 12px;overflow-y:auto}.twemoji-textarea[contentEditable=true]:empty:before{content:attr(placeholder);color:#9e9e9e}.twemoji-picker{background-color:#fff;border:1px solid #e7e7e7;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.05);position:absolute;right:0;z-index:1}.twemoji-icon-picker{margin-top:.5rem;margin-bottom:.5rem}.twemoji-icon-picker img{//position:absolute;right:21px;top:6px}.twemoji-icon-picker img,.twemoji-picker img{cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.twemoji-picker-category{background-color:#e7e7e7}.twemoji-picker-category img{padding:5px}.twemoji-picker-category .active,.twemoji-picker-category span:hover{border-bottom:2px solid #728691;line-height:22px}.twemoji-picker-category .close{cursor:pointer;float:right;font-size:25px;font-weight:700;line-height:1;margin-right:2px;opacity:.5}.twemoji-picker-category .close:hover{opacity:.3}.twemoji-list{//overflow-y:scroll;margin-top:1.5rem;margin-left:1.5rem;overflow-y:auto}.twemoji-list img{margin-top:2px;padding:5px}.twemoji-list img:hover{background-color:#e7e7e7}div.copied{position:fixed;top:100px;left:50%;width:300px;text-align:center;color:#fafafa;background-color:#2196f3;border:1px solid #0d47a1;padding:10px 15px;border-radius:4px;margin-left:-100px;box-shadow:0 0 10px rgba(0,0,0,0.2)}

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js

@@ -1,304 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js
- # Twemoji-Picker v2017-06-03 implementation for J1 template
- #
- # Product/Info:
- # https://jekyll.one
- # https://github.com/xLs51/Twemoji-Picker
- #
- # Copyright (C) 2022 Juergen Adams
- # Copyright (C) 2015 xLs51
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # Twemoji-Picker is licensed under under the MIT License.
- # For details, https://github.com/xLs51/Twemoji-Picker
- # -----------------------------------------------------------------------------
-*/
-(function ($, window, undefined) {
-  var b = 150;
-  var d = {};
-  var twa_database = "/assets/data/twa_v1.json";
-  var responseText;
-  var placeholder;
-
-  $.TwemojiPicker = function (element, options) {
-    var h = this;
-    $.when(this._loadDatabase()).done(function (e) {
-      h.$el = $(element);
-      h._init(options)
-    })
-  };
-  $.TwemojiPicker.defaults = {
-    init: null,
-    language: "en",
-    size: 25,
-    icon: "grinning",
-    iconSize: 25,
-    height: 100,
-    width: null,
-    category: ["smile", "cherry-blossom", "video-game", "oncoming-automobile", "symbols"],
-    categorySize: 20,
-    pickerPosition: null,
-    pickerHeight: 150,
-    pickerWidth: null,
-    placeholder: "Click on Picker to select Emoji's from a Category",
-  };
-  $.TwemojiPicker.prototype = {
-    _init: function (h) {
-      this.options = $.extend(true, {}, $.TwemojiPicker.defaults, h);
-      this._initPicker();
-      this._initCategory();
-      this._initTwemoji();
-      this._initText();
-      this._initStyle();
-      this._initEvents()
-    },
-    _loadDatabase: function f() {
-      return $.ajax({
-        url: twa_database,
-        success: function (h) {
-          if (typeof h == "string") {
-            d = JSON.parse(h)
-          }
-          if (typeof h == "object") {
-            d = h
-          }
-        }
-      })
-    },
-    _initPicker: function () {
-      var h = this;
-      var clearText;
-      var buttonsHTML;
-
-      if (h.options.language == 'en') {
-        clearText    = 'Clear';
-        responseText = 'Copied to Clipboard';
-        placeholder  = h.options.placeholder;
-      } else if (h.options.language == 'de') {
-        clearText    = 'Löschen';
-        responseText = 'Kopiert zur Zwischenablage';
-        placeholder  = "Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie";
-      } else {
-        clearText    = 'Clear';
-        responseText = 'in Clipboard';
-        placeholder  = h.options.placeholder;
-      }
-
-      buttonsHTML =  '<div class="twemoji-icon-picker">';
-      buttonsHTML +=   '<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';
-      buttonsHTML +=     '<button type="button" name="open-group" class="btn btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';
-      buttonsHTML +=   '</span>';
-      buttonsHTML +=   '<span id="clear-textarea" style="width: 2rem; height: 2rem;">';
-      buttonsHTML +=     '<button type="button" name="clear-textarea" class="btn btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>' + clearText + '</button>';
-      buttonsHTML +=   '</span>';
-      buttonsHTML += '</div>';
-
-      h.$id = "#" + h.$el["0"].id;
-      h.$pickerHeigth = h.options.height.replace("px", "");
-      h.$pickerHeigth = Number(h.$pickerHeigth);
-      h.$wrapper = h.$el.wrap('<div class="twemoji-wrap"></div>').parent();
-      h.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="' + placeholder + '"></div>');
-      h.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');
-      h.$wrapper.append(buttonsHTML);
-      h.$wrapper.append('<div class="twemoji-picker"></div>');
-      h.$el.hide();
-      h.$textarea = h.$wrapper.find(".twemoji-textarea");
-      h.$textareaDuplicate = h.$wrapper.find(".twemoji-textarea-duplicate").hide();
-      h.$iconPicker = h.$wrapper.find("#open-group");
-      h.$clearTextarea = h.$wrapper.find("#clear-textarea");
-      h.$picker = h.$wrapper.find(".twemoji-picker").hide()
-    },
-    _initCategory: function () {
-      var h = this;
-      var i = this.options.category;
-      this.categoryName = ["people", "nature", "object", "place", "symbol"];
-      this.$picker.append('<div class="twemoji-picker-category"></div>');
-      this.$pickerCategory = this.$picker.find(".twemoji-picker-category");
-      $.each(this.categoryName, function (j, k) {
-        h.$pickerCategory.append('<span data-category="' + k + '">' + h.imageFromName(i[j]) + "</span>")
-      });
-      this.$pickerCategory.find("span:first").addClass("active")
-    },
-    _initTwemoji: function () {
-      var h = this;
-      $.each(this.categoryName, function (j, k) {
-        h.$picker.append('<div class="twemoji-list ' + k + '"></div>');
-        $.each(d, function (i, l) {
-          if (l.category === k) {
-            h.$wrapper.find(".twemoji-picker ." + k).append('<span><img class="emoji" draggable="false" src="' + l.base64 + '" alt="' + l.value + '" title="' + l.name + '"></span>')
-          }
-        })
-      });
-      this.$twemojiList = this.$picker.find(".twemoji-list");
-      this.$twemojiList.not(":first").hide()
-    },
-    _initText: function () {
-      if (this.options.init) {
-        var j = this.options.init;
-        var i = /:([\w-]+):/g;
-        var h;
-        while (h == i.exec(j)) {
-          j = j.replace(h[0], this.imageFromName(h[1], true))
-        }
-        this.$textarea.html(j);
-        this.copyTextArea(this.$textarea.html())
-      }
-    },
-    _initStyle: function () {
-      this.$wrapper.css({
-        width: this.options.width ? this.options.width : "100%",
-        height: this.options.height ? this.options.height : "",
-      });
-      this.$wrapper.find("img").css({
-        width: this.options.size,
-        height: this.options.size,
-      });
-      this.$iconPicker.css({
-        width: this.options.iconSize,
-        height: this.options.iconSize,
-      });
-      this.$pickerCategory.find("img").css({
-        width: this.options.categorySize,
-        height: this.options.categorySize,
-      });
-      this.$twemojiList.css({
-        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
-        height: this.options.pickerHeight,
-      });
-      this.$picker.css({
-        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
-        top: this.options.pickerPosition === "top" ? "-" + this.$picker.outerHeight() + "px" : "",
-      })
-    },
-    _initEvents: function () {
-      var h = this;
-      this.$textarea.on("keyup", function () {
-        h.copyTextArea($(this).html())
-      });
-      this.$iconPicker.on("click", function () {
-        var i = $(".twemoji-picker").height() + b;
-        $("#picker").height(i);
-        $(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");
-        if (!h.openedPicker) {
-          h.openPicker()
-        } else {
-          h.closePicker();
-          $("#picker").height(h.$pickerHeigth)
-        }
-      });
-      this.$clearTextarea.on("click", function () {
-        h.copyTextArea('');
-        $(h.$id).val('');
-        $(".twemoji-textarea > .emoji-span").remove()
-      });
-      this.$pickerCategory.find("span").on("click", function () {
-        var i = $(this).data("category");
-        h.openCategory($(this), i)
-      });
-      this.$pickerCategory.find(".close").on("click", function () {
-        if (h.openedPicker) {
-          h.closePicker()
-        }
-      });
-      this.$twemojiList.find("img").on("click", function () {
-        h.copyTwemoji($(this))
-      })
-    },
-    copyText: function (text) {
-        var copyFrom = document.createElement('textarea');
-        copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
-        copyFrom.value = text;
-        document.body.appendChild(copyFrom);
-        copyFrom.select();
-        document.execCommand('copy');
-        var copied = document.createElement('div');
-        copied.setAttribute('class', 'copied');
-        copied.appendChild(document.createTextNode(responseText));
-        document.body.appendChild(copied);
-        setTimeout(function () {
-            document.body.removeChild(copyFrom);
-            document.body.removeChild(copied);
-        }, 1500);
-    },
-    openPicker: function () {
-      this.$picker.show();
-      this.openedPicker = true
-    },
-    closePicker: function () {
-      this.$picker.hide();
-      this.openedPicker = false
-    },
-    openCategory: function (h, i) {
-      this.$pickerCategory.find("span").removeClass("active");
-      h.addClass("active");
-      this.$twemojiList.not(".twemoji-picker ." + i).hide();
-      this.$twemojiList.filter(".twemoji-picker ." + i).show()
-    },
-    copyTwemoji: function (l) {
-      var i = l.attr("alt");
-      var k = l.attr("src");
-      var j = l.attr("title");
-      var h = "emoji:" + j + "[]";
-      this.copyText(h);
-      this.$textarea.focus();
-      this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="' + k + '" title="' + j + '" alt="' + i + '" width="' + this.options.size + '" height="' + this.options.size + '"> ' + h + "</span> ");
-      this.copyTextArea(this.$textarea.html())
-    },
-    copyTextArea: function (j) {
-      var h = this.$textareaDuplicate.html(j);
-      h.find("img").replaceWith(function () {
-        return this.alt
-      });
-      var i = h.html();
-      this.$el.text(i)
-    },
-    imageFromName: function (i, j) {
-      var h = $.grep(d, function (k) {
-        return k.name == i
-      });
-      if (j) {
-        return '<img class="emoji" src="' + h[0].base64 + '" alt="' + h[0].value + '" width="' + this.options.size + '" height="' + this.options.size + '">'
-      }
-      return '<img class="emoji" draggable="false" src="' + h[0].base64 + '" alt="' + i + '">'
-    },
-    pasteAtCursor: function (m) {
-      var l, h;
-      if (window.getSelection) {
-        l = window.getSelection();
-        if (l.getRangeAt && l.rangeCount) {
-          h = l.getRangeAt(0);
-          h.deleteContents();
-          var i = document.createElement("div");
-          i.innerHTML = m;
-          var n = document.createDocumentFragment(),
-            k, j;
-          while ((k = i.firstChild)) {
-            j = n.appendChild(k)
-          }
-          h.insertNode(n);
-          if (j) {
-            h = h.cloneRange();
-            h.setStartAfter(j);
-            h.collapse(true);
-            l.removeAllRanges();
-            l.addRange(h)
-          }
-        }
-      } else {
-        if (document.selection && document.selection.type != "Control") {
-          document.selection.createRange().pasteHTML(m)
-        }
-      }
-    }
-  };
-  $.fn.twemojiPicker = function (i) {
-    var h = $.data(this, "twemojiPicker");
-    this.each(function () {
-      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i));
-    });
-    return h
-  }
-})(jQuery, window, document);