@unlk/keymaster 1.4.3 → 1.4.6

package/dist/js/keymaster.js

@@ -1,5 +1,5 @@
 /*!
-  * Unlock Keymaster v1.4.3 (https://keymaster.unlock.com)
+  * Unlock Keymaster v1.4.6 (https://keymaster.unlock.com)
   * Copyright 2022-2026 Unlk Developers
   */
 (function (global, factory) {
@@ -7459,7 +7459,7 @@
 	  }
 	}
 
-	const NAME$2 = 'datepicker';
+	const NAME$3 = 'datepicker';
 	const DATA_KEY = 'bs.datepicker';
 	const EVENT_KEY = `.${DATA_KEY}`;
 	const DATA_API_KEY = '.data-api';
@@ -7468,7 +7468,7 @@
 	class Datepicker extends BaseComponent {
 	  // Getters
 	  static get NAME() {
-	    return NAME$2;
+	    return NAME$3;
 	  }
 
 	  // Static
@@ -7513,7 +7513,7 @@
 	  }
 	});
 	function isTouchDevice() {
-	  return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+	  return 'ontouchstart' in globalThis || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 	}
 
 	/**
@@ -7610,39 +7610,26 @@
 	  }
 	};
 
-	const NAME$1 = 'carouselCaption';
-	const EVENT_SLID = 'slid.bs.carousel';
-	const SELECTOR_CAROUSEL = '.carousel';
+	const NAME$2 = 'carouselCaption';
+	const EVENT_SLID$1 = 'slid.bs.carousel';
+	const SELECTOR_CAROUSEL$1 = '.carousel';
 	const SELECTOR_CAPTION = '.carousel-caption-container p';
 	class CarouselCaption extends BaseComponent {
 	  constructor(element) {
 	    super(element);
 	    this._captionEl = this._findCaptionEl();
-	    if (!this._captionEl) {
-	      return;
-	    }
-	    this._updateCaption(); // Initialize
-	    this._bindEvents();
-	  }
-	  dispose() {
-	    EventHandler.off(this._element, EVENT_SLID);
-	    super.dispose();
-	  }
-	  _bindEvents() {
-	    EventHandler.on(this._element, EVENT_SLID, () => this._updateCaption());
+	    this._updateCaption();
 	  }
 	  _updateCaption() {
+	    if (!this._captionEl) return;
 	    const activeItem = SelectorEngine.findOne('.carousel-item.active', this._element);
-	    const newCaption = activeItem?.getAttribute('data-caption');
-	    if (this._captionEl && newCaption) {
-	      this._captionEl.textContent = newCaption || '';
-	    }
+	    this._captionEl.textContent = activeItem?.getAttribute('data-caption') ?? '';
 	  }
 	  _findCaptionEl() {
 	    return this._element.querySelector(SELECTOR_CAPTION) || null;
 	  }
 	  static get NAME() {
-	    return NAME$1;
+	    return NAME$2;
 	  }
 	  static jQueryInterface(config) {
 	    return this.each(function () {
@@ -7650,26 +7637,63 @@
 	    });
 	  }
 	}
+	EventHandler.on(document, EVENT_SLID$1, SELECTOR_CAROUSEL$1, function () {
+	  CarouselCaption.getOrCreateInstance(this)._updateCaption();
+	});
+	defineJQueryPlugin(CarouselCaption);
 
-	// Auto-init on DOMContentLoaded
-	document.addEventListener('DOMContentLoaded', () => {
-	  for (const el of SelectorEngine.find(SELECTOR_CAROUSEL)) {
-	    CarouselCaption.getOrCreateInstance(el);
+	const NAME$1 = 'carouselHeight';
+	const EVENT_SLIDE = 'slide.bs.carousel';
+	const EVENT_SLID = 'slid.bs.carousel';
+	const SELECTOR_CAROUSEL = '.carousel';
+	const SELECTOR_INNER = '.carousel-inner';
+	class CarouselHeight extends BaseComponent {
+	  constructor(element) {
+	    super(element);
+	    this._inner = SelectorEngine.findOne(SELECTOR_INNER, this._element);
 	  }
+	  _onSlide(e) {
+	    if (!this._inner) return;
+	    const nextSlide = e.relatedTarget;
+	    if (!nextSlide) return;
+	    this._inner.style.height = `${this._inner.offsetHeight}px`;
+	    requestAnimationFrame(() => {
+	      this._inner.style.height = `${nextSlide.offsetHeight}px`;
+	    });
+	  }
+	  _onSlid() {
+	    if (!this._inner) return;
+	    this._inner.style.height = '';
+	  }
+	  static get NAME() {
+	    return NAME$1;
+	  }
+	  static jQueryInterface(config) {
+	    return this.each(function () {
+	      CarouselHeight.getOrCreateInstance(this, config);
+	    });
+	  }
+	}
+	EventHandler.on(document, EVENT_SLIDE, SELECTOR_CAROUSEL, function (e) {
+	  CarouselHeight.getOrCreateInstance(this)._onSlide(e);
 	});
-	defineJQueryPlugin(CarouselCaption);
+	EventHandler.on(document, EVENT_SLID, SELECTOR_CAROUSEL, function () {
+	  CarouselHeight.getOrCreateInstance(this)._onSlid();
+	});
+	defineJQueryPlugin(CarouselHeight);
 
 	const NAME = 'videoModal';
 	const EVENT_SHOW = 'show.bs.modal';
 	const EVENT_HIDDEN = 'hidden.bs.modal';
+	const SELECTOR_MODAL = '.modal';
 	const SELECTOR_DIALOG = '.modal-dialog-media';
 	const SELECTOR_RATIO = '.ratio';
 	const youTubeAPIInitPromise = new Promise(resolve => {
-	  if (window.YT?.Player) {
+	  if (globalThis.YT?.Player) {
 	    resolve();
 	  } else {
-	    const prev = window.onYouTubeIframeAPIReady;
-	    window.onYouTubeIframeAPIReady = () => {
+	    const prev = globalThis.onYouTubeIframeAPIReady;
+	    globalThis.onYouTubeIframeAPIReady = () => {
 	      try {
 	        if (typeof prev === 'function') prev();
 	      } catch {}
@@ -7681,7 +7705,7 @@
 	  }
 	});
 	const vimeoAPIInitPromise = new Promise(resolve => {
-	  if (window.Vimeo?.Player) {
+	  if (globalThis.Vimeo?.Player) {
 	    resolve();
 	  } else {
 	    const script = document.createElement('script');
@@ -7697,15 +7721,10 @@
 	    super(element);
 	    this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element);
 	    this._container = SelectorEngine.findOne(SELECTOR_RATIO, this._element);
-	    if (!this._dialog || !this._container) {
-	      return;
-	    }
-	    this._youtubeSrc = this._container.getAttribute('data-src');
-	    this._vimeoUrl = this._container.getAttribute('data-vimeo-url');
+	    this._youtubeSrc = this._container?.getAttribute('data-src');
+	    this._vimeoUrl = this._container?.getAttribute('data-vimeo-url');
 	    this._youtubePlayer = null;
 	    this._vimeoPlayer = null;
-	    EventHandler.on(this._element, EVENT_SHOW, () => this._onShow());
-	    EventHandler.on(this._element, EVENT_HIDDEN, () => this._onHide());
 	  }
 	  dispose() {
 	    this._onHide();
@@ -7719,7 +7738,7 @@
 	    if (this._vimeoUrl) {
 	      await vimeoAPIInitPromise;
 	      const vimeoId = this._getVimeoId(this._vimeoUrl);
-	      this._vimeoPlayer = new window.Vimeo.Player(this._container, {
+	      this._vimeoPlayer = new globalThis.Vimeo.Player(this._container, {
 	        id: vimeoId,
 	        autoplay: true
 	      });
@@ -7731,7 +7750,7 @@
 	      await youTubeAPIInitPromise;
 	      const youtubeId = this._getYouTubeId(this._youtubeSrc);
 	      const playerDiv = this._container.querySelector(`#${playerID}`);
-	      this._youtubePlayer = new window.YT.Player(playerDiv, {
+	      this._youtubePlayer = new globalThis.YT.Player(playerDiv, {
 	        videoId: youtubeId,
 	        playerVars: {
 	          autoplay: 1,
@@ -7773,17 +7792,13 @@
 	    });
 	  }
 	}
-
-	// Auto-init
-	document.addEventListener('DOMContentLoaded', () => {
-	  const modals = SelectorEngine.find('[data-bs-toggle="modal"][data-bs-target]');
-	  for (const btn of modals) {
-	    const targetSelector = btn.getAttribute('data-bs-target');
-	    const modal = document.querySelector(targetSelector);
-	    if (modal?.querySelector(SELECTOR_DIALOG)) {
-	      VideoModal.getOrCreateInstance(modal);
-	    }
-	  }
+	EventHandler.on(document, EVENT_SHOW, SELECTOR_MODAL, function () {
+	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) return;
+	  VideoModal.getOrCreateInstance(this)._onShow();
+	});
+	EventHandler.on(document, EVENT_HIDDEN, SELECTOR_MODAL, function () {
+	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) return;
+	  VideoModal.getOrCreateInstance(this)._onHide();
 	});
 	defineJQueryPlugin(VideoModal);
 
@@ -7791,6 +7806,7 @@
 	exports.Button = button;
 	exports.Carousel = carousel;
 	exports.CarouselCaption = CarouselCaption;
+	exports.CarouselHeight = CarouselHeight;
 	exports.Collapse = collapse;
 	exports.Datepicker = Datepicker;
 	exports.Dropdown = dropdown;