adminforth 2.4.0-next.164 → 2.4.0-next.166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,7 +21,7 @@
21
21
  }" >
22
22
  </component>
23
23
  <span
24
- class="overflow-hidden block ms-3 text-left rtl:text-right transition-all duration-200 ease-in-out"
24
+ class="overflow-hidden block relative ms-3 text-left rtl:text-right transition-all duration-200 ease-in-out"
25
25
  :class="{
26
26
  'opacity-0 ms-0 translate-x-4 flex-none': isSidebarIconOnly && !isSidebarHovering,
27
27
  'opacity-100 ms-3 translate-x-0 flex-none': isSidebarIconOnly && isSidebarHovering,
@@ -39,14 +39,14 @@
39
39
  {{ item.label }}
40
40
  <template v-if="item.badge && (!isSidebarIconOnly || (isSidebarIconOnly && isSidebarHovering))">
41
41
  <Tooltip v-if="item.badgeTooltip">
42
- <div class="af-badge inline-flex items-center justify-center h-3 py-3 px-1 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
42
+ <div class="af-badge inline-flex items-center justify-center absolute top-1/2 -translate-y-1/2 h-3 py-3 px-1 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
43
43
  fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent min-w-[1.5rem] max-w-[3rem]">{{ item.badge }}</div>
44
44
  <template #tooltip>
45
45
  {{ item.badgeTooltip }}
46
46
  </template>
47
47
  </Tooltip>
48
48
  <template v-else>
49
- <div class="af-badge inline-flex items-center justify-center h-3 py-3 px-1 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
49
+ <div class="af-badge inline-flex items-center justify-center absolute top-1/2 -translate-y-1/2 h-3 py-3 px-1 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
50
50
  fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent min-w-[1.5rem] max-w-[3rem]">{{ item.badge }}</div>
51
51
  </template>
52
52
  </template>
@@ -89,7 +89,7 @@
89
89
  <div v-else-if="item.type === 'gap'" class="flex items-center justify-center h-8"></div>
90
90
  <div v-else-if="item.type === 'heading' && isSidebarHovering" class="flex items-center justify-left pl-2 h-8 text-lightSidebarHeading dark:text-darkSidebarHeading
91
91
  ">{{ item.label }}</div>
92
- <div v-else-if="item.type === 'heading' && !isSidebarHovering" class="opacity-0 w-1">{{ item.label }}</div>
92
+ <div v-else-if="item.type === 'heading' && !isSidebarHovering" class="opacity-0 w-1 h-8">{{ item.label }}</div>
93
93
  <li v-else-if="item.children" class="af-sidebar-expand-container">
94
94
  <button @click="clickOnMenuItem(i)" type="button" class="af-sidebar-expand-button relative flex items-center h-10 w-full px-3.5 py-2 text-base text-lightSidebarText rounded-default group hover:bg-lightSidebarItemHover hover:text-lightSidebarTextHover dark:text-darkSidebarText dark:hover:bg-darkSidebarHover dark:hover:text-darkSidebarTextHover"
95
95
  :class="opened.includes(i) ? 'af-sidebar-dropdown-expanded' : 'af-sidebar-dropdown-collapsed'"
@@ -145,7 +145,7 @@
145
145
  </ul>
146
146
 
147
147
 
148
- <div id="dropdown-cta" class="p-4 mt-6 rounded-lg bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
148
+ <div id="dropdown-cta" class="p-4 mt-6 w-[230px] rounded-lg bg-lightAnnouncementBG dark:bg-darkAnnouncementBG
149
149
  fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent text-sm" role="alert"
150
150
  v-if="(ctaBadge && !isSidebarIconOnly) || (ctaBadge && isSidebarIconOnly && isSidebarHovering)"
151
151
  >
@@ -0,0 +1,16 @@
1
+
2
+ /**
3
+ * Might have implementations like RAM, Redis, Memcached,
4
+ *
5
+ */
6
+ export interface KeyValueAdapter {
7
+
8
+ get(key: string): Promise<string | null>;
9
+
10
+ set(key: string, value: string, expiresInSeconds?: number): Promise<void>;
11
+
12
+ delete(key: string): Promise<void>;
13
+
14
+ }
15
+
16
+
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Might have implementations like RAM, Redis, Memcached,
3
+ *
4
+ */
5
+ export interface KeyValueAdapter {
6
+ get(key: string): Promise<string | null>;
7
+ set(key: string, value: string, expiresInSeconds?: number): Promise<void>;
8
+ delete(key: string): Promise<void>;
9
+ }
10
+ //# sourceMappingURL=KeyValueAdapter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KeyValueAdapter.d.ts","sourceRoot":"","sources":["../../../types/adapters/KeyValueAdapter.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,MAAM,WAAW,eAAe;IAE9B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAEzC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAEpC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=KeyValueAdapter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KeyValueAdapter.js","sourceRoot":"","sources":["../../../types/adapters/KeyValueAdapter.ts"],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "2.4.0-next.164",
3
+ "version": "2.4.0-next.166",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",