forstok-ui-lib 6.2.11 → 6.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.2.11",
+  "version": "6.2.12",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/javascripts/function.ts

@@ -646,4 +646,37 @@ export const isTablet = () => {
 
 export const isMobile = () => {
   return document.body.clientWidth < 768 ? true : false;
+}
+
+export const evCloseDropdown = (currentTarget: EventTarget & HTMLElement) => {
+  const containerEl = currentTarget.closest('._refContainer') as HTMLElement
+  const isOpen = containerEl ? containerEl.classList.contains('is-shown') : false
+  if (isOpen) {
+    const containerRefs = document.getElementsByClassName('_refContainer is-shown') as HTMLCollectionOf<HTMLElement>
+    if (containerRefs?.length) {
+      for (let i = 0; i < containerRefs.length; i++) {
+        const overlay = containerRefs[i].querySelector(`._refDropdownOverlay`) as HTMLElement
+        overlay && (overlay.style.display = 'none')
+        containerRefs[i].classList.remove('is-shown')
+      }
+    }  
+    const refScrollContainerEl = document.querySelector('._refScrollContainer') as HTMLElement
+    const bodyEl = document.getElementsByTagName('BODY')[0] as HTMLBodyElement
+    bodyEl.classList.remove('is-immuned')
+    if (refScrollContainerEl) {
+      refScrollContainerEl.style.overflow = 'auto'
+      const child = refScrollContainerEl.firstChild as HTMLElement
+      child.style.overflowY = 'unset'
+    }
+  }
+}
+
+export const evSetTotal = (totalCount: number, totalEl: HTMLSpanElement, callback?: () => void) => {
+  if (totalCount && totalEl) {
+    totalEl.innerText =`(${totalCount})`
+    totalEl.removeAttribute('hidden')
+  }
+  if (callback && typeof(callback) == "function") {
+    callback()
+  }
 }