@iankibetsh/shframework 5.8.4 → 5.8.5

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
-}
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
-}
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
-}
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
-}
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
-}
-
 /* Step Container */
 .sh-form-steps-container {
   margin-bottom: 2.5rem;
@@ -336,6 +304,54 @@
   cursor: pointer;
 }
 
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
+}
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
+}
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
+}
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
+}
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
+}
+
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+  padding: 0rem 0rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 .permissions-main {
   background: #edeff2;
 }
@@ -368,22 +384,6 @@
   flex-grow: 1;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-  padding: 0rem 0rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .callout{
   --bs-link-color-rgb: 110,168,254;
   --bs-code-color: #e685b5;

package/dist/library.js

@@ -6086,7 +6086,13 @@ const shouldCache = vue.computed(() => {
 // Generates a unique, slug-safe key for IndexedDB storage
 const computedCacheKey = vue.computed(() => {
   if (props.cacheKey) return "sh_table_cache_" + props.cacheKey;
-  const keyBase = props.endPoint || props.query || "default";
+  let keyBase = props.endPoint || props.query || "default";
+  
+  // Include date range in the key if active
+  if (from.value || to.value || period.value) {
+    keyBase += `_${from.value}_${to.value}_${period.value}`;
+  }
+  
   const safeBase = keyBase.replace(/[^a-z0-9]/gi, "_").toLowerCase();
   return "sh_table_cache_" + safeBase;
 });

package/dist/library.mjs

@@ -6075,7 +6075,13 @@ const shouldCache = computed(() => {
 // Generates a unique, slug-safe key for IndexedDB storage
 const computedCacheKey = computed(() => {
   if (props.cacheKey) return "sh_table_cache_" + props.cacheKey;
-  const keyBase = props.endPoint || props.query || "default";
+  let keyBase = props.endPoint || props.query || "default";
+  
+  // Include date range in the key if active
+  if (from.value || to.value || period.value) {
+    keyBase += `_${from.value}_${to.value}_${period.value}`;
+  }
+  
   const safeBase = keyBase.replace(/[^a-z0-9]/gi, "_").toLowerCase();
   return "sh_table_cache_" + safeBase;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "5.8.4",
+  "version": "5.8.5",
   "description": "Vue library for handling laravel backend",
   "repository": {
     "type": "git",