j1-template 2021.3.2 → 2022.0.3

data/assets/themes/j1/modules/materialize/js/tapTarget.jQuery.js

@@ -0,0 +1,187 @@
+(function ($) {
+
+  var methods = {
+  init: function (options) {
+    return this.each(function() {
+    var origin = $('#'+$(this).attr('data-activates'));
+    var screen = $('body');
+
+    // Creating tap target
+    var tapTargetEl = $(this);
+    var tapTargetWrapper = tapTargetEl.parent('.tap-target-wrapper');
+    var tapTargetWave = tapTargetWrapper.find('.tap-target-wave');
+    var tapTargetOriginEl = tapTargetWrapper.find('.tap-target-origin');
+    var tapTargetContentEl = tapTargetEl.find('.tap-target-content');
+
+    // Creating wrapper
+    if (!tapTargetWrapper.length) {
+      tapTargetWrapper = tapTargetEl.wrap($('<div class="tap-target-wrapper"></div>')).parent();
+    }
+
+    // Creating content
+    if (!tapTargetContentEl.length) {
+      tapTargetContentEl = $('<div class="tap-target-content"></div>');
+      tapTargetEl.append(tapTargetContentEl);
+    }
+
+    // Creating foreground wave
+    if (!tapTargetWave.length) {
+      tapTargetWave = $('<div class="tap-target-wave"></div>');
+
+      // Creating origin
+      if (!tapTargetOriginEl.length) {
+        tapTargetOriginEl = origin.clone(true, true);
+        tapTargetOriginEl.addClass('tap-target-origin');
+        tapTargetOriginEl.removeAttr('id');
+        tapTargetOriginEl.removeAttr('style');
+        tapTargetWave.append(tapTargetOriginEl);
+      }
+
+      tapTargetWrapper.append(tapTargetWave);
+    }
+
+    // Open
+    var openTapTarget = function() {
+      if (tapTargetWrapper.is('.open')) {
+        return;
+      }
+
+      // Adding open class
+      tapTargetWrapper.addClass('open');
+
+      setTimeout(function() {
+        tapTargetOriginEl.off('click.tapTarget').on('click.tapTarget', function(e) {
+          closeTapTarget();
+          tapTargetOriginEl.off('click.tapTarget');
+        });
+
+        $(document).off('click.tapTarget').on('click.tapTarget', function(e) {
+          closeTapTarget();
+          $(document).off('click.tapTarget');
+        });
+
+        var throttledCalc = Materialize.throttle(function() {
+          calculateTapTarget();
+        }, 200);
+        $(window).off('resize.tapTarget').on('resize.tapTarget', throttledCalc);
+      }, 0);
+    };
+
+    // Close
+    var closeTapTarget = function(){
+      if (!tapTargetWrapper.is('.open')) {
+        return;
+      }
+
+      tapTargetWrapper.removeClass('open');
+      tapTargetOriginEl.off('click.tapTarget')
+      $(document).off('click.tapTarget');
+      $(window).off('resize.tapTarget');
+    };
+
+    // Pre calculate
+    var calculateTapTarget = function() {
+      // Element or parent is fixed position?
+      var isFixed = origin.css('position') === 'fixed';
+      if (!isFixed) {
+        var parents = origin.parents();
+        for(var i = 0; i < parents.length; i++) {
+          isFixed = $(parents[i]).css('position') == 'fixed';
+          if (isFixed) {
+            break;
+          }
+        }
+      }
+
+      // Calculating origin
+      var originWidth = origin.outerWidth();
+      var originHeight = origin.outerHeight();
+      var originTop = isFixed ? origin.offset().top - $(document).scrollTop() : origin.offset().top;
+      var originLeft = isFixed ? origin.offset().left - $(document).scrollLeft() : origin.offset().left;
+
+      // Calculating screen
+      var windowWidth = $(window).width();
+      var windowHeight = $(window).height();
+      var centerX = windowWidth / 2;
+      var centerY = windowHeight / 2;
+      var isLeft = originLeft <= centerX;
+      var isRight = originLeft > centerX;
+      var isTop = originTop <= centerY;
+      var isBottom = originTop > centerY;
+      var isCenterX = originLeft >= windowWidth*0.25 && originLeft <= windowWidth*0.75;
+      var isCenterY = originTop >= windowHeight*0.25 && originTop <= windowHeight*0.75;
+
+      // Calculating tap target
+      var tapTargetWidth = tapTargetEl.outerWidth();
+      var tapTargetHeight = tapTargetEl.outerHeight();
+      var tapTargetTop = originTop + originHeight/2 - tapTargetHeight/2;
+      var tapTargetLeft = originLeft + originWidth/2 - tapTargetWidth/2;
+      var tapTargetPosition = isFixed ? 'fixed' : 'absolute';
+
+      // Calculating content
+      var tapTargetTextWidth = isCenterX ? tapTargetWidth : tapTargetWidth/2 + originWidth;
+      var tapTargetTextHeight = tapTargetHeight/2;
+      var tapTargetTextTop = isTop ? tapTargetHeight/2 : 0;
+      var tapTargetTextBottom = 0;
+      var tapTargetTextLeft = isLeft && !isCenterX ? tapTargetWidth/2 - originWidth : 0;
+      var tapTargetTextRight = 0;
+      var tapTargetTextPadding = originWidth;
+      var tapTargetTextAlign = isBottom ? 'bottom' : 'top';
+
+      // Calculating wave
+      var tapTargetWaveWidth = originWidth > originHeight ? originWidth*2 : originWidth*2;
+      var tapTargetWaveHeight = tapTargetWaveWidth;
+      var tapTargetWaveTop = tapTargetHeight/2 - tapTargetWaveHeight/2;
+      var tapTargetWaveLeft = tapTargetWidth/2 - tapTargetWaveWidth/2;
+
+      // Setting tap target
+      var tapTargetWrapperCssObj = {};
+      tapTargetWrapperCssObj.top = isTop ? tapTargetTop : '';
+      tapTargetWrapperCssObj.right = isRight ? windowWidth - tapTargetLeft - tapTargetWidth : '';
+      tapTargetWrapperCssObj.bottom = isBottom ? windowHeight - tapTargetTop - tapTargetHeight : '';
+      tapTargetWrapperCssObj.left = isLeft ? tapTargetLeft : '';
+      tapTargetWrapperCssObj.position = tapTargetPosition;
+      tapTargetWrapper.css(tapTargetWrapperCssObj);
+
+      // Setting content
+      tapTargetContentEl.css({
+        width: tapTargetTextWidth,
+        height: tapTargetTextHeight,
+        top: tapTargetTextTop,
+        right: tapTargetTextRight,
+        bottom: tapTargetTextBottom,
+        left: tapTargetTextLeft,
+        padding: tapTargetTextPadding,
+        verticalAlign: tapTargetTextAlign
+      });
+
+      // Setting wave
+      tapTargetWave.css({
+        top: tapTargetWaveTop,
+        left: tapTargetWaveLeft,
+        width: tapTargetWaveWidth,
+        height: tapTargetWaveHeight
+      });
+    }
+
+    if (options == 'open') {
+      calculateTapTarget();
+      openTapTarget();
+    }
+
+    if (options == 'close')
+      closeTapTarget();
+    });
+  },
+  open: function() {},
+  close: function() {}
+  };
+
+  $.fn.tapTarget = function(methodOrOptions) {
+  if (methods[methodOrOptions] || typeof methodOrOptions === 'object')
+    return methods.init.apply( this, arguments );
+
+  $.error( 'Method ' +  methodOrOptions + ' does not exist on jQuery.tap-target' );
+  };
+
+}( jQuery ));

data/assets/themes/j1/modules/msDropdown/css/themes/uno/msDropdown.css

@@ -0,0 +1,278 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/msDropdown/css/msDropdown.css
+ # Provides CSS core styles for MSDropdown
+ #
+ # Product/Info:
+ # http://jekyll.one
+ # https://www.marghoobsuleman.com/
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # msDropdown is licensed under MIT License.
+ # See: https://github.com/marghoobsuleman/ms-Dropdown/blob/master/MIT-LICENSE.txt
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # https://github.com/marghoobsuleman/ms-Dropdown
+ # https://www.marghoobsuleman.com/image-dropdown/help
+ # https://www.marghoobsuleman.com/image-dropdown/advanced-help
+ # -----------------------------------------------------------------------------
+
+ /*!
+ * /**
+ *  * MSDropdown - msDropdown.js
+ *  * @author: Marghoob Suleman
+ *  * @website: https://www.marghoobsuleman.com/
+ *  * @version: 4.0.2
+ *  * @date: Sun Oct 24 2021 10:46:05 GMT+0200 (GMT+02:00)
+ *  * msDropdown is free web component: you can redistribute it and/or modify
+ *  * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2
+ *  * /
+ */
+ .ms-pr {
+  position: relative
+}
+
+.ms-dd:focus-visible {
+  box-shadow: 0 1px 5px #ddd;
+  outline: none;
+  outline-width: 0
+}
+
+.ms-dd {
+  background: #eee;
+  display: inline-block;
+  font-family: Sans-Serif;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: top;
+  width: 260px
+}
+
+.ms-dd button:focus,
+.ms-dd input:focus,
+.ms-dd select:focus,
+.ms-dd textarea:focus {
+  outline: none
+}
+
+.ms-dd .ms-value-input {
+  border: 0;
+  left: 20px;
+  position: absolute;
+  top: 10px;
+  width: 50%
+}
+
+.ms-dd .ms-dd-header {
+  border: 1px solid #ccc;
+  border-bottom: none;
+  border-radius: 2px;
+  cursor: pointer;
+  min-height: 35px;
+  position: relative;
+  width: 100%
+}
+
+.ms-dd .ms-dd-header .option-selected {
+  color: #000;
+  display: block;
+  font-weight: 600;
+  overflow: hidden;
+  padding: 10px 20px 10px 10px;
+  pointer-events: none
+}
+
+.ms-dd .ms-dd-header a {
+  display: block
+}
+
+.ms-dd .ms-dd-header .ms-list-counter,
+.ms-dd .ms-dd-header input[type=checkbox] {
+  display: none
+}
+
+.ms-dd .ms-dd-header .ms-header-counter {
+  color: #0e76a8;
+  font-weight: 400
+}
+
+.ms-dd .ms-dd-header .ms-filter-box {
+  border-bottom: 1px solid #ccc;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  padding: 6px 10px
+}
+
+.ms-dd .ms-dd-header .ms-filter-box input,
+.ms-dd .ms-dd-header .ms-filter-box input:focus,
+.ms-dd .ms-dd-header .ms-filter-box input:focus-visible {
+  border: 1px solid #c3c3c3;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  height: 25px;
+  padding-left: 6px;
+  width: 100%
+}
+
+.ms-dd .ms-dd-header .ms-filter-box input:focus-visible {
+  outline: 1px solid transparent
+}
+
+.ms-dd .ms-dd-option-image,
+.ms-dd .ms-dd-selected-img {
+  margin-right: 5px;
+  max-width: 64px;
+  vertical-align: middle
+}
+
+.ms-dd .ms-dd-arrow {
+  height: 0;
+  margin-top: -3px;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  width: 0
+}
+
+.ms-dd .ms-dd-arrow.ms-dd-pointer-down {
+  border: 5px solid transparent;
+  border-top-color: #000
+}
+
+.ms-dd .ms-dd-arrow.ms-dd-pointer-up {
+  border: 5px solid transparent;
+  border-bottom-color: #000;
+  margin-top: -8px
+}
+
+.ms-dd .ms-options {
+  background: #fff;
+  border: 1px solid #ccc;
+  border-top: none;
+  box-shadow: 0 1px 5px #ddd;
+  display: none;
+  list-style: none;
+  margin: 0;
+  overflow: auto;
+  padding: 0;
+  position: absolute;
+  width: 100%;
+  z-index: 9999
+}
+
+.ms-dd .ms-list-option,
+.ms-dd .ms-optgroup ul .ms-list-option {
+  align-items: center;
+  border-bottom: 1px solid #ddd;
+  color: #333;
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-start;
+  overflow: hidden;
+  padding: 10px;
+  position: relative;
+  text-decoration: none
+}
+
+.ms-dd .ms-list-option input[type=checkbox],
+.ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox] {
+  margin-right: 5px;
+  vertical-align: middle
+}
+
+.ms-dd .ms-list-option:last-child,
+.ms-dd .ms-optgroup ul .ms-list-option:last-child {
+  border-bottom: none
+}
+
+.ms-dd .ms-list-option:hover,
+.ms-dd .ms-optgroup ul .ms-list-option:hover {
+  background: #f3f3f3;
+  color: #000
+}
+
+.ms-dd .ms-list-option.option-selected,
+.ms-dd .ms-optgroup ul .ms-list-option.option-selected {
+  background: #f6f6f6
+}
+
+.ms-dd .ms-list-option.ico-align-right .ms-dd-option-image,
+.ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img,
+.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image,
+.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img {
+  order: 2
+}
+
+.ms-dd .ms-list-option.disabled,
+.ms-dd .ms-list-option:disabled,
+.ms-dd .ms-optgroup ul .ms-list-option.disabled,
+.ms-dd .ms-optgroup ul .ms-list-option:disabled {
+  cursor: default;
+  opacity: .4
+}
+
+.ms-dd .ms-list-option .ms-dd-desc,
+.ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc {
+  color: #aaa;
+  display: block;
+  font-weight: 400;
+  line-height: 1.5em;
+  overflow: hidden;
+  text-shadow: 0 1px .5px #fff
+}
+
+.ms-dd .ms-header-middle-content,
+.ms-dd .ms-middle {
+  display: flex;
+  justify-content: flex-start;
+  width: 100%
+}
+
+.ms-dd.disabled,
+.ms-dd:disabled {
+  cursor: default;
+  opacity: .4;
+  pointer-events: none
+}
+
+.ms-dd .ms-optgroup-padding {
+  font-weight: 700;
+  padding: 10px 10px 0
+}
+
+.ms-dd .ms-optgroup {
+  display: block
+}
+
+.ms-dd .ms-optgroup:hover {
+  background: #fff;
+  color: #000
+}
+
+.ms-dd .ms-optgroup ul {
+  margin: 0;
+  padding: 0
+}
+
+.ms-dd .ms-optgroup ul .ms-list-option {
+  padding-left: 20px
+}
+
+.ms-dd .ms-optgroup ul:last-child {
+  border-bottom: 1px solid #ddd
+}
+
+.ms-dd .ms-dd-option-content {
+  width: 100%
+}
+
+:focus {
+  outline: none
+}