@frankenstyle/uikit 0.0.1

package/dist/js/components/sortable.min.js

@@ -0,0 +1 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(e,w){typeof exports=="object"&&typeof module<"u"?module.exports=w(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitsortable",["uikit-util"],w):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitSortable=w(e.UIkit.util))})(this,function(e){"use strict";function w(o,s="update"){o._connected&&o._updates.length&&(o._updateCount||(o._updateCount=0,requestAnimationFrame(()=>o._updateCount=0)),o._queued||(o._queued=new Set,e.fastdom.read(()=>{o._connected&&A(o,o._queued),o._queued=null})),o._updateCount++<20&&o._queued.add(s.type||s))}function A(o,s){for(const{read:n,write:t,events:c=[]}of o._updates){if(!s.has("update")&&!c.some(a=>s.has(a)))continue;let r;n&&(r=n.call(o,o._data,s),r&&e.isPlainObject(r)&&e.assign(o._data,r)),t&&r!==!1&&e.fastdom.write(()=>{o._connected&&t.call(o,o._data,s)})}}function H(o){return I(e.observeResize,o,"resize")}function x(o){return I(e.observeMutation,o)}function I(o,s,n){return{observe:o,handler(){w(this,n)},...s}}x({options:{childList:!0}}),x({options:{attributes:!0,attributeFilter:["style"]}}),H({handler(o){for(const{borderBoxSize:[{inlineSize:s,blockSize:n}]}of o)if(s||n){this.$emit("resize");return}},target:({$el:o})=>[o,...e.children(o)]});function L(o){const s=[[]],n=o.some((t,c)=>c&&o[c-1].offsetParent!==t.offsetParent);for(const t of o){if(!e.isVisible(t))continue;const c=P(t,n);for(let r=s.length-1;r>=0;r--){const a=s[r];if(!a[0]){a.push(t);break}const h=P(a[0],n);if(c.top>=h.bottom-1&&c.top!==h.top){s.push([t]);break}if(c.bottom-1>h.top||c.top===h.top){let f=a.length-1;for(;f>=0;f--){const p=P(a[f],n);if(c.left>=p.left)break}a.splice(f+1,0,t);break}if(r===0){s.unshift([t]);break}}}return s}function P(o,s=!1){let{offsetTop:n,offsetLeft:t,offsetHeight:c,offsetWidth:r}=o;return s&&([n,t]=e.offsetPosition(o)),{top:n,left:t,bottom:n+c,right:t+r}}function D(){return new Promise(o=>requestAnimationFrame(o))}function y(o){return new Promise(s=>setTimeout(s,o))}const C="uk-transition-leave",S="uk-transition-enter";function E(o,s,n,t=0){const c=T(s,!0),r={opacity:1},a={opacity:0},h=()=>c===T(s),f=i=>()=>h()?i():Promise.reject(),p=f(async()=>{e.addClass(s,C),await(t?F(s).reduce(async(i,g,l,u)=>{if(await i,!e.isInView(g)||!h()){e.css(g,a);return}await y(t);const d=e.Transition.start(g,a,n/2,"ease");u.length-1===l&&await d},Promise.resolve()):e.Transition.start(s,a,n/2,"ease")),e.removeClass(s,C)}),m=f(async()=>{const i=e.height(s);e.addClass(s,S),o(),e.css(t?e.children(s):s,a),e.height(s,i),await y(),e.height(s,"");const g=e.height(s);e.css(s,"alignContent","flex-start"),e.height(s,i);let l=[],u=n/2;if(t){const d=F(s);e.css(e.children(s),a),l=d.reduce(async(b,v,Y,Z)=>{if(await b,!e.isInView(v)||!h()){e.resetProps(v,r);return}await y(t);const k=e.Transition.start(v,r,n/2,"ease").then(()=>h()&&e.resetProps(v,r));Z.length-1===Y&&await k},Promise.resolve()),u+=d.length*t}if(!t||i!==g){const d={height:g,...t?{}:r};l.push(e.Transition.start(s,d,u,"ease"))}await Promise.all(l),e.removeClass(s,S),h()&&(e.resetProps(s,{height:"",alignContent:"",...r}),delete s.dataset.transition)});return e.hasClass(s,C)?_(s).then(m):e.hasClass(s,S)?_(s).then(p).then(m):p().then(m)}function T(o,s){return s&&(o.dataset.transition=1+T(o)),e.toNumber(o.dataset.transition)||0}function _(o){return Promise.all(e.children(o).filter(e.Transition.inProgress).map(s=>new Promise(n=>e.once(s,"transitionend transitioncanceled",n))))}function F(o){return L(e.children(o)).flat().filter(e.isVisible)}async function M(o,s,n){await D();let t=e.children(s);const c=t.map(d=>$(d,!0)),r={...e.css(s,["height","padding"]),display:"block"},a=t.filter(d=>e.isInView(d)),h=t.concat(s);await Promise.all(h.map(e.Transition.cancel)),e.css(h,"transitionProperty","none"),await o();const f=e.children(s).filter(d=>!e.includes(t,d));t=t.concat(f),await Promise.resolve(),e.css(h,"transitionProperty","");const p=e.attr(s,"style"),m=e.css(s,["height","padding"]),[i,g]=B(s,t,c),l=t.map(d=>({style:e.attr(d,"style")}));a.push(...t.filter(d=>e.isInView(d))),t.forEach((d,b)=>g[b]&&e.css(d,g[b])),e.css(s,r),e.trigger(s,"scroll"),await D();const u=t.map((d,b)=>{if(e.parent(d)===s&&a.includes(d))return e.Transition.start(d,i[b],n,"ease",!f.includes(d))}).concat(e.Transition.start(s,m,n,"ease",!0));try{await Promise.all(u),t.forEach((d,b)=>{e.attr(d,l[b]),e.parent(d)===s&&e.css(d,"display",i[b].opacity===0?"none":"")}),e.attr(s,"style",p)}catch{e.attr(t,"style",""),e.resetProps(s,r)}}function $(o,s){const n=e.css(o,"zIndex");return e.isVisible(o)?{display:"",opacity:s?e.css(o,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:n==="auto"?e.index(o):n,...z(o)}:!1}function B(o,s,n){const t=s.map((r,a)=>e.parent(r)&&a in n?n[a]?e.isVisible(r)?z(r):{opacity:0}:{opacity:e.isVisible(r)?1:0}:!1),c=t.map((r,a)=>{const h=e.parent(s[a])===o&&(n[a]||$(s[a]));if(!h)return!1;if(!r)delete h.opacity;else if(!("opacity"in r)){const{opacity:f}=h;f%1?r.opacity=1:delete h.opacity}return h});return[t,c]}function z(o){const{height:s,width:n}=e.dimensions(o);let{top:t,left:c}=e.position(o);const r=e.offsetViewport(o.ownerDocument);return t=e.clamp(t,r.top-s-r.height,r.bottom+r.height),c=e.clamp(c,r.left-n-r.width,r.right+r.width),{height:s,width:n,top:t,left:c,transform:"",...e.css(o,["marginTop","marginLeft"])}}var R={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(o,s=this.$el){const n=this.animation;return(n==="fade"?E:n==="delayed-fade"?(...c)=>E(...c,40):n?M:()=>(o(),Promise.resolve()))(o,s,this.duration).catch(e.noop)}}},j={connected(){e.addClass(this.$el,this.$options.id)}},N={mixins:[j,R],props:{group:String,threshold:Number,clsItem:String,clsPlaceholder:String,clsDrag:String,clsDragState:String,clsBase:String,clsNoDrag:String,clsEmpty:String,clsCustom:String,handle:String},data:{group:!1,threshold:5,clsItem:"uk-sortable-item",clsPlaceholder:"uk-sortable-placeholder",clsDrag:"uk-sortable-drag",clsDragState:"uk-drag",clsBase:"uk-sortable",clsNoDrag:"uk-sortable-nodrag",clsEmpty:"uk-sortable-empty",clsCustom:"",handle:!1,pos:{}},events:{name:e.pointerDown,passive:!1,handler(o){this.init(o)}},computed:{target:(o,s)=>(s.tBodies||[s])[0],items(){return e.children(this.target)},isEmpty(){return!this.items.length},handles({handle:o},s){return o?e.$$(o,s):this.items}},watch:{isEmpty(o){e.toggleClass(this.target,this.clsEmpty,o)},handles(o,s){const n={touchAction:"none",userSelect:"none"};e.resetProps(s,n),e.css(o,n)}},update:{write(o){if(!this.drag||!e.parent(this.placeholder))return;const{pos:{x:s,y:n},origin:{offsetTop:t,offsetLeft:c},placeholder:r}=this;e.css(this.drag,{top:n-t,left:s-c});const a=this.getSortable(document.elementFromPoint(s,n));if(!a)return;const{items:h}=a;if(h.some(e.Transition.inProgress))return;const f=J(h,{x:s,y:n});if(h.length&&(!f||f===r))return;const p=this.getSortable(r),m=K(a.target,f,r,s,n,a===p&&o.moved!==f);m!==!1&&(m&&r===m||(a!==p?(p.remove(r),o.moved=f):delete o.moved,a.insert(r,m),this.touched.add(a)))},events:["move"]},methods:{init(o){const{target:s,button:n,defaultPrevented:t}=o,[c]=this.items.filter(r=>r.contains(s));!c||t||n>0||e.isInput(s)||s.closest(`.${this.clsNoDrag}`)||this.handle&&!s.closest(this.handle)||(o.preventDefault(),this.pos=e.getEventPos(o),this.touched=new Set([this]),this.placeholder=c,this.origin={target:s,index:e.index(c),...this.pos},e.on(document,e.pointerMove,this.move),e.on(document,e.pointerUp,this.end),this.threshold||this.start(o))},start(o){this.drag=G(this.$container,this.placeholder);const{left:s,top:n}=e.dimensions(this.placeholder);e.assign(this.origin,{offsetLeft:this.pos.x-s,offsetTop:this.pos.y-n}),e.addClass(this.drag,this.clsDrag,this.clsCustom),e.addClass(this.placeholder,this.clsPlaceholder),e.addClass(this.items,this.clsItem),e.addClass(document.documentElement,this.clsDragState),e.trigger(this.$el,"start",[this,this.placeholder]),O(this.pos),this.move(o)},move:X(function(o){e.assign(this.pos,e.getEventPos(o)),!this.drag&&(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(o),this.$emit("move")}),end(){if(e.off(document,e.pointerMove,this.move),e.off(document,e.pointerUp,this.end),!this.drag)return;W();const o=this.getSortable(this.placeholder);this===o?this.origin.index!==e.index(this.placeholder)&&e.trigger(this.$el,"moved",[this,this.placeholder]):(e.trigger(o.$el,"added",[o,this.placeholder]),e.trigger(this.$el,"removed",[this,this.placeholder])),e.trigger(this.$el,"stop",[this,this.placeholder]),e.remove(this.drag),this.drag=null;for(const{clsPlaceholder:s,clsItem:n}of this.touched)for(const t of this.touched)e.removeClass(t.items,s,n);this.touched=null,e.removeClass(document.documentElement,this.clsDragState)},insert(o,s){e.addClass(this.items,this.clsItem),s&&s.previousElementSibling!==o?this.animate(()=>e.before(s,o)):!s&&this.target.lastElementChild!==o&&this.animate(()=>e.append(this.target,o))},remove(o){this.target.contains(o)&&this.animate(()=>e.remove(o))},getSortable(o){do{const s=this.$getComponent(o,"sortable");if(s&&(s===this||this.group!==!1&&s.group===this.group))return s}while(o=e.parent(o))}}};let V;function O(o){let s=Date.now();V=setInterval(()=>{let{x:n,y:t}=o;t+=document.scrollingElement.scrollTop;const c=(Date.now()-s)*.3;s=Date.now(),e.scrollParents(document.elementFromPoint(n,o.y)).reverse().some(r=>{let{scrollTop:a,scrollHeight:h}=r;const{top:f,bottom:p,height:m}=e.offsetViewport(r);if(f<t&&f+35>t)a-=c;else if(p>t&&p-35<t)a+=c;else return;if(a>0&&a<h-m)return r.scrollTop=a,!0})},15)}function W(){clearInterval(V)}function G(o,s){let n;if(e.isTag(s,"li","tr")){n=e.$("<div>"),e.append(n,s.cloneNode(!0).children);for(const t of s.getAttributeNames())e.attr(n,t,s.getAttribute(t))}else n=s.cloneNode(!0);return e.append(o,n),e.css(n,"margin","0","important"),e.css(n,{boxSizing:"border-box",width:s.offsetWidth,height:s.offsetHeight,padding:e.css(s,"padding")}),e.height(n.firstElementChild,e.height(s.firstElementChild)),n}function J(o,s){return o[e.findIndex(o,n=>e.pointInRect(s,e.dimensions(n)))]}function K(o,s,n,t,c,r){if(!e.children(o).length)return;const a=e.dimensions(s);if(!r)return Q(o,n)||c<a.top+a.height/2?s:s.nextElementSibling;const h=e.dimensions(n),f=q([a.top,a.bottom],[h.top,h.bottom]),[p,m,i,g]=f?[t,"width","left","right"]:[c,"height","top","bottom"],l=h[m]<a[m]?a[m]-h[m]:0;return h[i]<a[i]?l&&p<a[i]+l?!1:s.nextElementSibling:l&&p>a[g]-l?!1:s}function Q(o,s){const n=e.children(o).length===1;n&&e.append(o,s);const t=e.children(o),c=t.some((r,a)=>{const h=e.dimensions(r);return t.slice(a+1).some(f=>{const p=e.dimensions(f);return!q([h.left,h.right],[p.left,p.right])})});return n&&e.remove(s),c}function q(o,s){return o[1]>s[0]&&s[1]>o[0]}function X(o){let s;return function(...n){s||(s=!0,o.call(this,...n),requestAnimationFrame(()=>s=!1))}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("sortable",N),N});

package/dist/js/components/tooltip.js

@@ -0,0 +1,446 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
+    typeof define === 'function' && define.amd ? define('uikittooltip', ['uikit-util'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitTooltip = factory(global.UIkit.util));
+})(this, (function (util) { 'use strict';
+
+    function parseOptions(options, args = []) {
+      try {
+        return options ? util.startsWith(options, "{") ? JSON.parse(options) : args.length && !util.includes(options, ":") ? { [args[0]]: options } : options.split(";").reduce((options2, option) => {
+          const [key, value] = option.split(/:(.*)/);
+          if (key && !util.isUndefined(value)) {
+            options2[key.trim()] = value.trim();
+          }
+          return options2;
+        }, {}) : {};
+      } catch {
+        return {};
+      }
+    }
+
+    util.memoize((id, props) => {
+      const attributes = Object.keys(props);
+      const filter = attributes.concat(id).map((key) => [util.hyphenate(key), `data-${util.hyphenate(key)}`]).flat();
+      return { attributes, filter };
+    });
+
+    let id = 1;
+    function generateId(instance, el = null) {
+      return (el == null ? void 0 : el.id) || `${instance.$options.id}-${id++}`;
+    }
+
+    var Container = {
+      props: {
+        container: Boolean
+      },
+      data: {
+        container: true
+      },
+      computed: {
+        container({ container }) {
+          return container === true && this.$container || container && util.$(container);
+        }
+      }
+    };
+
+    var Position = {
+      props: {
+        pos: String,
+        offset: Boolean,
+        flip: Boolean,
+        shift: Boolean,
+        inset: Boolean
+      },
+      data: {
+        pos: `bottom-${util.isRtl ? "right" : "left"}`,
+        offset: false,
+        flip: true,
+        shift: true,
+        inset: false
+      },
+      connected() {
+        this.pos = this.$props.pos.split("-").concat("center").slice(0, 2);
+        [this.dir, this.align] = this.pos;
+        this.axis = util.includes(["top", "bottom"], this.dir) ? "y" : "x";
+      },
+      methods: {
+        positionAt(element, target, boundary) {
+          let offset = [this.getPositionOffset(element), this.getShiftOffset(element)];
+          const placement = [this.flip && "flip", this.shift && "shift"];
+          const attach = {
+            element: [this.inset ? this.dir : util.flipPosition(this.dir), this.align],
+            target: [this.dir, this.align]
+          };
+          if (this.axis === "y") {
+            for (const prop in attach) {
+              attach[prop].reverse();
+            }
+            offset.reverse();
+            placement.reverse();
+          }
+          const restoreScrollPosition = storeScrollPosition(element);
+          const elDim = util.dimensions(element);
+          util.css(element, { top: -elDim.height, left: -elDim.width });
+          util.positionAt(element, target, {
+            attach,
+            offset,
+            boundary,
+            placement,
+            viewportOffset: this.getViewportOffset(element)
+          });
+          restoreScrollPosition();
+        },
+        getPositionOffset(element = this.$el) {
+          return util.toPx(
+            this.offset === false ? util.css(element, "--uk-position-offset") : this.offset,
+            this.axis === "x" ? "width" : "height",
+            element
+          ) * (util.includes(["left", "top"], this.dir) ? -1 : 1) * (this.inset ? -1 : 1);
+        },
+        getShiftOffset(element = this.$el) {
+          return this.align === "center" ? 0 : util.toPx(
+            util.css(element, "--uk-position-shift-offset"),
+            this.axis === "y" ? "width" : "height",
+            element
+          ) * (util.includes(["left", "top"], this.align) ? 1 : -1);
+        },
+        getViewportOffset(element) {
+          return util.toPx(util.css(element, "--uk-position-viewport-offset"));
+        }
+      }
+    };
+    function storeScrollPosition(element) {
+      const scrollElement = util.scrollParent(element);
+      const { scrollTop } = scrollElement;
+      const restore = () => {
+        if (scrollTop !== scrollElement.scrollTop) {
+          scrollElement.scrollTop = scrollTop;
+        }
+      };
+      return () => {
+        restore();
+        setTimeout(restore);
+      };
+    }
+
+    var Togglable = {
+      props: {
+        cls: Boolean,
+        animation: "list",
+        duration: Number,
+        velocity: Number,
+        origin: String,
+        transition: String
+      },
+      data: {
+        cls: false,
+        animation: [false],
+        duration: 200,
+        velocity: 0.2,
+        origin: false,
+        transition: "ease",
+        clsEnter: "uk-togglable-enter",
+        clsLeave: "uk-togglable-leave"
+      },
+      computed: {
+        hasAnimation: ({ animation }) => !!animation[0],
+        hasTransition: ({ animation }) => ["slide", "reveal"].some((transition) => util.startsWith(animation[0], transition))
+      },
+      methods: {
+        async toggleElement(targets, toggle, animate) {
+          try {
+            await Promise.all(
+              util.toNodes(targets).map((el) => {
+                const show = util.isBoolean(toggle) ? toggle : !this.isToggled(el);
+                if (!util.trigger(el, `before${show ? "show" : "hide"}`, [this])) {
+                  return Promise.reject();
+                }
+                const promise = (util.isFunction(animate) ? animate : animate === false || !this.hasAnimation ? toggleInstant : this.hasTransition ? toggleTransition : toggleAnimation)(el, show, this);
+                const cls = show ? this.clsEnter : this.clsLeave;
+                util.addClass(el, cls);
+                util.trigger(el, show ? "show" : "hide", [this]);
+                const done = () => {
+                  var _a;
+                  util.removeClass(el, cls);
+                  util.trigger(el, show ? "shown" : "hidden", [this]);
+                  if (show) {
+                    const restoreScrollPosition = storeScrollPosition(el);
+                    (_a = util.$$("[autofocus]", el).find(util.isVisible)) == null ? void 0 : _a.focus();
+                    restoreScrollPosition();
+                  }
+                };
+                return promise ? promise.then(done, () => {
+                  util.removeClass(el, cls);
+                  return Promise.reject();
+                }) : done();
+              })
+            );
+            return true;
+          } catch {
+            return false;
+          }
+        },
+        isToggled(el = this.$el) {
+          el = util.toNode(el);
+          return util.hasClass(el, this.clsEnter) ? true : util.hasClass(el, this.clsLeave) ? false : this.cls ? util.hasClass(el, this.cls.split(" ")[0]) : util.isVisible(el);
+        },
+        _toggle(el, toggled) {
+          if (!el) {
+            return;
+          }
+          toggled = Boolean(toggled);
+          let changed;
+          if (this.cls) {
+            changed = util.includes(this.cls, " ") || toggled !== util.hasClass(el, this.cls);
+            changed && util.toggleClass(el, this.cls, util.includes(this.cls, " ") ? void 0 : toggled);
+          } else {
+            changed = toggled === el.hidden;
+            changed && (el.hidden = !toggled);
+          }
+          if (changed) {
+            util.trigger(el, "toggled", [toggled, this]);
+          }
+        }
+      }
+    };
+    function toggleInstant(el, show, { _toggle }) {
+      util.Animation.cancel(el);
+      util.Transition.cancel(el);
+      return _toggle(el, show);
+    }
+    async function toggleTransition(el, show, { animation, duration, velocity, transition, _toggle }) {
+      var _a;
+      const [mode = "reveal", startProp = "top"] = ((_a = animation[0]) == null ? void 0 : _a.split("-")) || [];
+      const dirs = [
+        ["left", "right"],
+        ["top", "bottom"]
+      ];
+      const dir = dirs[util.includes(dirs[0], startProp) ? 0 : 1];
+      const end = dir[1] === startProp;
+      const props = ["width", "height"];
+      const dimProp = props[dirs.indexOf(dir)];
+      const marginProp = `margin-${dir[0]}`;
+      const marginStartProp = `margin-${startProp}`;
+      let currentDim = util.dimensions(el)[dimProp];
+      const inProgress = util.Transition.inProgress(el);
+      await util.Transition.cancel(el);
+      if (show) {
+        _toggle(el, true);
+      }
+      const prevProps = Object.fromEntries(
+        [
+          "padding",
+          "border",
+          "width",
+          "height",
+          "minWidth",
+          "minHeight",
+          "overflowY",
+          "overflowX",
+          marginProp,
+          marginStartProp
+        ].map((key) => [key, el.style[key]])
+      );
+      const dim = util.dimensions(el);
+      const currentMargin = util.toFloat(util.css(el, marginProp));
+      const marginStart = util.toFloat(util.css(el, marginStartProp));
+      const endDim = dim[dimProp] + marginStart;
+      if (!inProgress && !show) {
+        currentDim += marginStart;
+      }
+      const [wrapper] = util.wrapInner(el, "<div>");
+      util.css(wrapper, {
+        boxSizing: "border-box",
+        height: dim.height,
+        width: dim.width,
+        ...util.css(el, [
+          "overflow",
+          "padding",
+          "borderTop",
+          "borderRight",
+          "borderBottom",
+          "borderLeft",
+          "borderImage",
+          marginStartProp
+        ])
+      });
+      util.css(el, {
+        padding: 0,
+        border: 0,
+        minWidth: 0,
+        minHeight: 0,
+        [marginStartProp]: 0,
+        width: dim.width,
+        height: dim.height,
+        overflow: "hidden",
+        [dimProp]: currentDim
+      });
+      const percent = currentDim / endDim;
+      duration = (velocity * endDim + duration) * (show ? 1 - percent : percent);
+      const endProps = { [dimProp]: show ? endDim : 0 };
+      if (end) {
+        util.css(el, marginProp, endDim - currentDim + currentMargin);
+        endProps[marginProp] = show ? currentMargin : endDim + currentMargin;
+      }
+      if (!end ^ mode === "reveal") {
+        util.css(wrapper, marginProp, -endDim + currentDim);
+        util.Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition);
+      }
+      try {
+        await util.Transition.start(el, endProps, duration, transition);
+      } finally {
+        util.css(el, prevProps);
+        util.unwrap(wrapper.firstChild);
+        if (!show) {
+          _toggle(el, false);
+        }
+      }
+    }
+    function toggleAnimation(el, show, cmp) {
+      const { animation, duration, _toggle } = cmp;
+      if (show) {
+        _toggle(el, true);
+        return util.Animation.in(el, animation[0], duration, cmp.origin);
+      }
+      return util.Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(
+        () => _toggle(el, false)
+      );
+    }
+
+    const keyMap = {
+      ESC: 27};
+
+    var Component = {
+      mixins: [Container, Togglable, Position],
+      data: {
+        pos: "top",
+        animation: ["uk-animation-scale-up"],
+        duration: 100,
+        cls: "uk-active"
+      },
+      connected() {
+        makeFocusable(this.$el);
+      },
+      disconnected() {
+        this.hide();
+      },
+      methods: {
+        show() {
+          if (this.isToggled(this.tooltip || null)) {
+            return;
+          }
+          const { delay = 0, title } = parseProps(this.$options);
+          if (!title) {
+            return;
+          }
+          const titleAttr = util.attr(this.$el, "title");
+          const off = util.on(this.$el, ["blur", util.pointerLeave], (e) => !util.isTouch(e) && this.hide());
+          this.reset = () => {
+            util.attr(this.$el, { title: titleAttr, "aria-describedby": null });
+            off();
+          };
+          const id = generateId(this);
+          util.attr(this.$el, { title: null, "aria-describedby": id });
+          clearTimeout(this.showTimer);
+          this.showTimer = setTimeout(() => this._show(title, id), delay);
+        },
+        async hide() {
+          var _a;
+          if (util.matches(this.$el, "input:focus")) {
+            return;
+          }
+          clearTimeout(this.showTimer);
+          if (this.isToggled(this.tooltip || null)) {
+            await this.toggleElement(this.tooltip, false, false);
+          }
+          (_a = this.reset) == null ? void 0 : _a.call(this);
+          util.remove(this.tooltip);
+          this.tooltip = null;
+        },
+        async _show(title, id) {
+          this.tooltip = util.append(
+            this.container,
+            `<div id="${id}" class="uk-${this.$options.name}" role="tooltip"> <div class="uk-${this.$options.name}-inner">${title}</div> </div>`
+          );
+          util.on(this.tooltip, "toggled", (e, toggled) => {
+            if (!toggled) {
+              return;
+            }
+            const update = () => this.positionAt(this.tooltip, this.$el);
+            update();
+            const [dir, align] = getAlignment(this.tooltip, this.$el, this.pos);
+            this.origin = this.axis === "y" ? `${util.flipPosition(dir)}-${align}` : `${align}-${util.flipPosition(dir)}`;
+            const handlers = [
+              util.once(
+                document,
+                `keydown ${util.pointerDown}`,
+                this.hide,
+                false,
+                (e2) => e2.type === util.pointerDown && !this.$el.contains(e2.target) || e2.type === "keydown" && e2.keyCode === keyMap.ESC
+              ),
+              util.on([document, ...util.overflowParents(this.$el)], "scroll", update, {
+                passive: true
+              })
+            ];
+            util.once(this.tooltip, "hide", () => handlers.forEach((handler) => handler()), {
+              self: true
+            });
+          });
+          if (!await this.toggleElement(this.tooltip, true)) {
+            this.hide();
+          }
+        }
+      },
+      events: {
+        // Clicking a button does not give it focus on all browsers and platforms
+        // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus
+        [`focus ${util.pointerEnter} ${util.pointerDown}`](e) {
+          if ((!util.isTouch(e) || e.type === util.pointerDown) && document.readyState !== "loading") {
+            this.show();
+          }
+        }
+      }
+    };
+    function makeFocusable(el) {
+      if (!util.isFocusable(el)) {
+        el.tabIndex = 0;
+      }
+    }
+    function getAlignment(el, target, [dir, align]) {
+      const elOffset = util.offset(el);
+      const targetOffset = util.offset(target);
+      const properties = [
+        ["left", "right"],
+        ["top", "bottom"]
+      ];
+      for (const props2 of properties) {
+        if (elOffset[props2[0]] >= targetOffset[props2[1]]) {
+          dir = props2[1];
+          break;
+        }
+        if (elOffset[props2[1]] <= targetOffset[props2[0]]) {
+          dir = props2[0];
+          break;
+        }
+      }
+      const props = util.includes(properties[0], dir) ? properties[1] : properties[0];
+      align = props.find((prop) => elOffset[prop] === targetOffset[prop]) || "center";
+      return [dir, align];
+    }
+    function parseProps(options) {
+      const { el, id, data } = options;
+      return ["delay", "title"].reduce((obj, key) => ({ [key]: util.data(el, key), ...obj }), {
+        ...parseOptions(util.data(el, id), ["title"]),
+        ...data
+      });
+    }
+
+    if (typeof window !== "undefined" && window.UIkit) {
+      window.UIkit.component("tooltip", Component);
+    }
+
+    return Component;
+
+}));

package/dist/js/components/tooltip.min.js

@@ -0,0 +1 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(t,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],p):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitTooltip=p(t.UIkit.util))})(this,function(t){"use strict";function p(s,i=[]){try{return s?t.startsWith(s,"{")?JSON.parse(s):i.length&&!t.includes(s,":")?{[i[0]]:s}:s.split(";").reduce((o,e)=>{const[n,r]=e.split(/:(.*)/);return n&&!t.isUndefined(r)&&(o[n.trim()]=r.trim()),o},{}):{}}catch{return{}}}t.memoize((s,i)=>{const o=Object.keys(i),e=o.concat(s).map(n=>[t.hyphenate(n),`data-${t.hyphenate(n)}`]).flat();return{attributes:o,filter:e}});let E=1;function A(s,i=null){return(i==null?void 0:i.id)||`${s.$options.id}-${E++}`}var B={props:{container:Boolean},data:{container:!0},computed:{container({container:s}){return s===!0&&this.$container||s&&t.$(s)}}},I={props:{pos:String,offset:Boolean,flip:Boolean,shift:Boolean,inset:Boolean},data:{pos:`bottom-${t.isRtl?"right":"left"}`,offset:!1,flip:!0,shift:!0,inset:!1},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),[this.dir,this.align]=this.pos,this.axis=t.includes(["top","bottom"],this.dir)?"y":"x"},methods:{positionAt(s,i,o){let e=[this.getPositionOffset(s),this.getShiftOffset(s)];const n=[this.flip&&"flip",this.shift&&"shift"],r={element:[this.inset?this.dir:t.flipPosition(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const a in r)r[a].reverse();e.reverse(),n.reverse()}const h=T(s),c=t.dimensions(s);t.css(s,{top:-c.height,left:-c.width}),t.positionAt(s,i,{attach:r,offset:e,boundary:o,placement:n,viewportOffset:this.getViewportOffset(s)}),h()},getPositionOffset(s=this.$el){return t.toPx(this.offset===!1?t.css(s,"--uk-position-offset"):this.offset,this.axis==="x"?"width":"height",s)*(t.includes(["left","top"],this.dir)?-1:1)*(this.inset?-1:1)},getShiftOffset(s=this.$el){return this.align==="center"?0:t.toPx(t.css(s,"--uk-position-shift-offset"),this.axis==="y"?"width":"height",s)*(t.includes(["left","top"],this.align)?1:-1)},getViewportOffset(s){return t.toPx(t.css(s,"--uk-position-viewport-offset"))}}};function T(s){const i=t.scrollParent(s),{scrollTop:o}=i,e=()=>{o!==i.scrollTop&&(i.scrollTop=o)};return()=>{e(),setTimeout(e)}}var D={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglable-enter",clsLeave:"uk-togglable-leave"},computed:{hasAnimation:({animation:s})=>!!s[0],hasTransition:({animation:s})=>["slide","reveal"].some(i=>t.startsWith(s[0],i))},methods:{async toggleElement(s,i,o){try{return await Promise.all(t.toNodes(s).map(e=>{const n=t.isBoolean(i)?i:!this.isToggled(e);if(!t.trigger(e,`before${n?"show":"hide"}`,[this]))return Promise.reject();const r=(t.isFunction(o)?o:o===!1||!this.hasAnimation?_:this.hasTransition?j:F)(e,n,this),h=n?this.clsEnter:this.clsLeave;t.addClass(e,h),t.trigger(e,n?"show":"hide",[this]);const c=()=>{var a;if(t.removeClass(e,h),t.trigger(e,n?"shown":"hidden",[this]),n){const l=T(e);(a=t.$$("[autofocus]",e).find(t.isVisible))==null||a.focus(),l()}};return r?r.then(c,()=>(t.removeClass(e,h),Promise.reject())):c()})),!0}catch{return!1}},isToggled(s=this.$el){return s=t.toNode(s),t.hasClass(s,this.clsEnter)?!0:t.hasClass(s,this.clsLeave)?!1:this.cls?t.hasClass(s,this.cls.split(" ")[0]):t.isVisible(s)},_toggle(s,i){if(!s)return;i=!!i;let o;this.cls?(o=t.includes(this.cls," ")||i!==t.hasClass(s,this.cls),o&&t.toggleClass(s,this.cls,t.includes(this.cls," ")?void 0:i)):(o=i===s.hidden,o&&(s.hidden=!i)),o&&t.trigger(s,"toggled",[i,this])}}};function _(s,i,{_toggle:o}){return t.Animation.cancel(s),t.Transition.cancel(s),o(s,i)}async function j(s,i,{animation:o,duration:e,velocity:n,transition:r,_toggle:h}){var c;const[a="reveal",l="top"]=((c=o[0])==null?void 0:c.split("-"))||[],b=[["left","right"],["top","bottom"]],y=b[t.includes(b[0],l)?0:1],k=y[1]===l,v=["width","height"][b.indexOf(y)],f=`margin-${y[0]}`,w=`margin-${l}`;let g=t.dimensions(s)[v];const W=t.Transition.inProgress(s);await t.Transition.cancel(s),i&&h(s,!0);const z=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",f,w].map(O=>[O,s.style[O]])),m=t.dimensions(s),u=t.toFloat(t.css(s,f)),x=t.toFloat(t.css(s,w)),d=m[v]+x;!W&&!i&&(g+=x);const[$]=t.wrapInner(s,"<div>");t.css($,{boxSizing:"border-box",height:m.height,width:m.width,...t.css(s,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",w])}),t.css(s,{padding:0,border:0,minWidth:0,minHeight:0,[w]:0,width:m.width,height:m.height,overflow:"hidden",[v]:g});const S=g/d;e=(n*d+e)*(i?1-S:S);const C={[v]:i?d:0};k&&(t.css(s,f,d-g+u),C[f]=i?u:d+u),!k^a==="reveal"&&(t.css($,f,-d+g),t.Transition.start($,{[f]:i?0:-d},e,r));try{await t.Transition.start(s,C,e,r)}finally{t.css(s,z),t.unwrap($.firstChild),i||h(s,!1)}}function F(s,i,o){const{animation:e,duration:n,_toggle:r}=o;return i?(r(s,!0),t.Animation.in(s,e[0],n,o.origin)):t.Animation.out(s,e[1]||e[0],n,o.origin).then(()=>r(s,!1))}const L={ESC:27};var P={mixins:[B,D,I],data:{pos:"top",animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},connected(){N(this.$el)},disconnected(){this.hide()},methods:{show(){if(this.isToggled(this.tooltip||null))return;const{delay:s=0,title:i}=V(this.$options);if(!i)return;const o=t.attr(this.$el,"title"),e=t.on(this.$el,["blur",t.pointerLeave],r=>!t.isTouch(r)&&this.hide());this.reset=()=>{t.attr(this.$el,{title:o,"aria-describedby":null}),e()};const n=A(this);t.attr(this.$el,{title:null,"aria-describedby":n}),clearTimeout(this.showTimer),this.showTimer=setTimeout(()=>this._show(i,n),s)},async hide(){var s;t.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&await this.toggleElement(this.tooltip,!1,!1),(s=this.reset)==null||s.call(this),t.remove(this.tooltip),this.tooltip=null)},async _show(s,i){this.tooltip=t.append(this.container,`<div id="${i}" class="uk-${this.$options.name}" role="tooltip"> <div class="uk-${this.$options.name}-inner">${s}</div> </div>`),t.on(this.tooltip,"toggled",(o,e)=>{if(!e)return;const n=()=>this.positionAt(this.tooltip,this.$el);n();const[r,h]=U(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?`${t.flipPosition(r)}-${h}`:`${h}-${t.flipPosition(r)}`;const c=[t.once(document,`keydown ${t.pointerDown}`,this.hide,!1,a=>a.type===t.pointerDown&&!this.$el.contains(a.target)||a.type==="keydown"&&a.keyCode===L.ESC),t.on([document,...t.overflowParents(this.$el)],"scroll",n,{passive:!0})];t.once(this.tooltip,"hide",()=>c.forEach(a=>a()),{self:!0})}),await this.toggleElement(this.tooltip,!0)||this.hide()}},events:{[`focus ${t.pointerEnter} ${t.pointerDown}`](s){(!t.isTouch(s)||s.type===t.pointerDown)&&document.readyState!=="loading"&&this.show()}}};function N(s){t.isFocusable(s)||(s.tabIndex=0)}function U(s,i,[o,e]){const n=t.offset(s),r=t.offset(i),h=[["left","right"],["top","bottom"]];for(const a of h){if(n[a[0]]>=r[a[1]]){o=a[1];break}if(n[a[1]]<=r[a[0]]){o=a[0];break}}return e=(t.includes(h[0],o)?h[1]:h[0]).find(a=>n[a]===r[a])||"center",[o,e]}function V(s){const{el:i,id:o,data:e}=s;return["delay","title"].reduce((n,r)=>({[r]:t.data(i,r),...n}),{...p(t.data(i,o),["title"]),...e})}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",P),P});