@gradient-ui/core 0.6.0 → 1.0.0

package/dist/item-Cm_rJTEH.js

@@ -0,0 +1,47 @@
+import { computed, toValue, onMounted, onBeforeUnmount, watch } from "vue";
+function useNavigationItem(options) {
+  const value = computed(() => toValue(options.value)), disabled = computed(
+    () => !!(toValue(options.disabled) || toValue(options.parentDisabled))
+  ), selected = computed(() => {
+    var _a;
+    return !!((_a = options.isSelected) != null && _a.call(options, value.value));
+  });
+  function register() {
+    var _a;
+    options.rootRef.value && ((_a = options.registerItem) == null || _a.call(options, {
+      value: value.value,
+      el: options.rootRef.value,
+      disabled: disabled.value
+    }));
+  }
+  function unregister() {
+    var _a;
+    options.rootRef.value && ((_a = options.unregisterItem) == null || _a.call(options, options.rootRef.value));
+  }
+  function select(nextValue, event) {
+    var _a;
+    (_a = options.select) == null || _a.call(options, nextValue, event);
+  }
+  function onClick(event) {
+    var _a;
+    disabled.value || (select(value.value, event), (_a = options.onClick) == null || _a.call(options, event));
+  }
+  function onKeydown(event) {
+    var _a;
+    (_a = options.onItemKeydown) == null || _a.call(options, event, value.value);
+  }
+  return onMounted(register), onBeforeUnmount(unregister), watch(
+    () => [value.value, disabled.value],
+    () => register()
+  ), {
+    value,
+    disabled,
+    selected,
+    select,
+    onClick,
+    onKeydown
+  };
+}
+export {
+  useNavigationItem as u
+};

package/dist/layerStack-Bn2nFt2F.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),teleport=require("./teleport-Bj9Z7LhE.cjs"),appScopedState=require("./appScopedState-D0zgOLf5.cjs");function useAppendTarget(appendTo){const teleport$1=teleport.useSsrTeleport(appendTo),hasAppendTarget=vue.computed(()=>!teleport$1.disabled.value&&!!vue.toValue(appendTo)),appendTarget=teleport$1.target;return{hasAppendTarget,appendTarget}}function useControllableOpen(props,emit){const isControlled=vue.computed(()=>props.modelValue!==void 0),localOpen=vue.ref(props.defaultOpen??!1);return{open:vue.computed({get(){return isControlled.value?props.modelValue??!1:localOpen.value},set(value){isControlled.value||(localOpen.value=value),emit("update:modelValue",value)}}),isControlled}}const createLayerStackState=()=>({uid:0,stack:[],activeOverlayId:vue.ref(null)}),useLayerStackState=appScopedState.defineAppScopedState(createLayerStackState);function resolveZIndex(state,id){const entry=state.stack.find(item=>item.id===id);if(!entry)return;const index=state.stack.filter(item=>item.kind===entry.kind).findIndex(item=>item.id===id);return entry.base+index+1}function syncActiveOverlay(state){const openOverlay=[...state.stack].reverse().find(item=>item.kind==="overlay"&&item.open.value);state.activeOverlayId.value=(openOverlay==null?void 0:openOverlay.id)??null}function moveToFront(state,id){const index=state.stack.findIndex(item=>item.id===id);if(index===-1)return;const[entry]=state.stack.splice(index,1);state.stack.push(entry),syncActiveOverlay(state)}function useLayerStack(options){const{open,base=1e3,kind="floating"}=options,state=useLayerStackState(),id=++state.uid,zIndex=vue.ref();function activate(){state.stack.findIndex(item=>item.id===id)===-1?state.stack.push({id,kind,base,open}):moveToFront(state,id),zIndex.value=resolveZIndex(state,id),syncActiveOverlay(state)}function deactivate(){const index=state.stack.findIndex(item=>item.id===id);index!==-1&&state.stack.splice(index,1),zIndex.value=void 0,syncActiveOverlay(state)}function bringToFront(){open.value&&(moveToFront(state,id),zIndex.value=resolveZIndex(state,id))}const isTop=vue.computed(()=>{var _a;return((_a=state.stack.filter(item=>item.kind===kind).at(-1))==null?void 0:_a.id)===id}),isTopOverlay=vue.computed(()=>kind==="overlay"&&state.activeOverlayId.value===id);return vue.watch(open,isOpen=>{isOpen?activate():deactivate()},{immediate:!0}),vue.onBeforeUnmount(()=>{deactivate()}),{id,zIndex,isTop,isTopOverlay,bringToFront}}exports.useAppendTarget=useAppendTarget;exports.useControllableOpen=useControllableOpen;exports.useLayerStack=useLayerStack;

package/dist/layerStack-C926It64.js

@@ -0,0 +1,86 @@
+import { computed, toValue, ref, watch, onBeforeUnmount } from "vue";
+import { a as useSsrTeleport } from "./teleport-6ZRoZ2JT.js";
+import { d as defineAppScopedState } from "./appScopedState-BCzeQW7Y.js";
+function useAppendTarget(appendTo) {
+  const teleport = useSsrTeleport(appendTo), hasAppendTarget = computed(
+    () => !teleport.disabled.value && !!toValue(appendTo)
+  ), appendTarget = teleport.target;
+  return {
+    hasAppendTarget,
+    appendTarget
+  };
+}
+function useControllableOpen(props, emit) {
+  const isControlled = computed(() => props.modelValue !== void 0), localOpen = ref(props.defaultOpen ?? !1);
+  return {
+    open: computed({
+      get() {
+        return isControlled.value ? props.modelValue ?? !1 : localOpen.value;
+      },
+      set(value) {
+        isControlled.value || (localOpen.value = value), emit("update:modelValue", value);
+      }
+    }),
+    isControlled
+  };
+}
+const createLayerStackState = () => ({
+  uid: 0,
+  stack: [],
+  activeOverlayId: ref(null)
+}), useLayerStackState = defineAppScopedState(createLayerStackState);
+function resolveZIndex(state, id) {
+  const entry = state.stack.find((item) => item.id === id);
+  if (!entry) return;
+  const index = state.stack.filter((item) => item.kind === entry.kind).findIndex((item) => item.id === id);
+  return entry.base + index + 1;
+}
+function syncActiveOverlay(state) {
+  const openOverlay = [...state.stack].reverse().find((item) => item.kind === "overlay" && item.open.value);
+  state.activeOverlayId.value = (openOverlay == null ? void 0 : openOverlay.id) ?? null;
+}
+function moveToFront(state, id) {
+  const index = state.stack.findIndex((item) => item.id === id);
+  if (index === -1) return;
+  const [entry] = state.stack.splice(index, 1);
+  state.stack.push(entry), syncActiveOverlay(state);
+}
+function useLayerStack(options) {
+  const { open, base = 1e3, kind = "floating" } = options, state = useLayerStackState(), id = ++state.uid, zIndex = ref();
+  function activate() {
+    state.stack.findIndex((item) => item.id === id) === -1 ? state.stack.push({ id, kind, base, open }) : moveToFront(state, id), zIndex.value = resolveZIndex(state, id), syncActiveOverlay(state);
+  }
+  function deactivate() {
+    const index = state.stack.findIndex((item) => item.id === id);
+    index !== -1 && state.stack.splice(index, 1), zIndex.value = void 0, syncActiveOverlay(state);
+  }
+  function bringToFront() {
+    open.value && (moveToFront(state, id), zIndex.value = resolveZIndex(state, id));
+  }
+  const isTop = computed(() => {
+    var _a;
+    return ((_a = state.stack.filter((item) => item.kind === kind).at(-1)) == null ? void 0 : _a.id) === id;
+  }), isTopOverlay = computed(
+    () => kind === "overlay" && state.activeOverlayId.value === id
+  );
+  return watch(
+    open,
+    (isOpen) => {
+      isOpen ? activate() : deactivate();
+    },
+    { immediate: !0 }
+  ), onBeforeUnmount(() => {
+    deactivate();
+  }), {
+    id,
+    zIndex,
+    isTop,
+    isTopOverlay,
+    bringToFront
+  };
+}
+export {
+  useAppendTarget as a,
+  useLayerStack as b,
+  useControllableOpen as u
+};

package/dist/mask-BGVqqZXk.cjs

@@ -0,0 +1 @@
+"use strict";const colorResolver=require("./colorResolver-C6PTz0S8.cjs"),gradientEngine=require("@gradient-ui/gradient-engine"),vue=require("vue"),GLoading_vue_vue_type_style_index_0_lang=require("./GLoading.vue_vue_type_style_index_0_lang-KmMjjwpE.cjs"),mount=require("./mount-qFaEMFZj.cjs"),environment=require("./environment-Dr5kpq3D.cjs"),components_GTooltip=require("./components/GTooltip.cjs"),index=require("./index-YvJ0cd3f.cjs"),DEFAULT_GRADIENT="var(--g-gradient-current, var(--g-gradient-main))",DEFAULT_DIRECTION="135deg";function getStateMap(){return new WeakMap}function createGradientTextDirective(defaultSelector){const stateMap=getStateMap();function cleanup(el){const state=stateMap.get(el);if(state){for(const[target,styles]of state.targets)restoreStyles(target,styles);stateMap.delete(el)}}function update2(el,value){const options=getOptions(value,defaultSelector);if(cleanup(el),options.disabled)return;const targets=getTargets(el,options.selector),state={targets:new Map};for(const target of targets)state.targets.set(target,readStyles(target)),applyGradient(target,options.gradient);stateMap.set(el,state)}return{mounted(el,binding){update2(el,binding.value)},updated(el,binding){update2(el,binding.value)},unmounted(el){cleanup(el)}}}function getOptions(value,defaultSelector){if(typeof value=="string")return{gradient:colorResolver.resolveGradientValue(value),disabled:!1,selector:defaultSelector};if(!value)return{gradient:DEFAULT_GRADIENT,disabled:!1,selector:defaultSelector};const colors=getGradientColors(value);return{gradient:value.gradient??(colors.length?createResolvedGradient(colors,value.direction):void 0)??colorResolver.resolveGradientValue(value.state??value.color)??DEFAULT_GRADIENT,disabled:value.disabled??!1,selector:value.selector??defaultSelector}}function getGradientColors(value){var _a;return(_a=value.colors)!=null&&_a.length?value.colors:[value.from,value.to].filter(color=>!!color)}function createResolvedGradient(colors,direction=DEFAULT_DIRECTION){const gradientColors=colors.length===1?[colors[0],colors[0]]:colors;return gradientEngine.createLinearGradient(gradientColors.map(color=>colorResolver.resolveColorValue(color)),direction)}function getTargets(el,selector){if(!selector)return[el];const targets=[];return el.matches(selector)&&targets.push(el),targets.push(...Array.from(el.querySelectorAll(selector))),targets}function readStyles(target){return{backgroundClip:target.style.backgroundClip,backgroundImage:target.style.backgroundImage,color:target.style.color,webkitBackgroundClip:target.style.getPropertyValue("-webkit-background-clip"),webkitTextFillColor:target.style.getPropertyValue("-webkit-text-fill-color")}}function restoreStyles(target,styles){target.style.backgroundClip=styles.backgroundClip,target.style.backgroundImage=styles.backgroundImage,target.style.color=styles.color,target.style.setProperty("-webkit-background-clip",styles.webkitBackgroundClip),target.style.setProperty("-webkit-text-fill-color",styles.webkitTextFillColor)}function applyGradient(target,gradient){target.style.backgroundImage=gradient,target.style.backgroundClip="text",target.style.color="transparent",target.style.setProperty("-webkit-background-clip","text"),target.style.setProperty("-webkit-text-fill-color","transparent")}const vGradientText=createGradientTextDirective(),gradientIcon=createGradientTextDirective(".mdi");function getExposedVisibility(component){const exposedVisibility=component==null?void 0:component.isVisible;return typeof exposedVisibility=="object"&&exposedVisibility!==null&&"value"in exposedVisibility?!!exposedVisibility.value:!!exposedVisibility}const DEFAULT_OPTIONS$2={active:!1,text:"Loading...",noText:!1,color:"primary",dark:!1,opacity:void 0,blur:void 0,progressView:"glow"};function resolveOptions$2(value,modifiers={}){const source=typeof value=="object"&&value!==null?value:{},active=typeof value=="boolean"?value:source.active??source.value??!1;return{...DEFAULT_OPTIONS$2,...source,active,dark:source.dark??!!modifiers.dark,noText:source.noText??!!modifiers.noText}}function getOptionsKey(options){return JSON.stringify({text:options.text,noText:options.noText,color:options.color,dark:options.dark,opacity:options.opacity,blur:options.blur,progressView:options.progressView})}function hasValidPosition(el){const clientWindow=environment.getClientWindow();return clientWindow?["relative","absolute","fixed","sticky"].includes(clientWindow.getComputedStyle(el).position):!0}function ensureHostStyles$2(el){hasValidPosition(el)||(el.style.position="relative")}function destroy(el){var _a;const state=el.__gLoading__;state&&((_a=state.mount)==null||_a.unmount(),state.mount=void 0,state.component=void 0,state.optionsKey=void 0,el.style.position=state.originalPosition)}function hide$1(el){const state=el.__gLoading__;if(state){if(!state.component){destroy(el);return}state.component.hide()}}function show$1(el,options){const state=el.__gLoading__;if(!state)return;ensureHostStyles$2(el);const mount$1=mount.mountClientComponent(GLoading_vue_vue_type_style_index_0_lang._sfc_main,{containerClass:"g-loading__container",target:el,props:{text:options.text,noText:options.noText,color:options.color,dark:options.dark,opacity:options.opacity,blur:options.blur,progressView:options.progressView,onClose:()=>{getExposedVisibility(state.component)||destroy(el)}}});mount$1&&(state.mount=mount$1,state.optionsKey=getOptionsKey(options),state.component=mount$1.instance,state.component.show())}function sync(el,value,modifiers){var _a;const state=el.__gLoading__;if(!state)return;const options=resolveOptions$2(value,modifiers),optionsKey=getOptionsKey(options);if(!options.active){hide$1(el);return}if(state.mount&&state.optionsKey===optionsKey){(_a=state.component)==null||_a.show();return}destroy(el),show$1(el,options)}const loading={mounted(el,binding){el.__gLoading__={originalPosition:el.style.position},sync(el,binding.value,binding.modifiers)},updated(el,binding){binding.value===binding.oldValue&&(typeof binding.value!="object"||binding.value===null)||sync(el,binding.value,binding.modifiers)},unmounted(el){destroy(el),delete el.__gLoading__}},DEFAULT_OPTIONS$1={center:!1,color:"currentcolor",disabled:!1,duration:520,easing:"var(--g-token-easing-standard)",opacity:.16};function resolveOptions$1(value){if(typeof value=="boolean")return{...DEFAULT_OPTIONS$1,disabled:!value};if(typeof value=="string")return{...DEFAULT_OPTIONS$1,color:colorResolver.resolveColorValue(value)};const color=value!=null&&value.color?colorResolver.resolveColorValue(value.color):DEFAULT_OPTIONS$1.color;return{...DEFAULT_OPTIONS$1,...value,color}}function ensureHostStyles$1(el){getComputedStyle(el).position==="static"&&(el.style.position="relative")}function toCssDuration$1(value){return typeof value=="number"?`${value}ms`:value}function toDurationMs(value){if(typeof value=="number")return value;const normalizedValue=value.trim();if(normalizedValue.endsWith("ms"))return Number.parseFloat(normalizedValue);if(normalizedValue.endsWith("s"))return Number.parseFloat(normalizedValue)*1e3;const parsedValue=Number.parseFloat(normalizedValue);return Number.isNaN(parsedValue)?Number(DEFAULT_OPTIONS$1.duration):parsedValue}function createRipple(el,origin,options){const rect=el.getBoundingClientRect(),size=Math.hypot(rect.width,rect.height)*2,x=origin.x-rect.left-size/2,y=origin.y-rect.top-size/2,containerEl=document.createElement("span"),animationEl=document.createElement("span");return containerEl.className="g-ripple__container",containerEl.style.setProperty("--g-ripple-color",options.color),containerEl.style.setProperty("--g-ripple-duration",toCssDuration$1(options.duration)),containerEl.style.setProperty("--g-ripple-easing",options.easing),containerEl.style.setProperty("--g-ripple-opacity",String(options.opacity)),animationEl.className="g-ripple__animation",animationEl.style.width=`${size}px`,animationEl.style.height=`${size}px`,animationEl.style.left=`${x}px`,animationEl.style.top=`${y}px`,containerEl.appendChild(animationEl),el.appendChild(containerEl),containerEl}function removeRipple(el,rippleEl){var _a;rippleEl.remove(),(_a=el.__gRipple__)==null||_a.ripples.delete(rippleEl)}function clearRipples(el){const state=el.__gRipple__;if(state){for(const rippleEl of state.ripples)rippleEl.remove();state.ripples.clear()}}function getCenteredOrigin(el){const rect=el.getBoundingClientRect();return{x:rect.left+rect.width/2,y:rect.top+rect.height/2}}function isElementDisabled$1(el){return el.hasAttribute("disabled")||el.getAttribute("aria-disabled")==="true"||el.classList.contains("g-button_disabled")}function triggerRipple(el,origin,options){var _a;if(options.disabled||isElementDisabled$1(el))return;ensureHostStyles$1(el);const rippleEl=createRipple(el,origin,options);(_a=el.__gRipple__)==null||_a.ripples.add(rippleEl),window.setTimeout(()=>removeRipple(el,rippleEl),toDurationMs(options.duration))}function bind$1(el,value){if(el.__gRipple__){update$1(el,value);return}const options=resolveOptions$1(value),state={originalPosition:el.style.position,options,onKeyDown:event=>{event.key!=="Enter"&&event.key!==" "||triggerRipple(el,getCenteredOrigin(el),state.options)},onPointerDown:event=>{event.button!==0||el.hasAttribute("disabled")||triggerRipple(el,state.options.center?getCenteredOrigin(el):{x:event.clientX,y:event.clientY},state.options)},ripples:new Set};el.addEventListener("pointerdown",state.onPointerDown),el.addEventListener("keydown",state.onKeyDown),el.__gRipple__=state}function update$1(el,value){const state=el.__gRipple__;state&&(state.options=resolveOptions$1(value),state.options.disabled&&clearRipples(el))}function unbind$1(el){const state=el.__gRipple__;state&&(el.removeEventListener("pointerdown",state.onPointerDown),el.removeEventListener("keydown",state.onKeyDown),clearRipples(el),el.style.position=state.originalPosition,delete el.__gRipple__)}const ripple={mounted(el,binding){bind$1(el,binding.value)},updated(el,binding){update$1(el,binding.value)},unmounted(el){unbind$1(el)}},DEFAULT_OPTIONS={color:"var(--g-color, var(--g-gradient-material-color, currentcolor))",disabled:!1,duration:180,easing:"var(--g-token-easing-standard)",opacity:.28,size:"140px"};function resolveOptions(value){if(typeof value=="boolean")return{...DEFAULT_OPTIONS,disabled:!value};if(typeof value=="string")return{...DEFAULT_OPTIONS,color:colorResolver.resolveColorValue(value)};const color=value!=null&&value.color?colorResolver.resolveColorValue(value.color):DEFAULT_OPTIONS.color;return{...DEFAULT_OPTIONS,...value,color}}function ensureHostStyles(el){getComputedStyle(el).position==="static"&&(el.style.position="relative")}function toCssLength(value){return typeof value=="number"?`${value}px`:value}function toCssDuration(value){return typeof value=="number"?`${value}ms`:value}function isElementDisabled(el){return el.hasAttribute("disabled")||el.getAttribute("aria-disabled")==="true"||el.classList.contains("g-button_disabled")}function applyOptions(el,options){el.style.setProperty("--g-specular-color",options.color),el.style.setProperty("--g-specular-size",toCssLength(options.size)),el.style.setProperty("--g-specular-duration",toCssDuration(options.duration)),el.style.setProperty("--g-specular-easing",options.easing),el.style.setProperty("--g-specular-max-opacity",String(options.opacity))}function setOrigin(el,x,y){const rect=el.getBoundingClientRect();el.style.setProperty("--g-specular-x",`${x-rect.left}px`),el.style.setProperty("--g-specular-y",`${y-rect.top}px`)}function setCenteredOrigin(el){const rect=el.getBoundingClientRect();el.style.setProperty("--g-specular-x",`${rect.width/2}px`),el.style.setProperty("--g-specular-y",`${rect.height/2}px`)}function show(el){const state=el.__gSpecular__;!state||state.options.disabled||isElementDisabled(el)||el.setAttribute("data-g-specular-active","true")}function hide(el){el.removeAttribute("data-g-specular-active")}function createHighlight(){const containerEl=document.createElement("span"),highlightEl=document.createElement("span");return containerEl.className="g-specular__container",highlightEl.className="g-specular__highlight",containerEl.appendChild(highlightEl),{containerEl,highlightEl}}function bind(el,value){if(el.__gSpecular__){update(el,value);return}const options=resolveOptions(value),{containerEl,highlightEl}=createHighlight();ensureHostStyles(el),applyOptions(el,options),setCenteredOrigin(el),el.classList.add("g-specular"),el.appendChild(containerEl);const state={containerEl,highlightEl,options,originalPosition:el.style.position,onBlur:()=>hide(el),onFocus:()=>{setCenteredOrigin(el),show(el)},onPointerEnter:event=>{setOrigin(el,event.clientX,event.clientY),show(el)},onPointerLeave:()=>hide(el),onPointerMove:event=>{setOrigin(el,event.clientX,event.clientY)}};el.addEventListener("blur",state.onBlur),el.addEventListener("focus",state.onFocus),el.addEventListener("pointerenter",state.onPointerEnter),el.addEventListener("pointerleave",state.onPointerLeave),el.addEventListener("pointermove",state.onPointerMove),el.__gSpecular__=state}function update(el,value){const state=el.__gSpecular__;state&&(state.options=resolveOptions(value),applyOptions(el,state.options),state.options.disabled&&hide(el))}function unbind(el){const state=el.__gSpecular__;state&&(el.removeEventListener("blur",state.onBlur),el.removeEventListener("focus",state.onFocus),el.removeEventListener("pointerenter",state.onPointerEnter),el.removeEventListener("pointerleave",state.onPointerLeave),el.removeEventListener("pointermove",state.onPointerMove),state.containerEl.remove(),el.classList.remove("g-specular"),hide(el),el.style.position=state.originalPosition,el.style.removeProperty("--g-specular-color"),el.style.removeProperty("--g-specular-duration"),el.style.removeProperty("--g-specular-easing"),el.style.removeProperty("--g-specular-max-opacity"),el.style.removeProperty("--g-specular-size"),el.style.removeProperty("--g-specular-x"),el.style.removeProperty("--g-specular-y"),delete el.__gSpecular__)}const specular={mounted(el,binding){binding.value!==!1&&bind(el,binding.value)},updated(el,binding){if(binding.value===!1){unbind(el);return}bind(el,binding.value)},unmounted(el){unbind(el)}},vTooltip={mounted(el,binding){if(!binding.value)return;const options=typeof binding.value=="string"?{content:binding.value}:binding.value,tooltipRef=vue.ref(null),mount$1=mount.mountClientComponent({setup(){return()=>vue.h(components_GTooltip.default,{...options,reference:el,ref:instance=>{instance&&(tooltipRef.value=instance)}},{reference:({ref:ref2})=>(ref2(el),el)})}});if(!mount$1)return;const show2=()=>{tooltipRef.value&&tooltipRef.value.show()},hide2=()=>{tooltipRef.value&&tooltipRef.value.hide()};el.addEventListener("mouseenter",show2),el.addEventListener("mouseleave",hide2),el.addEventListener("focus",show2),el.addEventListener("blur",hide2),el.__tooltip__={mount:mount$1,cleanup(){el.removeEventListener("mouseenter",show2),el.removeEventListener("mouseleave",hide2),el.removeEventListener("focus",show2),el.removeEventListener("blur",hide2),mount$1.unmount()}}},unmounted(el){var _a;(_a=el.__tooltip__)==null||_a.cleanup()}};function resolveBinding(value){return typeof value=="string"||Array.isArray(value)||value===void 0?{mask:value}:value}function getControl(el){return el instanceof HTMLInputElement||el instanceof HTMLTextAreaElement?el:el.querySelector("input, textarea")}function formatElement(el,binding){const control=getControl(el);if(!control)return;const options=resolveBinding(binding.value),tokens={...index.defaultMaskTokens,...options.tokens??{}},maskedValue=index.applyMask(control.value,options.mask,tokens);control.value!==maskedValue&&(control.value=maskedValue)}function bindMask(el,binding){const control=getControl(el);if(!control)return;const onInput=()=>{el._gMaskFormatting||(el._gMaskFormatting=!0,formatElement(el,binding),control.dispatchEvent(new Event("input",{bubbles:!0})),el._gMaskFormatting=!1)};control.addEventListener("input",onInput),el._gMaskCleanup=()=>{control.removeEventListener("input",onInput)},formatElement(el,binding)}const vMask={mounted:bindMask,updated(el,binding){formatElement(el,binding)},beforeUnmount(el){var _a;(_a=el._gMaskCleanup)==null||_a.call(el),delete el._gMaskCleanup,delete el._gMaskFormatting}};exports.gradientIcon=gradientIcon;exports.loading=loading;exports.ripple=ripple;exports.specular=specular;exports.vGradientText=vGradientText;exports.vMask=vMask;exports.vTooltip=vTooltip;