@gspa/ui 0.1.3 → 0.1.4

package/dist/directives/tooltip.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m={mounted(t,d){if(!d.value)return;const n=Object.keys(d.modifiers)[0]||"top",o=document.createElement("div");o.textContent=d.value,o.className="tooltip-custom",o.style.cssText=`
+      position: fixed;
+      z-index: 9999;
+      background-color: rgba(0, 0, 0, 0.9);
+      color: white;
+      padding: 6px 12px;
+      border-radius: 4px;
+      font-size: 14px;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.2s;
+      white-space: nowrap;
+    `;const r=document.createElement("div");r.style.cssText=`
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-style: solid;
+    `,o.appendChild(r),t._tooltipEl=o,t._tooltipArrow=r,t._tooltipPosition=n;const p=()=>{if(!o.parentNode)return;const e=t.getBoundingClientRect(),i=o.getBoundingClientRect();if(e.width===0||e.height===0){o.style.opacity="0";return}let s,a;switch(n){case"bottom":a=e.left+e.width/2-i.width/2,s=e.bottom+8;break;case"left":a=e.left-i.width-8,s=e.top+e.height/2-i.height/2;break;case"right":a=e.right+8,s=e.top+e.height/2-i.height/2;break;default:a=e.left+e.width/2-i.width/2,s=e.top-i.height-8}const l=8;a=Math.max(l,Math.min(a,window.innerWidth-i.width-l)),s=Math.max(l,Math.min(s,window.innerHeight-i.height-l)),o.style.left=`${a}px`,o.style.top=`${s}px`},w=()=>{const e=`
+        position: absolute;
+        width: 0;
+        height: 0;
+        border-style: solid;
+      `;switch(n){case"bottom":r.style.cssText=e+`
+            border-width: 0 5px 5px 5px;
+            border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
+            top: -5px;
+            left: 50%;
+            transform: translateX(-50%);
+          `;break;case"left":r.style.cssText=e+`
+            border-width: 5px 0 5px 5px;
+            border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
+            right: -5px;
+            top: 50%;
+            transform: translateY(-50%);
+          `;break;case"right":r.style.cssText=e+`
+            border-width: 5px 5px 5px 0;
+            border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+            left: -5px;
+            top: 50%;
+            transform: translateY(-50%);
+          `;break;default:r.style.cssText=e+`
+            border-width: 5px 5px 0 5px;
+            border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
+            bottom: -5px;
+            left: 50%;
+            transform: translateX(-50%);
+          `}},h=()=>{document.body.appendChild(o),w(),p(),setTimeout(()=>{o.style.opacity="1"},10),window.addEventListener("scroll",p,!0),window.addEventListener("resize",p)},c=()=>{o.style.opacity="0",window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p),setTimeout(()=>{o.parentNode&&document.body.removeChild(o)},200)};t.addEventListener("mouseenter",h),t.addEventListener("mouseleave",c),t.addEventListener("click",c),t._tooltipShowFn=h,t._tooltipHideFn=c,t._tooltipRepositionFn=p},updated(t,d){if(t._tooltipEl){const n=t._tooltipEl.firstChild;n&&n.nodeType===Node.TEXT_NODE&&(n.textContent=d.value||"")}},unmounted(t){t._tooltipEl&&t._tooltipEl.parentNode&&document.body.removeChild(t._tooltipEl),t._tooltipShowFn&&t.removeEventListener("mouseenter",t._tooltipShowFn),t._tooltipHideFn&&(t.removeEventListener("mouseleave",t._tooltipHideFn),t.removeEventListener("click",t._tooltipHideFn)),t._tooltipRepositionFn&&(window.removeEventListener("scroll",t._tooltipRepositionFn,!0),window.removeEventListener("resize",t._tooltipRepositionFn))}};exports.tooltip=m;

package/dist/directives/tooltip.js

@@ -0,0 +1,115 @@
+const m = {
+  mounted(t, d) {
+    if (!d.value) return;
+    const n = Object.keys(d.modifiers)[0] || "top", o = document.createElement("div");
+    o.textContent = d.value, o.className = "tooltip-custom", o.style.cssText = `
+      position: fixed;
+      z-index: 9999;
+      background-color: rgba(0, 0, 0, 0.9);
+      color: white;
+      padding: 6px 12px;
+      border-radius: 4px;
+      font-size: 14px;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.2s;
+      white-space: nowrap;
+    `;
+    const r = document.createElement("div");
+    r.style.cssText = `
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-style: solid;
+    `, o.appendChild(r), t._tooltipEl = o, t._tooltipArrow = r, t._tooltipPosition = n;
+    const p = () => {
+      if (!o.parentNode) return;
+      const e = t.getBoundingClientRect(), i = o.getBoundingClientRect();
+      if (e.width === 0 || e.height === 0) {
+        o.style.opacity = "0";
+        return;
+      }
+      let s, a;
+      switch (n) {
+        case "bottom":
+          a = e.left + e.width / 2 - i.width / 2, s = e.bottom + 8;
+          break;
+        case "left":
+          a = e.left - i.width - 8, s = e.top + e.height / 2 - i.height / 2;
+          break;
+        case "right":
+          a = e.right + 8, s = e.top + e.height / 2 - i.height / 2;
+          break;
+        default:
+          a = e.left + e.width / 2 - i.width / 2, s = e.top - i.height - 8;
+      }
+      const l = 8;
+      a = Math.max(l, Math.min(a, window.innerWidth - i.width - l)), s = Math.max(l, Math.min(s, window.innerHeight - i.height - l)), o.style.left = `${a}px`, o.style.top = `${s}px`;
+    }, w = () => {
+      const e = `
+        position: absolute;
+        width: 0;
+        height: 0;
+        border-style: solid;
+      `;
+      switch (n) {
+        case "bottom":
+          r.style.cssText = e + `
+            border-width: 0 5px 5px 5px;
+            border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
+            top: -5px;
+            left: 50%;
+            transform: translateX(-50%);
+          `;
+          break;
+        case "left":
+          r.style.cssText = e + `
+            border-width: 5px 0 5px 5px;
+            border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
+            right: -5px;
+            top: 50%;
+            transform: translateY(-50%);
+          `;
+          break;
+        case "right":
+          r.style.cssText = e + `
+            border-width: 5px 5px 5px 0;
+            border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+            left: -5px;
+            top: 50%;
+            transform: translateY(-50%);
+          `;
+          break;
+        default:
+          r.style.cssText = e + `
+            border-width: 5px 5px 0 5px;
+            border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
+            bottom: -5px;
+            left: 50%;
+            transform: translateX(-50%);
+          `;
+      }
+    }, h = () => {
+      document.body.appendChild(o), w(), p(), setTimeout(() => {
+        o.style.opacity = "1";
+      }, 10), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
+    }, c = () => {
+      o.style.opacity = "0", window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p), setTimeout(() => {
+        o.parentNode && document.body.removeChild(o);
+      }, 200);
+    };
+    t.addEventListener("mouseenter", h), t.addEventListener("mouseleave", c), t.addEventListener("click", c), t._tooltipShowFn = h, t._tooltipHideFn = c, t._tooltipRepositionFn = p;
+  },
+  updated(t, d) {
+    if (t._tooltipEl) {
+      const n = t._tooltipEl.firstChild;
+      n && n.nodeType === Node.TEXT_NODE && (n.textContent = d.value || "");
+    }
+  },
+  unmounted(t) {
+    t._tooltipEl && t._tooltipEl.parentNode && document.body.removeChild(t._tooltipEl), t._tooltipShowFn && t.removeEventListener("mouseenter", t._tooltipShowFn), t._tooltipHideFn && (t.removeEventListener("mouseleave", t._tooltipHideFn), t.removeEventListener("click", t._tooltipHideFn)), t._tooltipRepositionFn && (window.removeEventListener("scroll", t._tooltipRepositionFn, !0), window.removeEventListener("resize", t._tooltipRepositionFn));
+  }
+};
+export {
+  m as tooltip
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./components/Avatar.cjs"),g=require("./components/Badge.cjs"),y=require("./components/Button.cjs"),D=require("./components/Checkbox.cjs"),R=require("./components/Divider.cjs"),F=require("./components/Icon.cjs"),S=require("./components/Image.cjs"),A=require("./components/Input.cjs"),I=require("./components/Label.cjs"),P=require("./components/Link.cjs"),B=require("./components/Logo.cjs"),L=require("./components/Option.cjs"),M=require("./components/Progress.cjs"),v=require("./components/ProgressBar.cjs"),w=require("./components/CircularProgress.cjs"),k=require("./components/Radio.cjs"),E=require("./components/Select.cjs"),H=require("./components/Spinner.cjs"),G=require("./components/Switch.cjs"),x=require("./components/Text.cjs"),N=require("./components/Textarea.cjs"),O=require("./components/Tooltip.cjs"),U=require("./components/Typography.cjs"),$=require("./components/ThemeConfigurator.cjs"),K=require("./components/Alert.cjs"),V=require("./components/Breadcrumb.cjs"),j=require("./components/ButtonGroup.cjs"),z=require("./components/Card.cjs"),W=require("./components/CardHeader.cjs"),Y=require("./components/CardBody.cjs"),J=require("./components/CardFooter.cjs"),Q=require("./components/CardContent.cjs"),X=require("./components/CardTitle.cjs"),Z=require("./components/DatePicker.cjs"),ee=require("./components/Dropdown.cjs"),te=require("./components/DropdownItem.cjs"),oe=require("./components/FileUpload.cjs"),re=require("./components/FormField.cjs"),ae=require("./components/InputGroup.cjs"),ne=require("./components/ListItem.cjs"),ue=require("./components/MenuItem.cjs"),le=require("./components/Modal.cjs"),de=require("./components/ModalHeader.cjs"),ce=require("./components/ModalBody.cjs"),se=require("./components/ModalFooter.cjs"),ie=require("./components/Notification.cjs"),fe=require("./components/Toast.cjs"),pe=require("./components/MultiSelect.cjs"),me=require("./components/Search.cjs"),_e=require("./components/Slider.cjs"),qe=require("./components/Stepper.cjs"),Te=require("./components/StepperItem.cjs"),he=require("./components/Tab.cjs"),be=require("./components/TabPanel.cjs"),Ce=require("./components/Accordion.cjs"),ge=require("./components/AccordionItem.cjs"),ye=require("./components/Calendar.cjs"),De=require("./components/Graph.cjs"),Re=require("./components/charts/BarChart.cjs"),Fe=require("./components/charts/LineChart.cjs"),Se=require("./components/charts/PieChart.cjs"),Ae=require("./components/GraphFilters.cjs"),Ie=require("./components/DataTable.cjs"),Pe=require("./components/DataTableHeader.cjs"),Be=require("./components/DataTableRow.cjs"),Le=require("./components/DataTableCell.cjs"),Me=require("./components/DataTablePagination.cjs"),ve=require("./components/DataTableFilters.cjs"),we=require("./components/DataTableToolBar.cjs"),q=require("./components/RailNav.cjs"),T=require("./components/FilterDrawer.cjs"),ke=require("./components/Footer.cjs"),Ee=require("./components/Header.cjs"),He=require("./components/ReusableFormModal.cjs"),Ge=require("./components/ReusableForm.cjs"),xe=require("./components/RightDrawer.cjs"),Ne=require("./components/Sidebar.cjs"),Oe=require("./components/Timeline.cjs"),Ue=require("./components/TimelineItem.cjs"),$e=require("./layouts/AuthLayout.cjs"),Ke=require("./layouts/DefaultLayout.cjs"),Ve=require("./layouts/ErrorLayout.cjs"),je=require("./components/widgets/DashboardWidget.cjs"),ze=require("./components/ReminderConfig.cjs"),f=require("./lib/toast.cjs"),i=require("./lib/theme.cjs"),We=require("./lib/auth.cjs"),_=require("./directives/tooltip.cjs"),et=require("./utils/cn.cjs"),Ye=require("./components/Loader.cjs"),Je=require("./components/EventsCalendar.cjs"),Qe=require("./components/charts/StackedBarChart.cjs"),h={Avatar:C.default,Badge:g.default,Button:y.default,Checkbox:D.default,Divider:R.default,Icon:F.default,Image:S.default,Input:A.default,Label:I.default,Link:P.default,Logo:B.default,Option:L.default,CircularProgress:w.default,Progress:M.default,ProgressBar:v.default,Radio:k.default,Select:E.default,Spinner:H.default,Switch:G.default,Text:x.default,Textarea:N.default,Tooltip:O.default,Typography:U.default,ThemeConfigurator:$.default,Loader:Ye.default,Alert:K.default,Breadcrumb:V.default,ButtonGroup:j.default,Card:z.default,CardHeader:W.default,CardBody:Y.default,CardFooter:J.default,CardContent:Q.default,CardTitle:X.default,DatePicker:Z.default,Dropdown:ee.default,DropdownItem:te.default,FileUpload:oe.default,FormField:re.default,InputGroup:ae.default,ListItem:ne.default,MenuItem:ue.default,Modal:le.default,ModalHeader:de.default,ModalBody:ce.default,ModalFooter:se.default,Notification:ie.default,Toast:fe.default,MultiSelect:pe.default,Search:me.default,Slider:_e.default,Stepper:qe.default,StepperItem:Te.default,Tab:he.default,TabPanel:be.default,BarChart:Re.default,LineChart:Fe.default,PieChart:Se.default,StackedBarChart:Qe.default,GraphFilters:Ae.default,Accordion:Ce.default,AccordionItem:ge.default,Graph:De.default,Calendar:ye.default,EventsCalendar:Je.default,DataTable:Ie.default,DataTableHeader:Pe.default,DataTableRow:Be.default,DataTableCell:Le.default,DataTablePagination:Me.default,DataTableFilters:ve.default,DataTableToolBar:we.default,FilterDrawer:T.default,RailNav:q.default,Footer:ke.default,Header:Ee.default,ReusableFormModal:He.default,ReusableForm:Ge.default,RightDrawer:xe.default,Sidebar:Ne.default,Timeline:Oe.default,TimelineItem:Ue.default,AuthLayout:$e.default,DefaultLayout:Ke.default,ErrorLayout:Ve.default,DashboardWidget:je.default,ReminderConfig:ze.default},tt=t=>typeof t=="string"?t:t&&typeof t=="object"&&typeof t.name=="string"?t.name:null,b=t=>typeof t=="function"?t():t,ot=(t={})=>{const{permissions:l=null,roles:d=null,checkPermission:u=null,checkAnyPermission:a=null,checkAllPermissions:n=null,checkRole:c=null,checkAnyRole:p=null}=t;if(!(l!==null||d!==null||typeof u=="function"||typeof a=="function"||typeof n=="function"||typeof c=="function"||typeof p=="function"))return null;const s=(e,o)=>!Array.isArray(e)||!o?!1:e.some(r=>tt(r)===o),Xe=(e,o=!1)=>{if(e==null)return!0;if(typeof e=="boolean")return e;if(typeof e=="function")return!!e();const r=b(l);return Array.isArray(e)?o?typeof n=="function"?!!n(e):e.every(m=>s(r,m)):typeof a=="function"?!!a(e):e.some(m=>s(r,m)):typeof u=="function"?!!u(e):s(r,e)},Ze=e=>{if(e==null)return!0;if(typeof e=="boolean")return e;if(typeof e=="function")return!!e();const o=b(d);return Array.isArray(e)?typeof p=="function"?!!p(e):e.some(r=>s(o,r)):typeof c=="function"?!!c(e):s(o,e)};return({permission:e,role:o,requireAll:r=!1}={})=>Xe(e,r)&&Ze(o)},rt={install(t,l={}){const{prefix:d="",authResolver:u=null}=l,a=typeof u=="function"?u:ot(l);Object.keys(h).forEach(n=>{const c=d?`${d}${n}`:n;t.component(c,h[n])}),t.config.globalProperties.$toast=f.toast,t.provide("toast",f.toast),t.config.globalProperties.$tooltip=_.tooltip,t.provide("tooltip",_.tooltip),t.config.globalProperties.$authResolver=a,t.config.globalProperties.$canAccess=a,t.provide(We.AUTH_RESOLVER_KEY,a)}};exports.Avatar=C.default;exports.Badge=g.default;exports.Button=y.default;exports.Checkbox=D.default;exports.Divider=R.default;exports.Icon=F.default;exports.Image=S.default;exports.Input=A.default;exports.Label=I.default;exports.Link=P.default;exports.Logo=B.default;exports.Option=L.default;exports.Progress=M.default;exports.ProgressBar=v.default;exports.CircularProgress=w.default;exports.Radio=k.default;exports.Select=E.default;exports.Spinner=H.default;exports.Switch=G.default;exports.Text=x.default;exports.Textarea=N.default;exports.Tooltip=O.default;exports.Typography=U.default;exports.ThemeConfigurator=$.default;exports.Alert=K.default;exports.Breadcrumb=V.default;exports.ButtonGroup=j.default;exports.Card=z.default;exports.CardHeader=W.default;exports.CardBody=Y.default;exports.CardFooter=J.default;exports.CardContent=Q.default;exports.CardTitle=X.default;exports.DatePicker=Z.default;exports.Dropdown=ee.default;exports.DropdownItem=te.default;exports.FileUpload=oe.default;exports.FormField=re.default;exports.InputGroup=ae.default;exports.ListItem=ne.default;exports.MenuItem=ue.default;exports.Modal=le.default;exports.ModalHeader=de.default;exports.ModalBody=ce.default;exports.ModalFooter=se.default;exports.Notification=ie.default;exports.Toast=fe.default;exports.MultiSelect=pe.default;exports.Search=me.default;exports.Slider=_e.default;exports.Stepper=qe.default;exports.StepperItem=Te.default;exports.Tab=he.default;exports.TabPanel=be.default;exports.Accordion=Ce.default;exports.AccordionItem=ge.default;exports.Calendar=ye.default;exports.Graph=De.default;exports.BarChart=Re.default;exports.LineChart=Fe.default;exports.PieChart=Se.default;exports.GraphFilters=Ae.default;exports.DataTable=Ie.default;exports.DataTableHeader=Pe.default;exports.DataTableRow=Be.default;exports.DataTableCell=Le.default;exports.DataTablePagination=Me.default;exports.DataTableFilters=ve.default;exports.DataTableToolBar=we.default;exports.KvRailNav=q.default;exports.RailNav=q.default;exports.FilterDrawer=T.default;exports.KvFilterDrawer=T.default;exports.Footer=ke.default;exports.Header=Ee.default;exports.ReusableFormModal=He.default;exports.ReusableForm=Ge.default;exports.RightDrawer=xe.default;exports.Sidebar=Ne.default;exports.Timeline=Oe.default;exports.TimelineItem=Ue.default;exports.AuthLayout=$e.default;exports.DefaultLayout=Ke.default;exports.ErrorLayout=Ve.default;exports.DashboardWidget=je.default;exports.ReminderConfig=ze.default;exports.toast=f.toast;exports.useToaster=f.useToaster;exports.getMode=i.getMode;exports.getTheme=i.getTheme;exports.initTheme=i.initTheme;exports.setMode=i.setMode;exports.setTheme=i.setTheme;exports.AUTH_RESOLVER_KEY=We.AUTH_RESOLVER_KEY;exports.tooltip=_.tooltip;exports.cn=et.cn;exports.Loader=Ye.default;exports.EventsCalendar=Je.default;exports.StackedBarChart=Qe.default;exports.default=rt;