preline - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/components/hs-collapse/hs-collapse.js

@@ -1,1 +0,1 @@
-(()=>{"use strict";var t={765:(t,e,n)=>{function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}n.d(e,{Z:()=>r});var r=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$collection=[],this.selector=e,this.config=n,this.events={}}var e,n;return e=t,n=[{key:"_fireEvent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(t)&&this.events[t](e)}},{key:"_dispatch",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=new CustomEvent(t,{detail:{payload:n},bubbles:!0,cancelable:!0,composed:!1});e.dispatchEvent(o)}},{key:"on",value:function(t,e){this.events[t]=e}},{key:"afterTransition",value:function(t,e){"all 0s ease 0s"!==window.getComputedStyle(t,null).getPropertyValue("transition")?t.addEventListener("transitionend",(function n(){e(),t.removeEventListener("transitionend",n,!0)}),!0):e()}}],n&&o(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function r(t,e){return r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}function i(e,n){if(n&&("object"===t(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(e)}function c(t){return c=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},c(t)}var a=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&r(t,e)}(f,t);var n,a,l,s,u=(l=f,s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=c(l);if(s){var n=c(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return i(this,t)});function f(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,f),u.call(this,"[data-hs-collapse]")}return n=f,(a=[{key:"init",value:function(){var t=this;document.addEventListener("click",(function(e){var n=e.target.closest(t.selector);if(n){var o=document.querySelectorAll(n.getAttribute("data-hs-collapse"));t.toggle(o)}})),document.querySelectorAll("[data-hs-collapse-auto-close]").forEach((function(e){document.querySelectorAll(e.getAttribute("data-hs-collapse")).forEach((function(e){e.addEventListener("click",(function(n){n.target.closest(".hs-dropdown-toggle")||n.target.closest(".hs-mega-menu-toggle")||t.hide(e)}))}))}))}},{key:"toggle",value:function(t){var n,o=this;t.length&&(n=t,function(t){if(Array.isArray(t))return e(t)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?e(t,n):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).forEach((function(t){t.classList.contains("hidden")?o.show(t):o.hide(t)}))}},{key:"show",value:function(t){var e=this;t.classList.add("open"),t.classList.remove("hidden"),t.style.height=0,document.querySelectorAll(this.selector).forEach((function(e){t.closest(e.getAttribute("data-hs-collapse"))&&e.classList.add("open")})),t.style.height="".concat(t.scrollHeight,"px"),this.afterTransition(t,(function(){t.classList.contains("open")&&(t.style.height="",e._fireEvent("open",t),e._dispatch("open.hs.collapse",t,t))}))}},{key:"hide",value:function(t){var e=this;t.style.height="".concat(t.scrollHeight,"px"),setTimeout((function(){t.style.height=0})),t.classList.remove("open"),this.afterTransition(t,(function(){t.classList.contains("open")||(t.classList.add("hidden"),t.style.height=null,e._fireEvent("hide",t),e._dispatch("hide.hs.collapse",t,t))})),document.querySelectorAll(this.selector).forEach((function(e){t.closest(e.getAttribute("data-hs-collapse"))&&e.classList.remove("open")}))}}])&&o(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),f}(n(765).Z);window.HSCollapse=new a,document.addEventListener("load",window.HSCollapse.init())})()})();
+(()=>{"use strict";var t={765:(t,e,n)=>{function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}n.d(e,{Z:()=>r});var r=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$collection=[],this.selector=e,this.config=n,this.events={}}var e,n;return e=t,n=[{key:"_fireEvent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(t)&&this.events[t](e)}},{key:"_dispatch",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=new CustomEvent(t,{detail:{payload:n},bubbles:!0,cancelable:!0,composed:!1});e.dispatchEvent(o)}},{key:"on",value:function(t,e){this.events[t]=e}},{key:"afterTransition",value:function(t,e){"all 0s ease 0s"!==window.getComputedStyle(t,null).getPropertyValue("transition")?t.addEventListener("transitionend",(function n(){e(),t.removeEventListener("transitionend",n,!0)}),!0):e()}}],n&&o(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function r(t,e){return r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}function i(e,n){if(n&&("object"===t(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(e)}function c(t){return c=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},c(t)}var a=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&r(t,e)}(f,t);var n,a,s,l,u=(s=f,l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=c(s);if(l){var n=c(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return i(this,t)});function f(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,f),u.call(this,"[data-hs-collapse]")}return n=f,(a=[{key:"init",value:function(){var t=this;document.addEventListener("click",(function(e){var n=e.target.closest(t.selector);if(n){var o=document.querySelectorAll(n.getAttribute("data-hs-collapse"));t.toggle(o)}}))}},{key:"toggle",value:function(t){var n,o=this;t.length&&(n=t,function(t){if(Array.isArray(t))return e(t)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?e(t,n):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).forEach((function(t){t.classList.contains("hidden")?o.show(t):o.hide(t)}))}},{key:"show",value:function(t){var e=this;t.classList.add("open"),t.classList.remove("hidden"),t.style.height=0,document.querySelectorAll(this.selector).forEach((function(e){t.closest(e.getAttribute("data-hs-collapse"))&&e.classList.add("open")})),t.style.height="".concat(t.scrollHeight,"px"),this.afterTransition(t,(function(){t.classList.contains("open")&&(t.style.height="",e._fireEvent("open",t),e._dispatch("open.hs.collapse",t,t))}))}},{key:"hide",value:function(t){var e=this;t.style.height="".concat(t.scrollHeight,"px"),setTimeout((function(){t.style.height=0})),t.classList.remove("open"),this.afterTransition(t,(function(){t.classList.contains("open")||(t.classList.add("hidden"),t.style.height=null,e._fireEvent("hide",t),e._dispatch("hide.hs.collapse",t,t))})),document.querySelectorAll(this.selector).forEach((function(e){t.closest(e.getAttribute("data-hs-collapse"))&&e.classList.remove("open")}))}}])&&o(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),f}(n(765).Z);window.HSCollapse=new a,document.addEventListener("load",window.HSCollapse.init())})()})();

package.json

 {
   "name": "preline",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.",
@@ -5,0 +5,0 @@ "main": "dist/hs-ui.bundle.js",

README.md

@@ -40,39 +40,27 @@ # preline logo
 <pre><code><script src="./node_modules/preline/dist/hs-ui.bundle.js"></script></code></pre>
-  
+
 ## Documentation
-  
+
 For full documentation of the Preline options, visit <a href="https://preline.co/">preline.co</a>. The site also contains information on the wide variety of <a href="https://preline.co/docs/plugins.html">plugins</a> that are available for TailwindCSS projects.
 
 ## Community
-  
+
 For help, discussion about best practices, or any other conversation that would benefit from being searchable:
-  
+
 <a href="https://github.com/htmlstreamofficial/preline/discussions">Discuss Preline UI on GitHub</a>
-  
-## Contributing
-  
-If you're interested in contributing to Preline UI, please read our <a href="https://github.com/htmlstreamofficial/preline/contributing">contributing docs</a> before <strong>submitting a pull request.</strong>
-  
+
 ## Support
-  
+
 Support for Preline UI is available through the Preline <a href="https://preline.co/contactus.html">contact form</a>.
-  
+
 ## License
-  
+
 Preline UI is Open Source project and licensed under MIT for better Web.
-  
+
 Learn more <a href="https://preline.co/docs/license.html">here</a>.
-  
-## Roadmap
 
-<ul>
-  <li></li>
-</ul>
-  
-## Github Releases
-  
 ## A product of Htmlstream
-  
+
 Preline Ui is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies.
-  
+
 Our soical network profiles:
@@ -85,2 +73,2 @@
   <li><a href="https://www.instagram.com/htmlstream/">Instagram</a></li>
-</ul>
+</ul>

src/components/hs-collapse/index.js

@@ -20,14 +20,2 @@ import Component from '../../core/Component'
         })
-
-
-        document.querySelectorAll('[data-hs-collapse-auto-close]').forEach($collapseToggleEl => {
-            document.querySelectorAll($collapseToggleEl.getAttribute('data-hs-collapse')).forEach($collapseEl => {
-                $collapseEl.addEventListener('click', evt => {
-                    if (evt.target.closest('.hs-dropdown-toggle')
-                        || evt.target.closest('.hs-mega-menu-toggle')
-                    ) return
-                    this.hide($collapseEl)
-                })
-            })
-        })
     }
@@ -34,0 +22,0 @@

src/components/hs-dropdown/index.js

@@ -6,2 +6,18 @@ import { createPopper } from '@popperjs/core'
 
+const isIOS = () => {
+    if (/iPad|iPhone|iPod/.test(navigator.platform)) {
+        return true;
+    } else {
+        return navigator.maxTouchPoints &&
+          navigator.maxTouchPoints > 2 &&
+          /MacIntel/.test(navigator.platform);
+    }
+}
+
+const isIpadOS = () => {
+    return navigator.maxTouchPoints &&
+      navigator.maxTouchPoints > 2 &&
+      /MacIntel/.test(navigator.platform);
+}
+
 class HSDropdown extends Component {
@@ -72,3 +88,3 @@ constructor () {
 
-            if ($dropdownEl && $dropdownEl.getAttribute('data-hs-dropdown-trigger') === 'hover' && !$dropdownEl.classList.contains('open')) this._hover($targetEl)
+            if ($dropdownEl && $dropdownEl.getAttribute('data-hs-dropdown-trigger') === 'hover' && !$dropdownEl.classList.contains('open') && !isIOS() && !isIpadOS()) this._hover($targetEl)
         })
@@ -75,0 +91,0 @@

src/components/hs-scrollspy/index.js

@@ -36,3 +36,3 @@ import Component from '../../core/Component'
                     if ($link.getAttribute('href') === 'javascript:;') return
-                    this._scrollTo({$scrollableEl, $link, globalOffset})
+                    this._scrollTo({$scrollspyEl, $scrollableEl, $link, globalOffset})
                 })
@@ -71,3 +71,3 @@ })
 
-    _scrollTo({$scrollableEl, $link, globalOffset}) {
+    _scrollTo({$scrollspyEl, $scrollableEl, $link, globalOffset}) {
         const $sectionEl = document.querySelector($link.getAttribute('href'))
@@ -79,2 +79,5 @@ const userOffset = $sectionEl.getAttribute('data-hs-scrollspy-offset') || globalOffset
 
+        this._fireEvent('scroll', $scrollspyEl)
+        this._dispatch('scroll.hs.scrollspy', $scrollspyEl, $scrollspyEl)
+
         window.history.replaceState(null, null, $link.getAttribute('href'))
@@ -81,0 +84,0 @@

src/components/hs-tooltip/index.js

@@ -15,2 +15,3 @@ import Component from "../../core/Component";
             if ($tooltipEl && $tooltipEl.getAttribute('data-hs-tooltip-trigger') === 'focus') this._focus($tooltipEl)
+            if ($tooltipEl && $tooltipEl.getAttribute('data-hs-tooltip-trigger') === 'click') this._click($tooltipEl)
         })
@@ -22,3 +23,3 @@
 
-            if ($tooltipEl && $tooltipEl.getAttribute('data-hs-tooltip-trigger') !== 'focus') this._hover($tooltipEl)
+            if ($tooltipEl && $tooltipEl.getAttribute('data-hs-tooltip-trigger') !== 'focus' && $tooltipEl.getAttribute('data-hs-tooltip-trigger') !== 'click') this._hover($tooltipEl)
         })
@@ -86,2 +87,37 @@ }
 
+    _click ($tooltipEl) {
+        if ($tooltipEl.classList.contains('show')) return
+
+        const $tooltipToggleEl = $tooltipEl.querySelector('.hs-tooltip-toggle')
+        const $tooltipContentEl = $tooltipEl.querySelector('.hs-tooltip-content')
+        const placement = $tooltipEl.getAttribute('data-hs-tooltip-placement')
+        const strategy = $tooltipEl.getAttribute('data-hs-tooltip-strategy')
+
+        createPopper($tooltipToggleEl, $tooltipContentEl, {
+            placement: placement || 'top',
+            strategy: strategy || 'fixed',
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset: [0, 5]
+                    }
+                }
+            ]
+        })
+
+        this.show($tooltipEl)
+
+        const handleMouseoverOnTooltip = (e) => {
+            setTimeout(() => {
+                this.hide($tooltipEl)
+                $tooltipEl.removeEventListener('click', handleMouseoverOnTooltip, true)
+                $tooltipEl.removeEventListener('blur', handleMouseoverOnTooltip, true)
+            })
+        }
+
+        $tooltipEl.addEventListener('blur', handleMouseoverOnTooltip, true)
+        $tooltipEl.addEventListener('click', handleMouseoverOnTooltip, true)
+    }
+
     show ($tooltipEl) {
@@ -88,0 +124,0 @@ const $tooltipContentEl = $tooltipEl.querySelector('.hs-tooltip-content')

src/core/Component.js

@@ -22,3 +22,2 @@ export default class Component {
         })
-
         element.dispatchEvent(event)
@@ -25,0 +24,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

288273

increased by8.57%

Lines of code

1404

increased by2.63%

Worsened metrics

Number of package files

32

decreased by-3.03%

Number of lines in readme file

72

decreased by-15.29%

No dependency changes