@kyndryl-design-system/shidoka-applications 2.30.0 → 2.31.1

package/common/helpers/swiper.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";const n={slidesPerView:1.25,centeredSlides:!0,spaceBetween:16,breakpoints:{672:{slidesPerView:"auto",spaceBetween:24}},keyboard:{enabled:!0},mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},scrollbar:{el:".swiper-scrollbar",draggable:!0},pagination:{el:".swiper-pagination",clickable:!0,type:"fraction"},on:{init:function(n){n.navigation.prevEl.innerHTML=e,n.navigation.nextEl.innerHTML=e,t(n)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const n=e.el.getBoundingClientRect();e.slides.forEach((e=>{const t=e.getBoundingClientRect();t.left<n.left||t.right>n.width+n.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{n as SwiperConfig};
+import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";const n={slidesPerView:1.25,centeredSlides:!0,spaceBetween:16,breakpoints:{672:{slidesPerView:"auto",spaceBetween:24}},keyboard:{enabled:!0},mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},scrollbar:{el:".swiper-scrollbar",draggable:!0},pagination:{el:".swiper-pagination",clickable:!0,type:"fraction"},on:{init:function(n){n.navigation.prevEl.innerHTML=e,n.navigation.nextEl.innerHTML=e,t(n)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const n=e.el.getBoundingClientRect();e.slides.forEach((e=>{const t=e.getBoundingClientRect();t.left<n.left||t.right>n.width+n.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{n as SwiperConfig};
 //# sourceMappingURL=swiper.js.map

package/components/ai/sourcesFeedback/aiSourcesFeedback.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as s,l as i,c as o,e as n}from"../../../vendor/lit-461e78e6.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as r}from"../../../vendor/deepmerge-ts-e62363e6.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{f as p,D as b,E as h,F as k,G as u,c as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-37bc81e6.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var v=a`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as s,l as i,c as o,e as n}from"../../../vendor/lit-461e78e6.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as r}from"../../../vendor/deepmerge-ts-e62363e6.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{f as p,D as b,E as h,F as k,G as u,c as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-37bc81e6.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var v=a`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/ai/sourcesFeedback/index.js

@@ -1,2 +1,2 @@
-export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-37bc81e6.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";
+export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-37bc81e6.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";
 //# sourceMappingURL=index.js.map

package/components/global/header/headerFlyout.js

@@ -1,4 +1,4 @@
-import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../../vendor/lit-html-29220869.js";import{n as i,l as o,o as n,e as r}from"../../../vendor/lit-461e78e6.js";import{i as a,s as l,x as s}from"../../../vendor/lit-element-c6c02f24.js";import{b as d,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var h=a`*,
+import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../../vendor/lit-html-29220869.js";import{n as i,l as o,o as n,e as r}from"../../../vendor/lit-461e78e6.js";import{i as a,s as l,x as s}from"../../../vendor/lit-element-c6c02f24.js";import{b as d,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var h=a`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerFlyouts.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,e as i}from"../../../vendor/lit-461e78e6.js";import{i as r,s as n,x as a}from"../../../vendor/lit-element-c6c02f24.js";import{o as d}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var l=r`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,e as i}from"../../../vendor/lit-461e78e6.js";import{i as r,s as n,x as a}from"../../../vendor/lit-element-c6c02f24.js";import{o as d}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var l=r`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerLink.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as o,l as n,o as r,e as a}from"../../../vendor/lit-461e78e6.js";import{i as l,s,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{debounce as c}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as h,d as v,s as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var p=l`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as o,l as n,o as r,e as a}from"../../../vendor/lit-461e78e6.js";import{i as l,s,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{debounce as c}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as h,d as v,s as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var p=l`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerNav.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{t as o,n as i,o as n,e as r}from"../../../vendor/lit-461e78e6.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as s,m as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var u=a`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{t as o,n as i,o as n,e as r}from"../../../vendor/lit-461e78e6.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as s,m as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var u=a`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/index.js

@@ -1,2 +1,2 @@
-export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";
+export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";
 //# sourceMappingURL=index.js.map

package/components/global/localNav/index.js

@@ -1,2 +1,2 @@
-export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/global/localNav/localNav.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as t,t as n,l as o,o as a,e as d}from"../../../vendor/lit-461e78e6.js";import{i as r,s,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import{f as h,p as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var m=r`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as t,t as n,l as o,o as a,e as d}from"../../../vendor/lit-461e78e6.js";import{i as r,s,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import{f as h,p as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var m=r`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/localNav/localNavLink.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as n,l as o,o as a,e as d}from"../../../vendor/lit-461e78e6.js";import{i as l,s as r,x as s}from"../../../vendor/lit-element-c6c02f24.js";import{f as p,d as h}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var c=l`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as n,l as o,o as a,e as d}from"../../../vendor/lit-461e78e6.js";import{i as l,s as r,x as s}from"../../../vendor/lit-element-c6c02f24.js";import{f as p,d as h}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var c=l`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/accordion/accordionItem.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as i,t,c as o,e as n}from"../../../vendor/lit-461e78e6.js";import{i as r,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as a}from"../../../vendor/lit-html-29220869.js";import{C as s}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var c=r`/**
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as i,t,c as o,e as n}from"../../../vendor/lit-461e78e6.js";import{i as r,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as a}from"../../../vendor/lit-html-29220869.js";import{C as s}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var c=r`/**
  * Copyright Kyndryl, Inc. 2023
  */
 *,

package/components/reusable/accordion/index.js

@@ -1,2 +1,2 @@
-export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/badge/badge.js

@@ -1,4 +1,4 @@
-import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{n as o,t as e,c as a,e as i}from"../../../vendor/lit-461e78e6.js";import{i as t,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{H as n,I as g,J as s,K as b,L as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";var u=t`*,
+import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{n as o,t as e,c as a,e as i}from"../../../vendor/lit-461e78e6.js";import{i as t,s as d,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{H as n,I as g,J as s,K as b,L as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";var u=t`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/badge/index.js

@@ -1,2 +1,2 @@
-export{Badge}from"./badge.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{Badge}from"./badge.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/blockCodeView/blockCodeView.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,t as i,b as n,o as a,e as r}from"../../../vendor/lit-461e78e6.js";import{i as s,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import{P as p}from"../../../vendor/prismjs-860c2ccc.js";import{M as h,N as g,f as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../button/button.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var u=s`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,t as i,b as n,o as a,e as r}from"../../../vendor/lit-461e78e6.js";import{i as s,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import{P as p}from"../../../vendor/prismjs-860c2ccc.js";import{M as h,N as g,f as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../button/button.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var u=s`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/blockCodeView/index.js

@@ -1,2 +1,2 @@
-export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/prismjs-860c2ccc.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";
+export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/prismjs-860c2ccc.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/checkbox/checkboxGroup.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as l,e as o}from"../../../vendor/lit-461e78e6.js";import{i as r,x as a,s}from"../../../vendor/lit-element-c6c02f24.js";import{d as n}from"../../../vendor/deepmerge-ts-e62363e6.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"./checkbox.js";import{g as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var h=r`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as i,t as l,e as o}from"../../../vendor/lit-461e78e6.js";import{i as r,x as a,s}from"../../../vendor/lit-element-c6c02f24.js";import{d as n}from"../../../vendor/deepmerge-ts-e62363e6.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"./checkbox.js";import{g as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var h=r`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/checkbox/index.js

@@ -1,2 +1,2 @@
-export{Checkbox}from"./checkbox.js";export{CheckboxGroup}from"./checkboxGroup.js";export{CheckboxSubgroup}from"./checkboxSubgroup.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{Checkbox}from"./checkbox.js";export{CheckboxGroup}from"./checkboxGroup.js";export{CheckboxSubgroup}from"./checkboxSubgroup.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/datePicker/datepicker.js

@@ -1,4 +1,4 @@
-import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as l}from"../../../vendor/lit-461e78e6.js";import{i as n,x as s,s as o}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import{o as p}from"../../../vendor/lit-html-29220869.js";import{getPlaceholder as c,injectFlatpickrStyles as h,updateEnableTime as u,emitValue as m,initializeSingleAnchorFlatpickr as v,getModalContainer as f,setCalendarAttributes as k,hideEmptyYear as g,getFlatpickrOptions as b,loadLocale as y,preventFlatpickrOpen as x,handleInputClick as _,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as D}from"../../../shidoka-flatpickr-theme-469e3123.js";import{c as z,O as I,P as F}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var $=n`*,
+import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as l}from"../../../vendor/lit-461e78e6.js";import{i as n,x as s,s as o}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import{o as p}from"../../../vendor/lit-html-29220869.js";import{getPlaceholder as c,injectFlatpickrStyles as h,updateEnableTime as u,emitValue as m,initializeSingleAnchorFlatpickr as v,getModalContainer as f,setCalendarAttributes as k,hideEmptyYear as g,getFlatpickrOptions as b,loadLocale as y,preventFlatpickrOpen as x,handleInputClick as _,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as D}from"../../../shidoka-flatpickr-theme-469e3123.js";import{c as z,O as I,P as F}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var $=n`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/datePicker/index.js

@@ -1,2 +1,2 @@
-export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-469e3123.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-469e3123.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/daterangepicker/daterangepicker.js

@@ -1,4 +1,4 @@
-import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as l}from"../../../vendor/lit-461e78e6.js";import{i as n,x as s,s as o}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import{o as h}from"../../../vendor/lit-html-29220869.js";import{getPlaceholder as p,injectFlatpickrStyles as c,updateEnableTime as u,emitValue as v,initializeSingleAnchorFlatpickr as m,getModalContainer as g,setCalendarAttributes as f,hideEmptyYear as k,getFlatpickrOptions as b,loadLocale as y,preventFlatpickrOpen as x,handleInputClick as _,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as D}from"../../../shidoka-flatpickr-theme-469e3123.js";import{c as F,O as I,P as z}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var S=n`*,
+import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as l}from"../../../vendor/lit-461e78e6.js";import{i as n,x as s,s as o}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as d}from"../../../common/mixins/form-input.js";import{o as h}from"../../../vendor/lit-html-29220869.js";import{getPlaceholder as p,injectFlatpickrStyles as c,updateEnableTime as u,emitValue as v,initializeSingleAnchorFlatpickr as m,getModalContainer as g,setCalendarAttributes as f,hideEmptyYear as k,getFlatpickrOptions as b,loadLocale as y,preventFlatpickrOpen as x,handleInputClick as _,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as D}from"../../../shidoka-flatpickr-theme-469e3123.js";import{c as F,O as I,P as z}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var S=n`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/daterangepicker/index.js

@@ -1,2 +1,2 @@
-export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-469e3123.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";
+export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/flatpickrLangs.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-469e3123.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/dropdown/dropdown.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{o as i,n as l,t as o,l as a,i as s,e as r}from"../../../vendor/lit-461e78e6.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as p}from"../../../common/mixins/form-input.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import"./dropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{e as u,f as m,g as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-f3175688.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var g=n`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{o as i,n as l,t as o,l as a,i as s,e as r}from"../../../vendor/lit-461e78e6.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as p}from"../../../common/mixins/form-input.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import"./dropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{e as u,f as m,g as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-f2565c2b.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var g=n`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/dropdown/dropdownOption.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,t as i,e as l}from"../../../vendor/lit-461e78e6.js";import{i as s,s as d,x as r}from"../../../vendor/lit-element-c6c02f24.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import{h as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var a=s`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{n as o,t as i,e as l}from"../../../vendor/lit-461e78e6.js";import{i as s,s as d,x as r}from"../../../vendor/lit-element-c6c02f24.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import{h as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../common/mixins/form-input.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var a=s`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/reusable/dropdown/index.js

@@ -1,2 +1,2 @@
-export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import"../../../tag-f3175688.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";
+export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import"../../../tag-f2565c2b.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";
 //# sourceMappingURL=index.js.map

package/components/reusable/fileUploader/fileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/fileUploader/fileUploader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;;AAsBzB;;;;GAIG;AACH,qBACa,YAAa,SAAQ,iBAAqB;IACrD,OAAgB,MAAM,MAAoB;IAE1C;;;;;;;OAOG;IAEH,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW;;;;;;;;;;;;;;;;;;MAAuB;IAElC;;;;;;OAMG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;KACpD,EAAE,CAAM;IAET;;OAEG;IAEH,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,cAAc,CAAC;KACpD,EAAE,CAAM;IAET;;;OAGG;IAEH,YAAY;;;;;;;;;;;;;;;;;;MAAuB;IAEnC;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,aAAa,EAAE,MAAM,EAAE,CAAM;IAE7B;;;OAGG;IAEH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;;OAGG;IAEH,2BAA2B,UAAS;IAEpC;;;OAGG;IAEH,QAAQ,EAAG,gBAAgB,CAAC;IAEnB,UAAU,CAAC,YAAY,EAAE,GAAG;IAa5B,OAAO,CAAC,YAAY,EAAE,GAAG;IAUzB,MAAM;IAmJf,cAAc,CAAC,KAAK,EAAE,SAAS;IAM/B,UAAU,CAAC,KAAK,EAAE,SAAS;IAiB3B,OAAO,CAAC,kBAAkB;IAO1B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAa7B,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IA2EtB,OAAO,CAAC,SAAS;IAuCjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,oBAAoB;CAS7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
+{"version":3,"file":"fileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/fileUploader/fileUploader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;;AAsBzB;;;;GAIG;AACH,qBACa,YAAa,SAAQ,iBAAqB;IACrD,OAAgB,MAAM,MAAoB;IAE1C;;;;;;;OAOG;IAEH,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW;;;;;;;;;;;;;;;;;;MAAuB;IAElC;;;;;;OAMG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;KACpD,EAAE,CAAM;IAET;;OAEG;IAEH,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,cAAc,CAAC;KACpD,EAAE,CAAM;IAET;;;OAGG;IAEH,YAAY;;;;;;;;;;;;;;;;;;MAAuB;IAEnC;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,aAAa,EAAE,MAAM,EAAE,CAAM;IAE7B;;;OAGG;IAEH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;;OAGG;IAEH,2BAA2B,UAAS;IAEpC;;;OAGG;IAEH,QAAQ,EAAG,gBAAgB,CAAC;IAEnB,UAAU,CAAC,YAAY,EAAE,GAAG;IAa5B,OAAO,CAAC,YAAY,EAAE,GAAG;IAUzB,MAAM;IAyJf,cAAc,CAAC,KAAK,EAAE,SAAS;IAM/B,UAAU,CAAC,KAAK,EAAE,SAAS;IAiB3B,OAAO,CAAC,kBAAkB;IAO1B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAa7B,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IA2EtB,OAAO,CAAC,SAAS;IAuCjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,oBAAoB;CAS7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}

package/components/reusable/fileUploader/fileUploader.js

@@ -1,4 +1,4 @@
-import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as l,t as a,i as n,e as o}from"../../../vendor/lit-461e78e6.js";import{i as r,x as s,s as d}from"../../../vendor/lit-element-c6c02f24.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import{Q as p,R as h,S as f,T as m,U as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-3b793be1.js";import{FormMixin as u}from"../../../common/mixins/form-input.js";import"./fileUploaderListContainer.js";import"../button/button.js";import"../loaders/loader.js";import"../loaders/inline.js";import"../loaders/skeleton.js";import"../inlineConfirm/inlineConfirm.js";import"../notification/notification.js";import"../notification/notificationContainer.js";import"../link/link.js";import"../../../vendor/lit-html-29220869.js";import"../link/defs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../../../cardSample-37bc81e6.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../../../tag-f3175688.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";var v=r`*,
+import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as l,t as a,i as n,e as o}from"../../../vendor/lit-461e78e6.js";import{i as r,x as s,s as d}from"../../../vendor/lit-element-c6c02f24.js";import{d as c}from"../../../vendor/deepmerge-ts-e62363e6.js";import{Q as p,R as h,S as f,T as g,U as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-24ba60f3.js";import{FormMixin as u}from"../../../common/mixins/form-input.js";import"./fileUploaderListContainer.js";import"../button/button.js";import"../loaders/loader.js";import"../loaders/inline.js";import"../loaders/skeleton.js";import"../inlineConfirm/inlineConfirm.js";import"../notification/notification.js";import"../notification/notificationContainer.js";import"../link/link.js";import"../../../vendor/lit-html-29220869.js";import"../link/defs.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../../../cardSample-37bc81e6.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../../../tag-f2565c2b.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";var v=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -189,7 +189,11 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as
 .file-uploader-container .file-info-container {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 16px;
+}
+.file-uploader-container .file-info-container.border-and-padding {
+  border-top: 1px solid var(--kd-color-border-accent-secondary);
+  padding-top: 16px;
 }
 .file-uploader-container .error-filled-icon {
   display: flex;
@@ -288,9 +292,8 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as
   align-items: center;
 }
 .file-uploader-container .file-uploader-item-container {
-  height: 74px;
-  padding: 16px 16px 16px 0;
-  border-bottom: 1px solid var(--kd-color-border-accent-secondary);
+  height: 64px;
+  padding: 8px 16px 8px 0;
   display: flex;
   flex-wrap: wrap;
 }
@@ -340,7 +343,9 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as
           </div>
         </div>
         <!-- File list -->
-        <div class="file-info-container">
+        <div
+          class=${e({"file-info-container":!0,"border-and-padding":this._validFiles.length>0||this._invalidFiles.length>0})}
+        >
           <!-- Invalid files -->
           ${this._invalidFiles.length>0?s`
                 <kyn-file-uploader-list-container
@@ -412,14 +417,14 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{o as e,c as t,n as
       </div>
     `}handleDragOver(i){i.preventDefault(),i.stopPropagation(),this._dragging=!0}handleDrop(i){var e;if(i.preventDefault(),i.stopPropagation(),this._dragging=!1,this._showValidationNotification=!1,!this.disabled&&(null===(e=i.dataTransfer)||void 0===e?void 0:e.files)){const e=Array.from(i.dataTransfer.files);this._validateFiles(e),this._validate(!0,!1),this._setFormValue(),this._emitFileUploadEvent()}}_triggerFileSelect(){var i;const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#fileInput");null==e||e.click()}handleFileChange(i){this._showValidationNotification=!1;const e=i.target;if(e.files){const i=Array.from(e.files);this._validateFiles(i),this._validate(!0,!1),this._setFormValue(),this._emitFileUploadEvent()}}_getFilesSize(i){if(i<1024)return`${i} Bytes`;if(i<1048576){const e=i/1024;return e%1==0?`${Math.floor(e)} KB`:`${e.toFixed(2)} KB`}if(i<1073741824){const e=i/1048576;return e%1==0?`${Math.floor(e)} MB`:`${e.toFixed(2)} MB`}{const e=i/1073741824;return e%1==0?`${Math.floor(e)} GB`:`${e.toFixed(2)} GB`}}_clearInvalidFiles(){this._invalidFiles=[],this._emitFileUploadEvent()}_validateFiles(i){if(!this.multiple&&i.length>1)return void(this._showValidationNotification=!0);const e=this.multiple?[...this._validFiles]:[],t=this.multiple?[...this._invalidFiles]:[];i.forEach((i=>{const l=i.name,a=i.type,n=i.size,o=this.accept.includes("image/*"),r=this.accept.includes("audio/*"),s=this.accept.includes("video/*"),d=(l.split(".").pop()||"").replace(/^/,".");this.accept.includes(a);const c=0===this.accept.length||o&&a.includes("image")||r&&a.includes("audio")||s&&a.includes("video")||this.accept.includes(a)||this.accept.includes(d),p=n<=this.maxFileSize,h=e.some((e=>e.file.name===i.name)),f=t.some((e=>e.file.name===i.name));if(c&&p&&!h)e.push({file:i,id:l,status:"new"});else if(!(c&&p||f)){let e="";e=c?p?"unknownError":"sizeError":"typeError",t.push({file:i,id:l,status:e})}})),(e.length>0||!this.multiple)&&(this._validFiles=e),(t.length>0||!this.multiple)&&(this._invalidFiles=t)}_validate(i,e){const t=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity;let l="";if(this._invalidFiles.length>0){const i=this._invalidFiles.some((i=>"typeError"===i.status)),e=this._invalidFiles.some((i=>"sizeError"===i.status));l=i&&e?"Invalid file type and Exceeds maximum file size":i?"Invalid file type":"Exceeds maximum file size"}const a=""!==this.invalidText?this.invalidText:l;(i||""!==this.invalidText)&&(this._internals.setValidity(t,a),i&&(this._internalValidationMsg=l)),e&&this._internals.reportValidity()}_setFormValue(){const i=new FormData;this._validFiles.forEach((e=>{const{file:t}=e;i.append(this.name,t)})),this._internals.setFormValue(i)}_displayActions(i){return"uploading"===i.status?s` <kyn-loader-inline></kyn-loader-inline> `:"uploaded"===i.status?s`
         <span class="success-icon">${t(f)}</span>
-      `:"error"===i.status?s` <span class="error-icon">${t(m)}</span> `:s` <kyn-inline-confirm
+      `:"error"===i.status?s` <span class="error-icon">${t(g)}</span> `:s` <kyn-inline-confirm
         ?destructive=${!0}
         .anchorText=${this._textStrings.inlineConfirmAnchorText}
         .confirmText=${this._textStrings.inlineConfirmConfirmText}
         .cancelText=${this._textStrings.inlineConfirmCancelText}
         @on-confirm=${()=>this._deleteFile(i.id)}
       >
-        <span>${t(g)}</span>
-        <span slot="confirmIcon">${t(g)}</span>
+        <span>${t(m)}</span>
+        <span slot="confirmIcon">${t(m)}</span>
       </kyn-inline-confirm>`}_deleteFile(i){var e;this._validFiles=this._validFiles.filter((e=>e.id!==i));(null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("#fileInput")).value="",this._setFormValue(),this._emitFileUploadEvent()}_emitFileUploadEvent(){const i=new CustomEvent("selected-files",{detail:{validFiles:this._validFiles,invalidFiles:this._invalidFiles}});this.dispatchEvent(i)}};x.styles=v,i([l({type:Array})],x.prototype,"accept",void 0),i([l({type:Boolean})],x.prototype,"multiple",void 0),i([l({type:Object})],x.prototype,"textStrings",void 0),i([l({type:Number})],x.prototype,"maxFileSize",void 0),i([l({type:Boolean})],x.prototype,"disabled",void 0),i([l({type:Array})],x.prototype,"validFiles",void 0),i([l({type:Array})],x.prototype,"invalidFiles",void 0),i([a()],x.prototype,"_textStrings",void 0),i([a()],x.prototype,"_dragging",void 0),i([a()],x.prototype,"_invalidFiles",void 0),i([a()],x.prototype,"_validFiles",void 0),i([a()],x.prototype,"_showValidationNotification",void 0),i([n("input")],x.prototype,"_inputEl",void 0),x=i([o("kyn-file-uploader")],x);export{x as FileUploader};
 //# sourceMappingURL=fileUploader.js.map

package/components/reusable/fileUploader/fileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileUploader.js","sources":["../../../../src/components/reusable/fileUploader/fileUploader.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport uploadIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/upload.svg';\nimport errorFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/error-filled.svg';\nimport deleteIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/delete.svg';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/checkmark.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/error.svg';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport FileUploaderScss from './fileUploader.scss';\nimport './fileUploaderListContainer';\nimport '../button';\nimport '../loaders';\nimport '../inlineConfirm';\nimport '../notification';\n\nconst _defaultTextStrings = {\n  dragAndDropText: 'Drag files here to upload',\n  separatorText: 'or',\n  buttonText: 'Browse files',\n  maxFileSizeText: 'Max file size',\n  supportedFileTypeText: 'Supported file type: ',\n  fileTypeDisplyText: 'Any file type',\n  invalidFileListLabel: 'Some files could not be added:',\n  validFileListLabel: 'Files added:',\n  clearListText: 'Clear list',\n  fileTypeErrorText: 'Invaild file type',\n  fileSizeErrorText: 'Max file size exceeded',\n  customFileErrorText: 'Custom file error',\n  inlineConfirmAnchorText: 'Delete',\n  inlineConfirmConfirmText: 'Confirm',\n  inlineConfirmCancelText: 'Cancel',\n  validationNotificationTitle: 'Multiple files not allowed',\n  validationNotificationMessage: 'Please select only one file.',\n};\n\n/**\n * File Uploader\n * @fires selected-files - Emits the uploaded files.\n * @slot upload-status - Slot for upload status/notification.\n */\n@customElement('kyn-file-uploader')\nexport class FileUploader extends FormMixin(LitElement) {\n  static override styles = FileUploaderScss;\n\n  /**\n   * Set the file types that the component accepts. By default, it accepts all file types.\n   * @example\n   * ['image/jpeg', 'image/png']\n   * ['image/*']\n   * ['audio/*']\n   * ['application/pdf', 'text/plain']\n   */\n  @property({ type: Array })\n  accept: string[] = [];\n\n  /**\n   * Accept multiple files. Default value is `false`.\n   */\n  @property({ type: Boolean })\n  multiple = false;\n\n  /**\n   * Customizable text strings.\n   */\n  @property({ type: Object })\n  textStrings = _defaultTextStrings;\n\n  /**\n   * Set the maximum file size in bytes. Default value is `1048576` (1MB).\n   * @example\n   * 1048576 // 1MB\n   * 5242880 // 5MB\n   * 1073741824 // 1GB\n   */\n  @property({ type: Number })\n  maxFileSize = 1048576; // 1MB\n\n  /**\n   * Disable the file uploader. Default value is `false`.\n   */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /**\n   * Valid files. This property is used to set the initial or updated state of the valid files.\n   */\n  @property({ type: Array })\n  validFiles: {\n    id: string;\n    file: File;\n    status: 'new' | 'uploading' | 'uploaded' | 'error';\n  }[] = [];\n\n  /**\n   * Invalid files. This property is used to set the initial state of the invalid files.\n   */\n  @property({ type: Array })\n  invalidFiles: {\n    id: string;\n    file: File;\n    status: 'sizeError' | 'typeError' | 'unknownError';\n  }[] = [];\n\n  /**\n   * Internal text strings.\n   * @internal\n   */\n  @state()\n  _textStrings = _defaultTextStrings;\n\n  /**\n   * Internal dragging state.\n   * @internal\n   */\n  @state()\n  _dragging = false;\n\n  /**\n   * Internal invalid files.\n   * @internal\n   */\n  @state()\n  _invalidFiles: Object[] = [];\n\n  /**\n   * Internal valid files.\n   * @internal\n   */\n  @state()\n  _validFiles: Object[] = [];\n\n  /**\n   * Internal notification message flag.\n   * @internal\n   */\n  @state()\n  _showValidationNotification = false;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input')\n  _inputEl!: HTMLInputElement;\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n    if (changedProps.has('validFiles')) {\n      this._validFiles = this.validFiles;\n      this._setFormValue();\n    }\n    if (changedProps.has('invalidFiles')) {\n      this._invalidFiles = this.invalidFiles;\n    }\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('validFiles')) {\n      this._validFiles = this.validFiles;\n      this._setFormValue();\n    }\n    if (changedProps.has('invalidFiles')) {\n      this._invalidFiles = this.invalidFiles;\n    }\n  }\n\n  override render() {\n    const dragDropContainerClasses = {\n      'drag-drop-container': true,\n      dragging: this._dragging,\n      disabled: this.disabled,\n    };\n    return html`\n      <div class=\"file-uploader-container\">\n        <!-- Drag and drop container -->\n        <div class=\"drag-drop-container-wrapper\">\n          <div\n            class=${classMap(dragDropContainerClasses)}\n            @dragover=\"${this.handleDragOver}\"\n            @dragleave=\"${() => (this._dragging = false)}\"\n            @drop=\"${this.handleDrop}\"\n          >\n            <div class=\"uploader-status-icon\">\n              <span>${unsafeSVG(uploadIcon)}</span>\n            </div>\n            <p class=\"drag-drop-text\">${this._textStrings.dragAndDropText}</p>\n            <p class=\"or-text\">${this._textStrings.separatorText}</p>\n            <kyn-button\n              kind=\"outline\"\n              size=\"small\"\n              ?disabled=${this.disabled}\n              @on-click=\"${this._triggerFileSelect}\"\n            >\n              ${this._textStrings.buttonText}\n            </kyn-button>\n            <input\n              class=\"file-input\"\n              type=\"file\"\n              @change=\"${(e: any) => this.handleFileChange(e)}\"\n              id=\"fileInput\"\n              accept=${this.accept.length > 0 ? this.accept.join(',') : '*/*'}\n              ?multiple=${this.multiple}\n            />\n          </div>\n          <div\n            class=${classMap({\n              'upload-constraints': true,\n              disabled: this.disabled,\n            })}\n          >\n            <p>\n              ${this._textStrings.maxFileSizeText}\n              <strong>${this._getFilesSize(this.maxFileSize)}</strong>.\n              ${this._textStrings.supportedFileTypeText}\n              <strong>${this._textStrings.fileTypeDisplyText}</strong>.\n            </p>\n          </div>\n        </div>\n        <!-- File list -->\n        <div class=\"file-info-container\">\n          <!-- Invalid files -->\n          ${this._invalidFiles.length > 0\n            ? html`\n                <kyn-file-uploader-list-container\n                  id=\"invalidFiles\"\n                  .titleText=${this._textStrings.invalidFileListLabel}\n                >\n                  ${this._invalidFiles.length > 0\n                    ? this._invalidFiles.map(\n                        (file: any) => html`\n                          <div class=\"file-uploader-item-container\">\n                            <span class=\"error-filled-icon\"\n                              >${unsafeSVG(errorFilledIcon)}</span\n                            >\n                            <div class=\"file-details-container\">\n                              <p class=\"file-name\">${file.file.name}</p>\n                              <div class=\"error-info-container\">\n                                <p class=\"file-size\">\n                                  ${this._getFilesSize(file.file.size)}\n                                </p>\n                                ·\n                                <p class=\"file-size error\">\n                                  ${file.status === 'unknownError'\n                                    ? this._textStrings.customFileErrorText\n                                    : file.status === 'typeError'\n                                    ? this._textStrings.fileTypeErrorText\n                                    : this._textStrings.fileSizeErrorText}\n                                </p>\n                              </div>\n                            </div>\n                          </div>\n                        `\n                      )\n                    : ''}\n                  <kyn-button\n                    slot=\"action-button\"\n                    kind=\"ghost\"\n                    size=\"small\"\n                    @on-click=${this._clearInvalidFiles}\n                  >\n                    ${this._textStrings.clearListText}\n                  </kyn-button>\n                </kyn-file-uploader-list-container>\n              `\n            : ''}\n          <!-- Valid files -->\n          ${this._validFiles.length > 0\n            ? html`\n                <kyn-file-uploader-list-container\n                  .titleText=${this._textStrings.validFileListLabel}\n                  id=\"validFiles\"\n                >\n                  ${this._validFiles.length > 0\n                    ? this._validFiles.map(\n                        (file: any) => html`\n                          <div class=\"file-uploader-item-container\">\n                            <div class=\"file-details-container\">\n                              <p class=\"file-name success\">${file.file.name}</p>\n                              <p class=\"file-size\">\n                                ${this._getFilesSize(file.file.size)}\n                              </p>\n                            </div>\n                            <div class=\"actions\">\n                              ${this._displayActions(file)}\n                            </div>\n                          </div>\n                        `\n                      )\n                    : ''}\n                </kyn-file-uploader-list-container>\n              `\n            : ''}\n        </div>\n        ${this._showValidationNotification\n          ? html` <kyn-notification\n              .type=${'inline'}\n              .tagStatus=${'error'}\n              .notificationTitle=${this._textStrings\n                .validationNotificationTitle}\n              @on-close=${() => {\n                this._showValidationNotification = false;\n              }}\n            >\n              ${this._textStrings.validationNotificationMessage}\n            </kyn-notification>`\n          : ''}\n        <div class=\"upload-status-container\">\n          <slot name=\"upload-status\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._dragging = true;\n  }\n\n  handleDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._dragging = false;\n    this._showValidationNotification = false;\n    if (this.disabled) return;\n\n    if (event.dataTransfer?.files) {\n      const files = Array.from(event.dataTransfer.files);\n\n      this._validateFiles(files);\n      this._validate(true, false);\n      this._setFormValue();\n      this._emitFileUploadEvent();\n    }\n  }\n\n  private _triggerFileSelect() {\n    const fileInputElement = this.shadowRoot?.querySelector(\n      '#fileInput'\n    ) as HTMLInputElement;\n    fileInputElement?.click();\n  }\n\n  handleFileChange(event: Event) {\n    this._showValidationNotification = false;\n    const target = event.target as HTMLInputElement;\n    if (target.files) {\n      const files = Array.from(target.files);\n\n      this._validateFiles(files);\n      this._validate(true, false);\n      this._setFormValue();\n      this._emitFileUploadEvent();\n    }\n  }\n\n  private _getFilesSize(bytes: number) {\n    if (bytes < 1024) {\n      return `${bytes} Bytes`;\n    } else if (bytes < 1024 * 1024) {\n      const kb = bytes / 1024;\n      return kb % 1 === 0 ? `${Math.floor(kb)} KB` : `${kb.toFixed(2)} KB`;\n    } else if (bytes < 1024 * 1024 * 1024) {\n      const mb = bytes / (1024 * 1024);\n      return mb % 1 === 0 ? `${Math.floor(mb)} MB` : `${mb.toFixed(2)} MB`;\n    } else {\n      const gb = bytes / (1024 * 1024 * 1024);\n      return gb % 1 === 0 ? `${Math.floor(gb)} GB` : `${gb.toFixed(2)} GB`;\n    }\n  }\n\n  private _clearInvalidFiles() {\n    this._invalidFiles = [];\n    this._emitFileUploadEvent();\n  }\n\n  // Validate files\n  private _validateFiles(files: File[]) {\n    // Check if multiple files are uploaded\n    if (!this.multiple && files.length > 1) {\n      this._showValidationNotification = true;\n      return;\n    }\n\n    const validFiles: Object[] = this.multiple ? [...this._validFiles] : [];\n    const invalidFiles: Object[] = this.multiple ? [...this._invalidFiles] : [];\n\n    files.forEach((file) => {\n      const fileName = file.name;\n      const fileType = file.type;\n      const fileSize = file.size;\n\n      // Check if the file type is valid\n      const imageWildcard = this.accept.includes('image/*');\n      const audioWildcard = this.accept.includes('audio/*');\n      const videoWildcard = this.accept.includes('video/*');\n\n      const fileExtension = (fileName.split('.').pop() || '').replace(/^/, '.');\n      this.accept.includes(fileType);\n\n      const isValidType =\n        this.accept.length === 0 ||\n        (imageWildcard && fileType.includes('image')) ||\n        (audioWildcard && fileType.includes('audio')) ||\n        (videoWildcard && fileType.includes('video')) ||\n        this.accept.includes(fileType) ||\n        this.accept.includes(fileExtension);\n\n      // Check if the file size is valid\n      const isValidSize = fileSize <= this.maxFileSize;\n\n      const fileAlreadyValid = validFiles.some(\n        (existingFile: any) => existingFile.file.name === file.name\n      );\n      const fileAlreadyInvalid = invalidFiles.some(\n        (existingFile: any) => existingFile.file.name === file.name\n      );\n\n      if (isValidType && isValidSize && !fileAlreadyValid) {\n        validFiles.push({\n          file,\n          id: fileName,\n          status: 'new',\n        });\n      } else if ((!isValidType || !isValidSize) && !fileAlreadyInvalid) {\n        let errorMsg = '';\n        if (!isValidType) {\n          errorMsg = 'typeError';\n        } else if (!isValidSize) {\n          errorMsg = 'sizeError';\n        } else {\n          errorMsg = 'unknownError';\n        }\n        invalidFiles.push({\n          file,\n          id: fileName,\n          status: errorMsg,\n        });\n      }\n    });\n\n    // Update valid files\n    if (validFiles.length > 0 || !this.multiple) {\n      this._validFiles = validFiles;\n    }\n\n    // Update invalid files\n    if (invalidFiles.length > 0 || !this.multiple) {\n      this._invalidFiles = invalidFiles;\n    }\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n\n    let InternalMsg = '';\n    if (this._invalidFiles.length > 0) {\n      const hasTypeError = this._invalidFiles.some(\n        (file: any) => file.status === 'typeError'\n      );\n      const hasSizeError = this._invalidFiles.some(\n        (file: any) => file.status === 'sizeError'\n      );\n      InternalMsg =\n        hasTypeError && hasSizeError\n          ? 'Invalid file type and Exceeds maximum file size'\n          : hasTypeError\n          ? 'Invalid file type'\n          : 'Exceeds maximum file size';\n    }\n\n    const ValidationMessage =\n      this.invalidText !== '' ? this.invalidText : InternalMsg;\n\n    if (interacted || this.invalidText !== '') {\n      this._internals.setValidity(Validity, ValidationMessage);\n\n      // set internal validation message if value was changed by user input\n      if (interacted) {\n        this._internalValidationMsg = InternalMsg;\n      }\n    }\n\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  private _setFormValue() {\n    const formData = new FormData();\n    this._validFiles.forEach((fileObj: any) => {\n      const { file } = fileObj;\n      formData.append(this.name, file);\n    });\n    this._internals.setFormValue(formData);\n  }\n\n  private _displayActions(file: any) {\n    if (file.status === 'uploading') {\n      return html` <kyn-loader-inline></kyn-loader-inline> `;\n    } else if (file.status === 'uploaded') {\n      return html`\n        <span class=\"success-icon\">${unsafeSVG(checkmarkIcon)}</span>\n      `;\n    } else if (file.status === 'error') {\n      return html` <span class=\"error-icon\">${unsafeSVG(errorIcon)}</span> `;\n    } else {\n      return html` <kyn-inline-confirm\n        ?destructive=${true}\n        .anchorText=${this._textStrings.inlineConfirmAnchorText}\n        .confirmText=${this._textStrings.inlineConfirmConfirmText}\n        .cancelText=${this._textStrings.inlineConfirmCancelText}\n        @on-confirm=${() => this._deleteFile(file.id)}\n      >\n        <span>${unsafeSVG(deleteIcon)}</span>\n        <span slot=\"confirmIcon\">${unsafeSVG(deleteIcon)}</span>\n      </kyn-inline-confirm>`;\n    }\n  }\n\n  private _deleteFile(fileId: string) {\n    this._validFiles = this._validFiles.filter(\n      (file: any) => file.id !== fileId\n    );\n    const fileInputElement = this.shadowRoot?.querySelector(\n      '#fileInput'\n    ) as HTMLInputElement;\n    fileInputElement.value = ''; // Clear the file input value\n    this._setFormValue();\n    this._emitFileUploadEvent();\n  }\n\n  private _emitFileUploadEvent() {\n    const event = new CustomEvent('selected-files', {\n      detail: {\n        validFiles: this._validFiles,\n        invalidFiles: this._invalidFiles,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-file-uploader': FileUploader;\n  }\n}\n"],"names":["_defaultTextStrings","dragAndDropText","separatorText","buttonText","maxFileSizeText","supportedFileTypeText","fileTypeDisplyText","invalidFileListLabel","validFileListLabel","clearListText","fileTypeErrorText","fileSizeErrorText","customFileErrorText","inlineConfirmAnchorText","inlineConfirmConfirmText","inlineConfirmCancelText","validationNotificationTitle","validationNotificationMessage","FileUploader","FormMixin","LitElement","constructor","this","accept","multiple","textStrings","maxFileSize","disabled","validFiles","invalidFiles","_textStrings","_dragging","_invalidFiles","_validFiles","_showValidationNotification","willUpdate","changedProps","has","deepmerge","_setFormValue","updated","render","dragDropContainerClasses","dragging","html","classMap","handleDragOver","handleDrop","unsafeSVG","uploadIcon","_triggerFileSelect","e","handleFileChange","length","join","_getFilesSize","map","file","errorFilledIcon","name","size","status","_clearInvalidFiles","_displayActions","event","preventDefault","stopPropagation","dataTransfer","_a","files","Array","from","_validateFiles","_validate","_emitFileUploadEvent","fileInputElement","shadowRoot","querySelector","click","target","bytes","kb","Math","floor","toFixed","mb","gb","forEach","fileName","fileType","type","fileSize","imageWildcard","includes","audioWildcard","videoWildcard","fileExtension","split","pop","replace","isValidType","isValidSize","fileAlreadyValid","some","existingFile","fileAlreadyInvalid","push","id","errorMsg","interacted","report","Validity","invalidText","_inputEl","validity","customError","InternalMsg","hasTypeError","hasSizeError","ValidationMessage","_internals","setValidity","_internalValidationMsg","reportValidity","formData","FormData","fileObj","append","setFormValue","checkmarkIcon","errorIcon","_deleteFile","deleteIcon","fileId","filter","value","CustomEvent","detail","dispatchEvent","styles","FileUploaderScss","__decorate","property","prototype","Boolean","Object","Number","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"fileUploader.js","sources":["../../../../src/components/reusable/fileUploader/fileUploader.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport uploadIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/upload.svg';\nimport errorFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/error-filled.svg';\nimport deleteIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/delete.svg';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/checkmark.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/24/error.svg';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport FileUploaderScss from './fileUploader.scss';\nimport './fileUploaderListContainer';\nimport '../button';\nimport '../loaders';\nimport '../inlineConfirm';\nimport '../notification';\n\nconst _defaultTextStrings = {\n  dragAndDropText: 'Drag files here to upload',\n  separatorText: 'or',\n  buttonText: 'Browse files',\n  maxFileSizeText: 'Max file size',\n  supportedFileTypeText: 'Supported file type: ',\n  fileTypeDisplyText: 'Any file type',\n  invalidFileListLabel: 'Some files could not be added:',\n  validFileListLabel: 'Files added:',\n  clearListText: 'Clear list',\n  fileTypeErrorText: 'Invaild file type',\n  fileSizeErrorText: 'Max file size exceeded',\n  customFileErrorText: 'Custom file error',\n  inlineConfirmAnchorText: 'Delete',\n  inlineConfirmConfirmText: 'Confirm',\n  inlineConfirmCancelText: 'Cancel',\n  validationNotificationTitle: 'Multiple files not allowed',\n  validationNotificationMessage: 'Please select only one file.',\n};\n\n/**\n * File Uploader\n * @fires selected-files - Emits the uploaded files.\n * @slot upload-status - Slot for upload status/notification.\n */\n@customElement('kyn-file-uploader')\nexport class FileUploader extends FormMixin(LitElement) {\n  static override styles = FileUploaderScss;\n\n  /**\n   * Set the file types that the component accepts. By default, it accepts all file types.\n   * @example\n   * ['image/jpeg', 'image/png']\n   * ['image/*']\n   * ['audio/*']\n   * ['application/pdf', 'text/plain']\n   */\n  @property({ type: Array })\n  accept: string[] = [];\n\n  /**\n   * Accept multiple files. Default value is `false`.\n   */\n  @property({ type: Boolean })\n  multiple = false;\n\n  /**\n   * Customizable text strings.\n   */\n  @property({ type: Object })\n  textStrings = _defaultTextStrings;\n\n  /**\n   * Set the maximum file size in bytes. Default value is `1048576` (1MB).\n   * @example\n   * 1048576 // 1MB\n   * 5242880 // 5MB\n   * 1073741824 // 1GB\n   */\n  @property({ type: Number })\n  maxFileSize = 1048576; // 1MB\n\n  /**\n   * Disable the file uploader. Default value is `false`.\n   */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /**\n   * Valid files. This property is used to set the initial or updated state of the valid files.\n   */\n  @property({ type: Array })\n  validFiles: {\n    id: string;\n    file: File;\n    status: 'new' | 'uploading' | 'uploaded' | 'error';\n  }[] = [];\n\n  /**\n   * Invalid files. This property is used to set the initial state of the invalid files.\n   */\n  @property({ type: Array })\n  invalidFiles: {\n    id: string;\n    file: File;\n    status: 'sizeError' | 'typeError' | 'unknownError';\n  }[] = [];\n\n  /**\n   * Internal text strings.\n   * @internal\n   */\n  @state()\n  _textStrings = _defaultTextStrings;\n\n  /**\n   * Internal dragging state.\n   * @internal\n   */\n  @state()\n  _dragging = false;\n\n  /**\n   * Internal invalid files.\n   * @internal\n   */\n  @state()\n  _invalidFiles: Object[] = [];\n\n  /**\n   * Internal valid files.\n   * @internal\n   */\n  @state()\n  _validFiles: Object[] = [];\n\n  /**\n   * Internal notification message flag.\n   * @internal\n   */\n  @state()\n  _showValidationNotification = false;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input')\n  _inputEl!: HTMLInputElement;\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n    if (changedProps.has('validFiles')) {\n      this._validFiles = this.validFiles;\n      this._setFormValue();\n    }\n    if (changedProps.has('invalidFiles')) {\n      this._invalidFiles = this.invalidFiles;\n    }\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('validFiles')) {\n      this._validFiles = this.validFiles;\n      this._setFormValue();\n    }\n    if (changedProps.has('invalidFiles')) {\n      this._invalidFiles = this.invalidFiles;\n    }\n  }\n\n  override render() {\n    const dragDropContainerClasses = {\n      'drag-drop-container': true,\n      dragging: this._dragging,\n      disabled: this.disabled,\n    };\n    return html`\n      <div class=\"file-uploader-container\">\n        <!-- Drag and drop container -->\n        <div class=\"drag-drop-container-wrapper\">\n          <div\n            class=${classMap(dragDropContainerClasses)}\n            @dragover=\"${this.handleDragOver}\"\n            @dragleave=\"${() => (this._dragging = false)}\"\n            @drop=\"${this.handleDrop}\"\n          >\n            <div class=\"uploader-status-icon\">\n              <span>${unsafeSVG(uploadIcon)}</span>\n            </div>\n            <p class=\"drag-drop-text\">${this._textStrings.dragAndDropText}</p>\n            <p class=\"or-text\">${this._textStrings.separatorText}</p>\n            <kyn-button\n              kind=\"outline\"\n              size=\"small\"\n              ?disabled=${this.disabled}\n              @on-click=\"${this._triggerFileSelect}\"\n            >\n              ${this._textStrings.buttonText}\n            </kyn-button>\n            <input\n              class=\"file-input\"\n              type=\"file\"\n              @change=\"${(e: any) => this.handleFileChange(e)}\"\n              id=\"fileInput\"\n              accept=${this.accept.length > 0 ? this.accept.join(',') : '*/*'}\n              ?multiple=${this.multiple}\n            />\n          </div>\n          <div\n            class=${classMap({\n              'upload-constraints': true,\n              disabled: this.disabled,\n            })}\n          >\n            <p>\n              ${this._textStrings.maxFileSizeText}\n              <strong>${this._getFilesSize(this.maxFileSize)}</strong>.\n              ${this._textStrings.supportedFileTypeText}\n              <strong>${this._textStrings.fileTypeDisplyText}</strong>.\n            </p>\n          </div>\n        </div>\n        <!-- File list -->\n        <div\n          class=${classMap({\n            'file-info-container': true,\n            'border-and-padding':\n              this._validFiles.length > 0 || this._invalidFiles.length > 0,\n          })}\n        >\n          <!-- Invalid files -->\n          ${this._invalidFiles.length > 0\n            ? html`\n                <kyn-file-uploader-list-container\n                  id=\"invalidFiles\"\n                  .titleText=${this._textStrings.invalidFileListLabel}\n                >\n                  ${this._invalidFiles.length > 0\n                    ? this._invalidFiles.map(\n                        (file: any) => html`\n                          <div class=\"file-uploader-item-container\">\n                            <span class=\"error-filled-icon\"\n                              >${unsafeSVG(errorFilledIcon)}</span\n                            >\n                            <div class=\"file-details-container\">\n                              <p class=\"file-name\">${file.file.name}</p>\n                              <div class=\"error-info-container\">\n                                <p class=\"file-size\">\n                                  ${this._getFilesSize(file.file.size)}\n                                </p>\n                                ·\n                                <p class=\"file-size error\">\n                                  ${file.status === 'unknownError'\n                                    ? this._textStrings.customFileErrorText\n                                    : file.status === 'typeError'\n                                    ? this._textStrings.fileTypeErrorText\n                                    : this._textStrings.fileSizeErrorText}\n                                </p>\n                              </div>\n                            </div>\n                          </div>\n                        `\n                      )\n                    : ''}\n                  <kyn-button\n                    slot=\"action-button\"\n                    kind=\"ghost\"\n                    size=\"small\"\n                    @on-click=${this._clearInvalidFiles}\n                  >\n                    ${this._textStrings.clearListText}\n                  </kyn-button>\n                </kyn-file-uploader-list-container>\n              `\n            : ''}\n          <!-- Valid files -->\n          ${this._validFiles.length > 0\n            ? html`\n                <kyn-file-uploader-list-container\n                  .titleText=${this._textStrings.validFileListLabel}\n                  id=\"validFiles\"\n                >\n                  ${this._validFiles.length > 0\n                    ? this._validFiles.map(\n                        (file: any) => html`\n                          <div class=\"file-uploader-item-container\">\n                            <div class=\"file-details-container\">\n                              <p class=\"file-name success\">${file.file.name}</p>\n                              <p class=\"file-size\">\n                                ${this._getFilesSize(file.file.size)}\n                              </p>\n                            </div>\n                            <div class=\"actions\">\n                              ${this._displayActions(file)}\n                            </div>\n                          </div>\n                        `\n                      )\n                    : ''}\n                </kyn-file-uploader-list-container>\n              `\n            : ''}\n        </div>\n        ${this._showValidationNotification\n          ? html` <kyn-notification\n              .type=${'inline'}\n              .tagStatus=${'error'}\n              .notificationTitle=${this._textStrings\n                .validationNotificationTitle}\n              @on-close=${() => {\n                this._showValidationNotification = false;\n              }}\n            >\n              ${this._textStrings.validationNotificationMessage}\n            </kyn-notification>`\n          : ''}\n        <div class=\"upload-status-container\">\n          <slot name=\"upload-status\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._dragging = true;\n  }\n\n  handleDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._dragging = false;\n    this._showValidationNotification = false;\n    if (this.disabled) return;\n\n    if (event.dataTransfer?.files) {\n      const files = Array.from(event.dataTransfer.files);\n\n      this._validateFiles(files);\n      this._validate(true, false);\n      this._setFormValue();\n      this._emitFileUploadEvent();\n    }\n  }\n\n  private _triggerFileSelect() {\n    const fileInputElement = this.shadowRoot?.querySelector(\n      '#fileInput'\n    ) as HTMLInputElement;\n    fileInputElement?.click();\n  }\n\n  handleFileChange(event: Event) {\n    this._showValidationNotification = false;\n    const target = event.target as HTMLInputElement;\n    if (target.files) {\n      const files = Array.from(target.files);\n\n      this._validateFiles(files);\n      this._validate(true, false);\n      this._setFormValue();\n      this._emitFileUploadEvent();\n    }\n  }\n\n  private _getFilesSize(bytes: number) {\n    if (bytes < 1024) {\n      return `${bytes} Bytes`;\n    } else if (bytes < 1024 * 1024) {\n      const kb = bytes / 1024;\n      return kb % 1 === 0 ? `${Math.floor(kb)} KB` : `${kb.toFixed(2)} KB`;\n    } else if (bytes < 1024 * 1024 * 1024) {\n      const mb = bytes / (1024 * 1024);\n      return mb % 1 === 0 ? `${Math.floor(mb)} MB` : `${mb.toFixed(2)} MB`;\n    } else {\n      const gb = bytes / (1024 * 1024 * 1024);\n      return gb % 1 === 0 ? `${Math.floor(gb)} GB` : `${gb.toFixed(2)} GB`;\n    }\n  }\n\n  private _clearInvalidFiles() {\n    this._invalidFiles = [];\n    this._emitFileUploadEvent();\n  }\n\n  // Validate files\n  private _validateFiles(files: File[]) {\n    // Check if multiple files are uploaded\n    if (!this.multiple && files.length > 1) {\n      this._showValidationNotification = true;\n      return;\n    }\n\n    const validFiles: Object[] = this.multiple ? [...this._validFiles] : [];\n    const invalidFiles: Object[] = this.multiple ? [...this._invalidFiles] : [];\n\n    files.forEach((file) => {\n      const fileName = file.name;\n      const fileType = file.type;\n      const fileSize = file.size;\n\n      // Check if the file type is valid\n      const imageWildcard = this.accept.includes('image/*');\n      const audioWildcard = this.accept.includes('audio/*');\n      const videoWildcard = this.accept.includes('video/*');\n\n      const fileExtension = (fileName.split('.').pop() || '').replace(/^/, '.');\n      this.accept.includes(fileType);\n\n      const isValidType =\n        this.accept.length === 0 ||\n        (imageWildcard && fileType.includes('image')) ||\n        (audioWildcard && fileType.includes('audio')) ||\n        (videoWildcard && fileType.includes('video')) ||\n        this.accept.includes(fileType) ||\n        this.accept.includes(fileExtension);\n\n      // Check if the file size is valid\n      const isValidSize = fileSize <= this.maxFileSize;\n\n      const fileAlreadyValid = validFiles.some(\n        (existingFile: any) => existingFile.file.name === file.name\n      );\n      const fileAlreadyInvalid = invalidFiles.some(\n        (existingFile: any) => existingFile.file.name === file.name\n      );\n\n      if (isValidType && isValidSize && !fileAlreadyValid) {\n        validFiles.push({\n          file,\n          id: fileName,\n          status: 'new',\n        });\n      } else if ((!isValidType || !isValidSize) && !fileAlreadyInvalid) {\n        let errorMsg = '';\n        if (!isValidType) {\n          errorMsg = 'typeError';\n        } else if (!isValidSize) {\n          errorMsg = 'sizeError';\n        } else {\n          errorMsg = 'unknownError';\n        }\n        invalidFiles.push({\n          file,\n          id: fileName,\n          status: errorMsg,\n        });\n      }\n    });\n\n    // Update valid files\n    if (validFiles.length > 0 || !this.multiple) {\n      this._validFiles = validFiles;\n    }\n\n    // Update invalid files\n    if (invalidFiles.length > 0 || !this.multiple) {\n      this._invalidFiles = invalidFiles;\n    }\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n\n    let InternalMsg = '';\n    if (this._invalidFiles.length > 0) {\n      const hasTypeError = this._invalidFiles.some(\n        (file: any) => file.status === 'typeError'\n      );\n      const hasSizeError = this._invalidFiles.some(\n        (file: any) => file.status === 'sizeError'\n      );\n      InternalMsg =\n        hasTypeError && hasSizeError\n          ? 'Invalid file type and Exceeds maximum file size'\n          : hasTypeError\n          ? 'Invalid file type'\n          : 'Exceeds maximum file size';\n    }\n\n    const ValidationMessage =\n      this.invalidText !== '' ? this.invalidText : InternalMsg;\n\n    if (interacted || this.invalidText !== '') {\n      this._internals.setValidity(Validity, ValidationMessage);\n\n      // set internal validation message if value was changed by user input\n      if (interacted) {\n        this._internalValidationMsg = InternalMsg;\n      }\n    }\n\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  private _setFormValue() {\n    const formData = new FormData();\n    this._validFiles.forEach((fileObj: any) => {\n      const { file } = fileObj;\n      formData.append(this.name, file);\n    });\n    this._internals.setFormValue(formData);\n  }\n\n  private _displayActions(file: any) {\n    if (file.status === 'uploading') {\n      return html` <kyn-loader-inline></kyn-loader-inline> `;\n    } else if (file.status === 'uploaded') {\n      return html`\n        <span class=\"success-icon\">${unsafeSVG(checkmarkIcon)}</span>\n      `;\n    } else if (file.status === 'error') {\n      return html` <span class=\"error-icon\">${unsafeSVG(errorIcon)}</span> `;\n    } else {\n      return html` <kyn-inline-confirm\n        ?destructive=${true}\n        .anchorText=${this._textStrings.inlineConfirmAnchorText}\n        .confirmText=${this._textStrings.inlineConfirmConfirmText}\n        .cancelText=${this._textStrings.inlineConfirmCancelText}\n        @on-confirm=${() => this._deleteFile(file.id)}\n      >\n        <span>${unsafeSVG(deleteIcon)}</span>\n        <span slot=\"confirmIcon\">${unsafeSVG(deleteIcon)}</span>\n      </kyn-inline-confirm>`;\n    }\n  }\n\n  private _deleteFile(fileId: string) {\n    this._validFiles = this._validFiles.filter(\n      (file: any) => file.id !== fileId\n    );\n    const fileInputElement = this.shadowRoot?.querySelector(\n      '#fileInput'\n    ) as HTMLInputElement;\n    fileInputElement.value = ''; // Clear the file input value\n    this._setFormValue();\n    this._emitFileUploadEvent();\n  }\n\n  private _emitFileUploadEvent() {\n    const event = new CustomEvent('selected-files', {\n      detail: {\n        validFiles: this._validFiles,\n        invalidFiles: this._invalidFiles,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-file-uploader': FileUploader;\n  }\n}\n"],"names":["_defaultTextStrings","dragAndDropText","separatorText","buttonText","maxFileSizeText","supportedFileTypeText","fileTypeDisplyText","invalidFileListLabel","validFileListLabel","clearListText","fileTypeErrorText","fileSizeErrorText","customFileErrorText","inlineConfirmAnchorText","inlineConfirmConfirmText","inlineConfirmCancelText","validationNotificationTitle","validationNotificationMessage","FileUploader","FormMixin","LitElement","constructor","this","accept","multiple","textStrings","maxFileSize","disabled","validFiles","invalidFiles","_textStrings","_dragging","_invalidFiles","_validFiles","_showValidationNotification","willUpdate","changedProps","has","deepmerge","_setFormValue","updated","render","dragDropContainerClasses","dragging","html","classMap","handleDragOver","handleDrop","unsafeSVG","uploadIcon","_triggerFileSelect","e","handleFileChange","length","join","_getFilesSize","map","file","errorFilledIcon","name","size","status","_clearInvalidFiles","_displayActions","event","preventDefault","stopPropagation","dataTransfer","_a","files","Array","from","_validateFiles","_validate","_emitFileUploadEvent","fileInputElement","shadowRoot","querySelector","click","target","bytes","kb","Math","floor","toFixed","mb","gb","forEach","fileName","fileType","type","fileSize","imageWildcard","includes","audioWildcard","videoWildcard","fileExtension","split","pop","replace","isValidType","isValidSize","fileAlreadyValid","some","existingFile","fileAlreadyInvalid","push","id","errorMsg","interacted","report","Validity","invalidText","_inputEl","validity","customError","InternalMsg","hasTypeError","hasSizeError","ValidationMessage","_internals","setValidity","_internalValidationMsg","reportValidity","formData","FormData","fileObj","append","setFormValue","checkmarkIcon","errorIcon","_deleteFile","deleteIcon","fileId","filter","value","CustomEvent","detail","dispatchEvent","styles","FileUploaderScss","__decorate","property","prototype","Boolean","Object","Number","state","query","customElement"],"mappings":"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"}

package/components/reusable/fileUploader/fileUploaderListContainer.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,i as o,t as r,e as l}from"../../../vendor/lit-461e78e6.js";import{i as s,s as a,x as n}from"../../../vendor/lit-element-c6c02f24.js";import"../link/link.js";import"../../../vendor/lit-html-29220869.js";import"../link/defs.js";var d=s`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,i as o,t as r,e as s}from"../../../vendor/lit-461e78e6.js";import{i as l,s as a,x as n}from"../../../vendor/lit-element-c6c02f24.js";import"../link/link.js";import"../../../vendor/lit-html-29220869.js";import"../link/defs.js";var d=l`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -51,6 +51,7 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,i as
   font-weight: var(--kd-font-weight-regular);
   letter-spacing: var(--kd-letter-spacing-4);
   height: 32px;
+  margin-bottom: 8px;
 }
 @media (min-width: 42rem) {
   .file-uploader-list-container__header {
@@ -78,17 +79,19 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,i as
 }
 
 .file-uploader-list-container__items {
-  max-height: 222px;
+  max-height: 193px;
   overflow-y: auto;
   overflow-x: hidden;
+  border-bottom: 1px solid var(--kd-color-border-accent-secondary);
 }
 
 .shadow-bottom {
-  box-shadow: inset 0px -8px 6px -6px var(--kd-color-utility-elevation-default-l2---overflow);
+  box-shadow: inset 0px -8px 6px -6px var(--kd-color-utility-elevation-default-1);
 }
 
 .shadow-top {
-  box-shadow: inset 0px 8px 6px -6px var(--kd-color-utility-elevation-default-l2---overflow);
+  border-top: 1px solid var(--kd-color-border-accent-secondary);
+  box-shadow: inset 0px 8px 6px -6px var(--kd-color-utility-elevation-default-1);
 }`;let h=class extends a{constructor(){super(...arguments),this.titleText="File details",this._scrollHandler=null}get hasMoreThanThreeItems(){return this._fileItems.length>3}firstUpdated(){this.hasMoreThanThreeItems&&(this._container.classList.add("shadow-bottom"),this._addScrollListener())}render(){return n`
       <div class="file-uploader-list-container">
         <div class="file-uploader-list-container__header">
@@ -100,5 +103,5 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as i,i as
         </div>
         <!-- footer would go here, if needed. -->
       </div>
-    `}_handleSlotChange(){this.hasMoreThanThreeItems?this._addScrollListener():setTimeout((()=>{this._removeScrollListener()}),20),this.requestUpdate()}_addScrollListener(){this._container&&(this._scrollHandler=this._toggleShadowClass.bind(this,this._container),this._container.addEventListener("scroll",this._scrollHandler),this._container.classList.add("shadow-bottom"))}_removeScrollListener(){this._container&&this._scrollHandler&&(this._container.removeEventListener("scroll",this._scrollHandler),this._container.classList.remove("shadow-bottom","shadow-top"))}_toggleShadowClass(e){if(!e)return;const t=0===e.scrollTop,i=e.scrollHeight-e.scrollTop===e.clientHeight;t?setTimeout((()=>{e.classList.add("shadow-bottom"),e.classList.remove("shadow-top")}),5):i&&setTimeout((()=>{e.classList.add("shadow-top"),e.classList.remove("shadow-bottom")}),5)}};h.styles=d,e([t({type:String})],h.prototype,"titleText",void 0),e([i()],h.prototype,"_fileItems",void 0),e([o(".file-uploader-list-container__items")],h.prototype,"_container",void 0),e([r()],h.prototype,"_scrollHandler",void 0),h=e([l("kyn-file-uploader-list-container")],h);export{h as FileUploaderListContainer};
+    `}_handleSlotChange(){this.hasMoreThanThreeItems?this._addScrollListener():setTimeout((()=>{this._removeScrollListener()}),20),this.requestUpdate()}_addScrollListener(){this._container&&(this._scrollHandler=this._toggleShadowClass.bind(this,this._container),this._container.addEventListener("scroll",this._scrollHandler),this._container.classList.add("shadow-bottom"))}_removeScrollListener(){this._container&&this._scrollHandler&&(this._container.removeEventListener("scroll",this._scrollHandler),this._container.classList.remove("shadow-bottom","shadow-top"))}_toggleShadowClass(e){if(!e)return;const t=0===e.scrollTop,i=e.scrollHeight-e.scrollTop===e.clientHeight;t?setTimeout((()=>{e.classList.add("shadow-bottom"),e.classList.remove("shadow-top")}),5):i&&setTimeout((()=>{e.classList.add("shadow-top"),e.classList.remove("shadow-bottom")}),5)}};h.styles=d,e([t({type:String})],h.prototype,"titleText",void 0),e([i()],h.prototype,"_fileItems",void 0),e([o(".file-uploader-list-container__items")],h.prototype,"_container",void 0),e([r()],h.prototype,"_scrollHandler",void 0),h=e([s("kyn-file-uploader-list-container")],h);export{h as FileUploaderListContainer};
 //# sourceMappingURL=fileUploaderListContainer.js.map

package/components/reusable/fileUploader/fileUploaderListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileUploaderListContainer.js","sources":["../../../../src/components/reusable/fileUploader/fileUploaderListContainer.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport FileUploaderListContainerScss from './fileUploaderListContainer.scss';\nimport '../link';\n\n/**\n * File Uploader List Container\n * @slot unnamed - Slot for individual file uploader items.\n * @slot action-button - Slot for action button.\n */\n@customElement('kyn-file-uploader-list-container')\nexport class FileUploaderListContainer extends LitElement {\n  static override styles = FileUploaderListContainerScss;\n\n  /**\n   * File details container title.\n   */\n  @property({ type: String })\n  titleText = 'File details';\n\n  /**\n   * Show all text.\n   */\n  // @property({ type: String })\n  // showAll = 'Show all files';\n\n  /**\n   * Show less text.\n   */\n  // @property({ type: String })\n  // showLess = 'Show less files';\n\n  /**\n   * Limit visible file uploader items.\n   * @internal\n   */\n  // @state()\n  // _limitRevealed = false;\n\n  /**\n   * Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  _fileItems!: Array<any>;\n\n  /**\n   * Queries for the items container element.\n   * @internal\n   */\n  @query('.file-uploader-list-container__items')\n  _container!: HTMLElement;\n\n  /**\n   * Scroll event handler.\n   * @internal\n   */\n  @state()\n  _scrollHandler: EventListener | null = null;\n\n  /**\n   * Checks if there are more than three items in the list.\n   * @internal\n   */\n  get hasMoreThanThreeItems() {\n    return this._fileItems.length > 3;\n  }\n\n  override firstUpdated() {\n    if (this.hasMoreThanThreeItems) {\n      this._container.classList.add('shadow-bottom');\n      this._addScrollListener();\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"file-uploader-list-container\">\n        <div class=\"file-uploader-list-container__header\">\n          ${this.titleText}\n          <slot name=\"action-button\"></slot>\n        </div>\n        <div class=\"file-uploader-list-container__items\" tabindex=\"0\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <!-- footer would go here, if needed. -->\n      </div>\n    `;\n  }\n\n  private _handleSlotChange() {\n    if (this.hasMoreThanThreeItems) this._addScrollListener();\n    else {\n      setTimeout(() => {\n        this._removeScrollListener();\n      }, 20);\n    }\n    this.requestUpdate();\n  }\n\n  private _addScrollListener() {\n    if (this._container) {\n      this._scrollHandler = this._toggleShadowClass.bind(this, this._container);\n      this._container.addEventListener('scroll', this._scrollHandler);\n      this._container.classList.add('shadow-bottom');\n    }\n  }\n\n  private _removeScrollListener() {\n    if (this._container && this._scrollHandler) {\n      this._container.removeEventListener('scroll', this._scrollHandler);\n      this._container.classList.remove('shadow-bottom', 'shadow-top');\n    }\n  }\n\n  private _toggleShadowClass(container: HTMLElement) {\n    if (!container) return;\n\n    const isAtTop = container.scrollTop === 0;\n    const isAtBottom =\n      container.scrollHeight - container.scrollTop === container.clientHeight;\n\n    if (isAtTop) {\n      setTimeout(() => {\n        container.classList.add('shadow-bottom');\n        container.classList.remove('shadow-top');\n      }, 5);\n    } else if (isAtBottom) {\n      setTimeout(() => {\n        container.classList.add('shadow-top');\n        container.classList.remove('shadow-bottom');\n      }, 5);\n    }\n  }\n\n  /* \n    ${hasMoreThanThreeItems\n    ? html` <div class=\"file-uploader-list-container__footer\">\n      <kyn-link\n        standalone\n        @on-click=${() => this._toggleReveal(!this._limitRevealed)}\n        >${this._limitRevealed ? this.showLess : this.showAll}</kyn-link\n      >\n      </div>`\n    : ''}\n  */\n\n  /*\n  override firstUpdated() {\n    this._applyLimit(true);\n  }\n\n  private _handleSlotChange() {\n    this._applyLimit(this._limitRevealed);\n    this.requestUpdate();\n  }\n\n  private _toggleReveal(reveal: boolean) {\n      this._limitRevealed = reveal;\n      this._applyLimit(reveal);\n  }\n\n  private _applyLimit(reveal: boolean) {\n    const limit = 3;\n    if (this._fileItems) {\n      this._fileItems.forEach((item: any, index: number) => {\n        if (index >= limit) {\n          item.style.display = reveal ? 'block' : 'none';\n        }\n      });\n    }\n  }\n  */\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-file-uploader-list-container': FileUploaderListContainer;\n  }\n}\n"],"names":["FileUploaderListContainer","LitElement","constructor","this","titleText","_scrollHandler","hasMoreThanThreeItems","_fileItems","length","firstUpdated","_container","classList","add","_addScrollListener","render","html","_handleSlotChange","setTimeout","_removeScrollListener","requestUpdate","_toggleShadowClass","bind","addEventListener","removeEventListener","remove","container","isAtTop","scrollTop","isAtBottom","scrollHeight","clientHeight","styles","FileUploaderListContainerScss","__decorate","property","type","String","prototype","queryAssignedElements","query","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBO,IAAMA,EAAN,cAAwCC,EAAxC,WAAAC,uBAOLC,KAASC,UAAG,eAwCZD,KAAcE,eAAyB,IAmHxC,CA7GC,yBAAIC,GACF,OAAOH,KAAKI,WAAWC,OAAS,CACjC,CAEQ,YAAAC,GACHN,KAAKG,wBACPH,KAAKO,WAAWC,UAAUC,IAAI,iBAC9BT,KAAKU,qBAER,CAEQ,MAAAC,GACP,OAAOC,CAAI;;;YAGHZ,KAAKC;;;;8BAIaD,KAAKa;;;;KAKhC,CAEO,iBAAAA,GACFb,KAAKG,sBAAuBH,KAAKU,qBAEnCI,YAAW,KACTd,KAAKe,uBAAuB,GAC3B,IAELf,KAAKgB,eACN,CAEO,kBAAAN,GACFV,KAAKO,aACPP,KAAKE,eAAiBF,KAAKiB,mBAAmBC,KAAKlB,KAAMA,KAAKO,YAC9DP,KAAKO,WAAWY,iBAAiB,SAAUnB,KAAKE,gBAChDF,KAAKO,WAAWC,UAAUC,IAAI,iBAEjC,CAEO,qBAAAM,GACFf,KAAKO,YAAcP,KAAKE,iBAC1BF,KAAKO,WAAWa,oBAAoB,SAAUpB,KAAKE,gBACnDF,KAAKO,WAAWC,UAAUa,OAAO,gBAAiB,cAErD,CAEO,kBAAAJ,CAAmBK,GACzB,IAAKA,EAAW,OAEhB,MAAMC,EAAkC,IAAxBD,EAAUE,UACpBC,EACJH,EAAUI,aAAeJ,EAAUE,YAAcF,EAAUK,aAEzDJ,EACFT,YAAW,KACTQ,EAAUd,UAAUC,IAAI,iBACxBa,EAAUd,UAAUa,OAAO,aAAa,GACvC,GACMI,GACTX,YAAW,KACTQ,EAAUd,UAAUC,IAAI,cACxBa,EAAUd,UAAUa,OAAO,gBAAgB,GAC1C,EAEN,GAzHexB,EAAM+B,OAAGC,EAMzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACSpC,EAAAqC,UAAA,iBAAA,GA0B3BJ,EAAA,CADCK,KACuBtC,EAAAqC,UAAA,kBAAA,GAOxBJ,EAAA,CADCM,EAAM,yCACkBvC,EAAAqC,UAAA,kBAAA,GAOzBJ,EAAA,CADCO,KAC2CxC,EAAAqC,UAAA,sBAAA,GA/CjCrC,EAAyBiC,EAAA,CADrCQ,EAAc,qCACFzC"}
+{"version":3,"file":"fileUploaderListContainer.js","sources":["../../../../src/components/reusable/fileUploader/fileUploaderListContainer.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport FileUploaderListContainerScss from './fileUploaderListContainer.scss';\nimport '../link';\n\n/**\n * File Uploader List Container\n * @slot unnamed - Slot for individual file uploader items.\n * @slot action-button - Slot for action button.\n */\n@customElement('kyn-file-uploader-list-container')\nexport class FileUploaderListContainer extends LitElement {\n  static override styles = FileUploaderListContainerScss;\n\n  /**\n   * File details container title.\n   */\n  @property({ type: String })\n  titleText = 'File details';\n\n  /**\n   * Show all text.\n   */\n  // @property({ type: String })\n  // showAll = 'Show all files';\n\n  /**\n   * Show less text.\n   */\n  // @property({ type: String })\n  // showLess = 'Show less files';\n\n  /**\n   * Limit visible file uploader items.\n   * @internal\n   */\n  // @state()\n  // _limitRevealed = false;\n\n  /**\n   * Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  _fileItems!: Array<any>;\n\n  /**\n   * Queries for the items container element.\n   * @internal\n   */\n  @query('.file-uploader-list-container__items')\n  _container!: HTMLElement;\n\n  /**\n   * Scroll event handler.\n   * @internal\n   */\n  @state()\n  _scrollHandler: EventListener | null = null;\n\n  /**\n   * Checks if there are more than three items in the list.\n   * @internal\n   */\n  get hasMoreThanThreeItems() {\n    return this._fileItems.length > 3;\n  }\n\n  override firstUpdated() {\n    if (this.hasMoreThanThreeItems) {\n      this._container.classList.add('shadow-bottom');\n      this._addScrollListener();\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"file-uploader-list-container\">\n        <div class=\"file-uploader-list-container__header\">\n          ${this.titleText}\n          <slot name=\"action-button\"></slot>\n        </div>\n        <div class=\"file-uploader-list-container__items\" tabindex=\"0\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <!-- footer would go here, if needed. -->\n      </div>\n    `;\n  }\n\n  private _handleSlotChange() {\n    if (this.hasMoreThanThreeItems) this._addScrollListener();\n    else {\n      setTimeout(() => {\n        this._removeScrollListener();\n      }, 20);\n    }\n    this.requestUpdate();\n  }\n\n  private _addScrollListener() {\n    if (this._container) {\n      this._scrollHandler = this._toggleShadowClass.bind(this, this._container);\n      this._container.addEventListener('scroll', this._scrollHandler);\n      this._container.classList.add('shadow-bottom');\n    }\n  }\n\n  private _removeScrollListener() {\n    if (this._container && this._scrollHandler) {\n      this._container.removeEventListener('scroll', this._scrollHandler);\n      this._container.classList.remove('shadow-bottom', 'shadow-top');\n    }\n  }\n\n  private _toggleShadowClass(container: HTMLElement) {\n    if (!container) return;\n\n    const isAtTop = container.scrollTop === 0;\n    const isAtBottom =\n      container.scrollHeight - container.scrollTop === container.clientHeight;\n\n    if (isAtTop) {\n      setTimeout(() => {\n        container.classList.add('shadow-bottom');\n        container.classList.remove('shadow-top');\n      }, 5);\n    } else if (isAtBottom) {\n      setTimeout(() => {\n        container.classList.add('shadow-top');\n        container.classList.remove('shadow-bottom');\n      }, 5);\n    }\n  }\n\n  /* \n    ${hasMoreThanThreeItems\n    ? html` <div class=\"file-uploader-list-container__footer\">\n      <kyn-link\n        standalone\n        @on-click=${() => this._toggleReveal(!this._limitRevealed)}\n        >${this._limitRevealed ? this.showLess : this.showAll}</kyn-link\n      >\n      </div>`\n    : ''}\n  */\n\n  /*\n  override firstUpdated() {\n    this._applyLimit(true);\n  }\n\n  private _handleSlotChange() {\n    this._applyLimit(this._limitRevealed);\n    this.requestUpdate();\n  }\n\n  private _toggleReveal(reveal: boolean) {\n      this._limitRevealed = reveal;\n      this._applyLimit(reveal);\n  }\n\n  private _applyLimit(reveal: boolean) {\n    const limit = 3;\n    if (this._fileItems) {\n      this._fileItems.forEach((item: any, index: number) => {\n        if (index >= limit) {\n          item.style.display = reveal ? 'block' : 'none';\n        }\n      });\n    }\n  }\n  */\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-file-uploader-list-container': FileUploaderListContainer;\n  }\n}\n"],"names":["FileUploaderListContainer","LitElement","constructor","this","titleText","_scrollHandler","hasMoreThanThreeItems","_fileItems","length","firstUpdated","_container","classList","add","_addScrollListener","render","html","_handleSlotChange","setTimeout","_removeScrollListener","requestUpdate","_toggleShadowClass","bind","addEventListener","removeEventListener","remove","container","isAtTop","scrollTop","isAtBottom","scrollHeight","clientHeight","styles","FileUploaderListContainerScss","__decorate","property","type","String","prototype","queryAssignedElements","query","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBO,IAAMA,EAAN,cAAwCC,EAAxC,WAAAC,uBAOLC,KAASC,UAAG,eAwCZD,KAAcE,eAAyB,IAmHxC,CA7GC,yBAAIC,GACF,OAAOH,KAAKI,WAAWC,OAAS,CACjC,CAEQ,YAAAC,GACHN,KAAKG,wBACPH,KAAKO,WAAWC,UAAUC,IAAI,iBAC9BT,KAAKU,qBAER,CAEQ,MAAAC,GACP,OAAOC,CAAI;;;YAGHZ,KAAKC;;;;8BAIaD,KAAKa;;;;KAKhC,CAEO,iBAAAA,GACFb,KAAKG,sBAAuBH,KAAKU,qBAEnCI,YAAW,KACTd,KAAKe,uBAAuB,GAC3B,IAELf,KAAKgB,eACN,CAEO,kBAAAN,GACFV,KAAKO,aACPP,KAAKE,eAAiBF,KAAKiB,mBAAmBC,KAAKlB,KAAMA,KAAKO,YAC9DP,KAAKO,WAAWY,iBAAiB,SAAUnB,KAAKE,gBAChDF,KAAKO,WAAWC,UAAUC,IAAI,iBAEjC,CAEO,qBAAAM,GACFf,KAAKO,YAAcP,KAAKE,iBAC1BF,KAAKO,WAAWa,oBAAoB,SAAUpB,KAAKE,gBACnDF,KAAKO,WAAWC,UAAUa,OAAO,gBAAiB,cAErD,CAEO,kBAAAJ,CAAmBK,GACzB,IAAKA,EAAW,OAEhB,MAAMC,EAAkC,IAAxBD,EAAUE,UACpBC,EACJH,EAAUI,aAAeJ,EAAUE,YAAcF,EAAUK,aAEzDJ,EACFT,YAAW,KACTQ,EAAUd,UAAUC,IAAI,iBACxBa,EAAUd,UAAUa,OAAO,aAAa,GACvC,GACMI,GACTX,YAAW,KACTQ,EAAUd,UAAUC,IAAI,cACxBa,EAAUd,UAAUa,OAAO,gBAAgB,GAC1C,EAEN,GAzHexB,EAAM+B,OAAGC,EAMzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACSpC,EAAAqC,UAAA,iBAAA,GA0B3BJ,EAAA,CADCK,KACuBtC,EAAAqC,UAAA,kBAAA,GAOxBJ,EAAA,CADCM,EAAM,yCACkBvC,EAAAqC,UAAA,kBAAA,GAOzBJ,EAAA,CADCO,KAC2CxC,EAAAqC,UAAA,sBAAA,GA/CjCrC,EAAyBiC,EAAA,CADrCQ,EAAc,qCACFzC"}