@gradient-ui/core 0.2.0 → 0.4.0

package/dist/GLoading.vue_vue_type_style_index_0_lang-cokm-HBh.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),g=require("./propsFactory-DyyboUaC.cjs");require("@mdi/js");const z=require("./camelToKebabCase-BAESShJ1.cjs"),M=(t,o)=>{const n=t.__vccOpts||t;for(const[a,i]of o)n[a]=i;return n},O=g.propsFactory({disabled:Boolean});function F(t,o){return e.computed(()=>t.disabled?`${o}_disabled`:"")}const B=g.propsFactory({rounded:Boolean});function A(t,o){return e.computed(()=>t.rounded?`${o}_rounded`:"")}const R=g.propsFactory({size:{type:String,default:"m"}});function ie(t,o){return e.computed(()=>`${o}_${t.size}`)}const y=ce();function G(t){var o;return t?((o=y[t])==null?void 0:o.color)??t:y.primary.color}function le(t){var o;return t?((o=y[t])==null?void 0:o.onColor)??y.primary.onColor:y.primary.onColor}function U(t){var o;return t?((o=y[t])==null?void 0:o.gradient)??`var(--g-gradient-${t})`:y.primary.gradient}function H(t){return e.computed(()=>U(e.toValue(t)))}function ce(){const t={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-40)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-40)"},source:{color:"rgb(var(--g-color-source-40))",onColor:"rgb(var(--g-color-on-source-40))",gradient:"var(--g-gradient-source-40)"}};return T(t,"source"),Object.keys(z.MaterialSeeds).forEach(o=>{T(t,o)}),t}function T(t,o){const n=z.camelToKebabCase(o);for(let a=10;a<=100;a+=10){const i={color:`rgb(var(--g-color-${n}-${a}))`,onColor:`rgb(var(--g-color-on-${n}-${a}))`,gradient:`var(--g-gradient-${n}-${a})`};t[`${o}${a}`]=i,t[`${n}${a}`]=i,t[`${n}-${a}`]=i}t[o]=t[`${o}40`],t[n]=t[`${n}40`]}const x=g.propsFactory({color:{type:String,default:"primary"}});function ue(t){return{colorStyles:e.computed(()=>{const n=e.toValue(t.color);return{"--g-color":G(n),"--g-on-color":le(n),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function E(t){const o=e.computed(()=>{const c=e.toValue(t.activeState);return e.toValue(t.active)&&c!==void 0?c:e.toValue(t.state)}),n=e.computed(()=>{const c=o.value;if(c)return c;const s=e.toValue(t.activeColor);return e.toValue(t.active)&&s!==void 0?s:e.toValue(t.color)}),{colorStyles:a}=ue({color:n}),i=H(n),l=e.computed(()=>({...a.value,"--g-gradient-current":i.value}));return{resolvedColor:n,resolvedState:o,resolvedGradient:i,colorStyles:a,surfaceColorStyles:a,gradientStyles:l}}const de={fade:"g-fade-transition",scale:"g-scale-transition","scale-only":"g-scale-only-transition","slide-x":"g-slide-x-transition","slide-x-reverse":"g-slide-x-reverse-transition","slide-y":"g-slide-y-transition","slide-y-reverse":"g-slide-y-reverse-transition",dialog:"g-dialog-transition",overlay:"g-overlay-transition",expand:"g-expand-transition"},L=g.propsFactory({transition:{type:[Boolean,String,Object],default:void 0}},"transition"),I=g.propsFactory({...L(),name:String,appear:Boolean,disabled:Boolean,group:Boolean,tag:String,mode:String,origin:String,duration:[Number,String],enterDuration:[Number,String],leaveDuration:[Number,String],easing:String,enterEasing:String,leaveEasing:String,distance:[Number,String],scale:[Number,String],opacity:{type:Boolean,default:void 0},leaveAbsolute:Boolean,hideOnLeave:Boolean,css:{type:Boolean,default:!0}},"transition");function ge(t){return t?de[t]??t:""}function pe(t){if(!(t===void 0||t===""))return typeof t=="number"?`${t}px`:t}function P(t){if(!(t===void 0||t===""))return typeof t=="number"?`${t}ms`:t}function D(t,o){if(t===void 0||t==="")return o;if(typeof t=="number")return t;const n=t.trim();if(n.endsWith("ms"))return Number.parseFloat(n);if(n.endsWith("s"))return Number.parseFloat(n)*1e3;const a=Number.parseFloat(n);return Number.isNaN(a)?o:a}function W(t,o){return t===!1?{...o,disabled:!0}:t===!0||t===void 0?o:typeof t=="string"?{...o,name:t}:{...o,...t}}function j(){const t=e.ref(!1);let o=null;const n=()=>{t.value=(o==null?void 0:o.matches)??!1};return e.onMounted(()=>{typeof window>"u"||!window.matchMedia||(o=window.matchMedia("(prefers-reduced-motion: reduce)"),n(),o.addEventListener("change",n))}),e.onBeforeUnmount(()=>{o==null||o.removeEventListener("change",n)}),t}const ve=80,K=e.defineComponent({inheritAttrs:!1,__name:"GTransition",props:I({name:"fade",css:!0}),emits:["before-enter","after-enter","before-leave","leave","after-leave","enter-cancelled","leave-cancelled"],setup(t,{emit:o}){const n=t,a=o,i=e.useAttrs(),l=j(),c=e.computed(()=>n.group?e.TransitionGroup:e.Transition),s=e.computed(()=>W(n.transition,$.value)),f=e.computed(()=>m.value?"":ge(s.value.name)),m=e.computed(()=>n.disabled||l.value||s.value.disabled),S=e.computed(()=>n.group||s.value.mode==="default"?void 0:s.value.mode),_=e.computed(()=>!m.value&&s.value.css!==!1),u=e.computed(()=>{if(!b.value||m.value)return;const r=s.value;return{enter:D(r.enterDuration??r.duration,220),leave:D(r.leaveDuration??r.duration,180)+ve}}),b=e.computed(()=>s.value.name==="overlay"||f.value==="g-overlay-transition"),$=e.computed(()=>({name:n.name,appear:n.appear,mode:n.mode,origin:n.origin,duration:n.duration,enterDuration:n.enterDuration,leaveDuration:n.leaveDuration,easing:n.easing,enterEasing:n.enterEasing,leaveEasing:n.leaveEasing,distance:n.distance,scale:n.scale,opacity:n.opacity,leaveAbsolute:n.leaveAbsolute,hideOnLeave:n.hideOnLeave,css:n.css})),V=e.computed(()=>{const r=s.value;return{"--g-transition-enter-duration":P(r.enterDuration??r.duration),"--g-transition-leave-duration":P(r.leaveDuration??r.duration),"--g-transition-enter-easing":r.enterEasing??r.easing,"--g-transition-leave-easing":r.leaveEasing??r.easing,"--g-transition-origin":r.origin,"--g-transition-distance":pe(r.distance),"--g-transition-scale":r.scale===void 0?void 0:String(r.scale),"--g-transition-opacity-from":r.opacity===!1?"1":void 0}});function C(r){if(r instanceof HTMLElement)for(const[d,h]of Object.entries(V.value))h!==void 0&&r.style.setProperty(d,h)}function w(r){const{offsetTop:d,offsetLeft:h,offsetWidth:ae,offsetHeight:se}=r;r._gTransitionInitialStyles={position:r.style.position,top:r.style.top,left:r.style.left,width:r.style.width,height:r.style.height,display:r.style.display},r.style.position="absolute",r.style.top=`${d}px`,r.style.left=`${h}px`,r.style.width=`${ae}px`,r.style.height=`${se}px`}function p(r){const d=r._gTransitionInitialStyles;d&&(r.style.position=d.position,r.style.top=d.top,r.style.left=d.left,r.style.width=d.width,r.style.height=d.height,r.style.display=d.display,delete r._gTransitionInitialStyles)}function v(r){C(r),a("before-enter",r)}function k(r){a("after-enter",r)}function ee(r){C(r),a("before-leave",r)}function te(r){if(!(r instanceof HTMLElement)){a("leave",r);return}s.value.leaveAbsolute&&w(r),s.value.hideOnLeave&&r.style.setProperty("display","none","important"),a("leave",r)}function oe(r){r instanceof HTMLElement&&p(r),a("after-leave",r)}function re(r){a("enter-cancelled",r)}function ne(r){r instanceof HTMLElement&&p(r),a("leave-cancelled",r)}return(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps(e.unref(i),{name:f.value,css:_.value,appear:s.value.appear,duration:u.value,mode:S.value,tag:n.group?n.tag:void 0,onBeforeEnter:v,onAfterEnter:k,onBeforeLeave:ee,onLeave:te,onAfterLeave:oe,onEnterCancelled:re,onLeaveCancelled:ne}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16,["name","css","appear","duration","mode","tag"]))}}),q=t=>e.computed(()=>{const o=e.toValue(t);return o===""||o===null||o===void 0?"":typeof o=="number"?`${o}px`:/^\d+(\.\d+)?$/.test(o)?`${o}px`:o}),J=g.propsFactory({variant:{type:String,default:"filled"}});function Q(t,o){return e.computed(()=>`${o}_${t.variant}`)}const N=g.propsFactory({state:String});function X(t,o){return e.computed(()=>t.state?`${o}_${t.state}`:"")}const fe=g.propsFactory({...J(),...x(),...O(),...B(),...N()});function me(t,o){const n=Q(t,o),a=F(t,o),i=A(t,o),l=X(t,o),{colorStyles:c}=E(t),s=e.computed(()=>[n.value,a.value,i.value,l.value].filter(Boolean));return{variantClass:n,disabledClass:a,roundedClass:i,stateClass:l,surfaceStyles:c,surfaceClasses:s}}function ye(t){return{surfaceUnderlayClasses:e.computed(()=>[`${t}__surface-underlay`])}}function _e(t){return{surfaceOverlayClasses:e.computed(()=>[`${t}__surface-overlay`])}}function Se(t){return{surfaceContentClasses:e.computed(()=>[`${t}__surface-content`])}}function Y(t){return{...ye(t),..._e(t),...Se(t)}}const be=g.propsFactory({...x(),...B(),...R(),...N(),modelValue:{type:Number,default:0},indeterminate:Boolean,noLabel:Boolean,label:String,labelAlign:{type:String,default:"center"},view:{type:String,default:"default"},segments:{type:Number,default:12}}),Ce={key:0,class:"g-progress__label"},ke=["aria-valuenow","aria-valuetext"],he=e.defineComponent({__name:"GProgress",props:be({color:"primary"}),setup(t){const o=t,{gradientStyles:n}=E(o),a=e.ref(0),i=e.ref(null);let l;const c=e.computed(()=>Math.min(100,Math.max(0,o.modelValue))),s=q(a),f=e.computed(()=>Math.max(2,Math.round(o.segments))),m=e.computed(()=>Array.from({length:f.value-1},(p,v)=>v)),S=e.computed(()=>`${c.value}%`),_=e.computed(()=>o.label??`${Math.round(c.value)}%`),u=p=>({"--g-progress-segment-position":`${(p+1)/f.value*100}%`}),b=e.computed(()=>({...n.value,"--g-progress-value":S.value,"--g-progress-track-width":s.value})),$=()=>{l=new ResizeObserver(p=>{for(const v of p)a.value=v.contentRect.width}),i.value&&l.observe(i.value)};e.onMounted(()=>{$()}),e.onBeforeUnmount(()=>{l==null||l.disconnect()});const{surfaceOverlayClasses:V,surfaceUnderlayClasses:C,surfaceContentClasses:w}=Y("g-progress");return(p,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-progress",{"g-progress_rounded":o.rounded,"g-progress_indeterminate":o.indeterminate,"g-progress_no-label":o.noLabel,[`g-progress_${o.size}`]:!0,[`g-progress_label-${o.labelAlign}`]:!0,[`g-progress_view-${o.view}`]:!0}]),style:e.normalizeStyle(b.value)},[o.noLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(p.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(_.value),1)],!0)])),e.createElementVNode("div",{ref_key:"parentRef",ref:i,class:"g-progress__track",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o.indeterminate?void 0:c.value,"aria-valuetext":o.indeterminate?void 0:_.value},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(C))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(V))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-progress__surface-content",e.unref(w)])},[...v[0]||(v[0]=[e.createElementVNode("div",{class:"g-progress__bar"},[e.createElementVNode("div",{class:"g-progress__active"},[e.createElementVNode("div",{class:"g-progress__overlay"})])],-1)])],2),o.view==="segmented"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.value,k=>(e.openBlock(),e.createElementBlock("span",{key:k,class:"g-progress__segment-divider",style:e.normalizeStyle(u(k))},null,4))),128)):e.createCommentVNode("",!0)],8,ke)],6))}}),Z=M(he,[["__scopeId","data-v-0140ebe7"]]),$e=g.propsFactory({...L(),text:String,noText:Boolean,show:Boolean,color:String,dark:Boolean,opacity:[Number,String],blur:[Number,String],progressView:String,onClose:Function}),Ve={class:"g-loading__body"},we={key:0,class:"g-loading__text"},Be={class:"g-loading__progress"},xe=e.defineComponent({__name:"GLoading",props:$e({text:"Loading...",noText:!1,show:!1,color:"primary",dark:!1,opacity:void 0,blur:void 0,progressView:"glow",transition:()=>({name:"fade",duration:220}),onClose:void 0}),emits:["close"],setup(t,{expose:o,emit:n}){const a=t,i=n,l=e.ref(!1),c=e.computed(()=>a.show||l.value),s=e.computed(()=>({"--g-loading-overlay-opacity":a.opacity!==void 0?String(a.opacity):void 0,"--g-loading-overlay-blur":a.blur!==void 0?f(a.blur):void 0}));function f(u){return typeof u=="number"?`${u}px`:u}function m(){l.value=!0}function S(){l.value=!1}function _(){var u;(u=a.onClose)==null||u.call(a),i("close")}return o({hide:S,show:m,isVisible:c}),(u,b)=>(e.openBlock(),e.createBlock(e.unref(K),{transition:a.transition,name:"scale",onAfterLeave:_},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["g-loading",{"g-loading_dark":a.dark}]),style:e.normalizeStyle(s.value),"aria-live":"polite","aria-busy":"true"},[e.createElementVNode("div",Ve,[a.noText?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])])),e.createElementVNode("div",Be,[e.createVNode(Z,{"no-label":"",indeterminate:"","model-value":100,color:a.color,view:a.progressView,size:"s"},null,8,["color","view"])])])],6)):e.createCommentVNode("",!0)]),_:3},8,["transition"]))}});exports.GProgress=Z;exports._export_sfc=M;exports._sfc_main=xe;exports._sfc_main$1=K;exports.makeColorProps=x;exports.makeDisabledProps=O;exports.makeGTransitionProps=I;exports.makeRoundedProps=B;exports.makeSizeProps=R;exports.makeStateProps=N;exports.makeSurfaceProps=fe;exports.makeTransitionProps=L;exports.makeVariantProps=J;exports.resolveColorValue=G;exports.resolveGradientValue=U;exports.resolveTransitionOptions=W;exports.useDisabled=F;exports.usePx=q;exports.useReducedMotion=j;exports.useResolveGradientValue=H;exports.useRounded=A;exports.useSize=ie;exports.useState=X;exports.useSurface=me;exports.useSurfaceColor=E;exports.useSurfaceLayers=Y;exports.useVariant=Q;