@kyndryl-design-system/shidoka-applications 2.4.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/helpers/swiper.js +1 -1
- package/components/global/header/headerFlyout.js +1 -1
- package/components/global/header/headerFlyouts.js +1 -1
- package/components/global/header/headerLink.js +1 -1
- package/components/global/header/headerNav.js +1 -1
- package/components/global/header/index.js +1 -1
- package/components/global/localNav/index.js +1 -1
- package/components/global/localNav/localNav.js +1 -1
- package/components/global/localNav/localNavLink.js +1 -1
- package/components/reusable/accordion/accordionItem.js +1 -1
- package/components/reusable/accordion/index.js +1 -1
- package/components/reusable/blockCodeView/blockCodeView.js +1 -1
- package/components/reusable/blockCodeView/index.js +1 -1
- package/components/reusable/checkbox/checkboxGroup.js +1 -1
- package/components/reusable/checkbox/index.js +1 -1
- package/components/reusable/datePicker/datepicker.js +3 -3
- package/components/reusable/datePicker/index.js +1 -1
- package/components/reusable/daterangepicker/daterangepicker.js +3 -3
- package/components/reusable/daterangepicker/index.js +1 -1
- package/components/reusable/dropdown/dropdown.js +1 -1
- package/components/reusable/dropdown/dropdownOption.js +1 -1
- package/components/reusable/dropdown/index.js +1 -1
- package/components/reusable/loaders/index.js +1 -1
- package/components/reusable/loaders/inline.js +1 -1
- package/components/reusable/modal/index.js +1 -1
- package/components/reusable/modal/modal.d.ts +5 -1
- package/components/reusable/modal/modal.d.ts.map +1 -1
- package/components/reusable/modal/modal.js +61 -69
- package/components/reusable/modal/modal.js.map +1 -1
- package/components/reusable/notification/index.js +1 -1
- package/components/reusable/notification/notification.js +1 -1
- package/components/reusable/numberInput/index.js +1 -1
- package/components/reusable/numberInput/numberInput.js +1 -1
- package/components/reusable/overflowMenu/index.js +1 -1
- package/components/reusable/overflowMenu/overflowMenu.js +1 -1
- package/components/reusable/overflowMenu/overflowMenuItem.js +1 -1
- package/components/reusable/pagination/Pagination.js +1 -1
- package/components/reusable/pagination/index.js +1 -1
- package/components/reusable/pagination/pagination-navigation-buttons.js +1 -1
- package/components/reusable/pagination/pagination-page-size-dropdown.js +1 -1
- package/components/reusable/progressBar/index.js +1 -1
- package/components/reusable/progressBar/progressBar.js +1 -1
- package/components/reusable/radioButton/index.js +1 -1
- package/components/reusable/radioButton/radioButtonGroup.js +1 -1
- package/components/reusable/search/index.js +1 -1
- package/components/reusable/search/search.js +1 -1
- package/components/reusable/sideDrawer/index.js +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +1 -1
- package/components/reusable/splitButton/index.js +1 -1
- package/components/reusable/splitButton/splitButton.js +1 -1
- package/components/reusable/stepper/index.js +1 -1
- package/components/reusable/stepper/stepper.js +1 -1
- package/components/reusable/stepper/stepperItem.d.ts.map +1 -1
- package/components/reusable/stepper/stepperItem.js +7 -7
- package/components/reusable/stepper/stepperItem.js.map +1 -1
- package/components/reusable/table/index.js +1 -1
- package/components/reusable/table/table-body.js +1 -1
- package/components/reusable/table/table-header-row.js +1 -1
- package/components/reusable/table/table-header.js +1 -1
- package/components/reusable/table/table-row.js +1 -1
- package/components/reusable/table/table.skeleton.js +1 -1
- package/components/reusable/tabs/defs.d.ts +5 -0
- package/components/reusable/tabs/defs.d.ts.map +1 -0
- package/components/reusable/tabs/defs.js +2 -0
- package/components/reusable/tabs/defs.js.map +1 -0
- package/components/reusable/tabs/tab.d.ts +3 -46
- package/components/reusable/tabs/tab.d.ts.map +1 -1
- package/components/reusable/tabs/tab.js +72 -3
- package/components/reusable/tabs/tab.js.map +1 -1
- package/components/reusable/tabs/tabs.d.ts +2 -0
- package/components/reusable/tabs/tabs.d.ts.map +1 -1
- package/components/reusable/tabs/tabs.js +16 -6
- package/components/reusable/tabs/tabs.js.map +1 -1
- package/components/reusable/tag/index.js +1 -1
- package/components/reusable/tag/tag.js +1 -1
- package/components/reusable/tag/tagGroup.js +1 -1
- package/components/reusable/textArea/index.js +1 -1
- package/components/reusable/textArea/textArea.js +1 -1
- package/components/reusable/textInput/index.js +1 -1
- package/components/reusable/textInput/textInput.js +1 -1
- package/components/reusable/timepicker/index.js +1 -1
- package/components/reusable/timepicker/timepicker.js +1 -1
- package/components/reusable/tooltip/index.js +1 -1
- package/components/reusable/tooltip/tooltip.js +1 -1
- package/components/reusable/widget/index.js +1 -1
- package/components/reusable/widget/widgetDragHandle.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/vendor/@kyndryl-design-system/{shidoka-icons-a1631225.js → shidoka-icons-e426f09b.js} +2 -2
- package/vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js.map +1 -0
- package/vendor/@kyndryl-design-system/shidoka-icons-a1631225.js.map +0 -1
package/common/helpers/swiper.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.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};
|
|
2
2
|
//# sourceMappingURL=swiper.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{b as s,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{b as s,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";var h=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as n,s as r,x as a}from"../../../vendor/lit-element-3185f710.js";import{o as d}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as n,s as r,x as a}from"../../../vendor/lit-element-3185f710.js";import{o as d}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";var l=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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,l as r,o as n,e as a}from"../../../vendor/lit-6e2a7867.js";import{i as l,s,x as d}from"../../../vendor/lit-element-3185f710.js";import{debounce as c}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as h,d as v,s as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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,l as r,o as n,e as a}from"../../../vendor/lit-6e2a7867.js";import{i as l,s,x as d}from"../../../vendor/lit-element-3185f710.js";import{debounce as c}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{b as h,d as v,s as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var m=l`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-3185f710.js";import{e as s,m as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as a,s as d,x as l}from"../../../vendor/lit-element-3185f710.js";import{e as s,m as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";var m=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.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";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.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-
|
|
1
|
+
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.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-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as s,s as r,x as l}from"../../../vendor/lit-element-3185f710.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import{f as h,p as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as s,s as r,x as l}from"../../../vendor/lit-element-3185f710.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"../../reusable/button/button.js";import{f as h,p as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var c=s`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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 a,o as n,e as d}from"../../../vendor/lit-6e2a7867.js";import{i as r,s as l,x as s}from"../../../vendor/lit-element-3185f710.js";import{g as p,h,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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 a,o as n,e as d}from"../../../vendor/lit-6e2a7867.js";import{i as r,s as l,x as s}from"../../../vendor/lit-element-3185f710.js";import{g as p,h,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";var v=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as i,t,a as o,e as n}from"../../../vendor/lit-6e2a7867.js";import{i as r,s as d,x as l}from"../../../vendor/lit-element-3185f710.js";import{e as a}from"../../../vendor/lit-html-29220869.js";import{f as s}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as i,t,a as o,e as n}from"../../../vendor/lit-6e2a7867.js";import{i as r,s as d,x as l}from"../../../vendor/lit-element-3185f710.js";import{e as a}from"../../../vendor/lit-html-29220869.js";import{f as s}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";var c=r`/**
|
|
2
2
|
* Copyright Kyndryl, Inc. 2023
|
|
3
3
|
*/
|
|
4
4
|
*,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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,d as a,o as n,c as r,e as s}from"../../../vendor/lit-6e2a7867.js";import{i as d,s as l,x as c}from"../../../vendor/lit-element-3185f710.js";import{d as h}from"../../../vendor/deepmerge-ts-e62363e6.js";import{P as p}from"../../../vendor/prismjs-61b50099.js";import{
|
|
1
|
+
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,d as a,o as n,c as r,e as s}from"../../../vendor/lit-6e2a7867.js";import{i as d,s as l,x as c}from"../../../vendor/lit-element-3185f710.js";import{d as h}from"../../../vendor/deepmerge-ts-e62363e6.js";import{P as p}from"../../../vendor/prismjs-61b50099.js";import{F as g,G as k,f as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../button/button.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var v=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/prismjs-61b50099.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{BlockCodeView}from"./blockCodeView.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/prismjs-61b50099.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as r,x as a,s}from"../../../vendor/lit-element-3185f710.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{i as h}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as r,x as a,s}from"../../../vendor/lit-element-3185f710.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{i as h}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var c=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Checkbox}from"./checkbox.js";export{CheckboxGroup}from"./checkboxGroup.js";export{CheckboxSubgroup}from"./checkboxSubgroup.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.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-
|
|
1
|
+
export{Checkbox}from"./checkbox.js";export{CheckboxGroup}from"./checkboxGroup.js";export{CheckboxSubgroup}from"./checkboxSubgroup.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.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-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as n,x as o,s}from"../../../vendor/lit-element-3185f710.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,initializeSingleAnchorFlatpickr as m,setCalendarAttributes as v,hideEmptyYear as k,getFlatpickrOptions as g,loadLocale as f,emitValue as b,preventFlatpickrOpen as y,handleInputClick as x,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as _}from"../../../shidoka-flatpickr-theme-42d7c67e.js";import{j as z,
|
|
1
|
+
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-6e2a7867.js";import{i as n,x as o,s}from"../../../vendor/lit-element-3185f710.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,initializeSingleAnchorFlatpickr as m,setCalendarAttributes as v,hideEmptyYear as k,getFlatpickrOptions as g,loadLocale as f,emitValue as b,preventFlatpickrOpen as y,handleInputClick as x,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as _}from"../../../shidoka-flatpickr-theme-42d7c67e.js";import{j as z,H as $,I as F}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var I=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -509,7 +509,7 @@ input {
|
|
|
509
509
|
>${p(z)}</span
|
|
510
510
|
>
|
|
511
511
|
</kyn-button>
|
|
512
|
-
`:o`<span class="input-icon">${p(
|
|
512
|
+
`:o`<span class="input-icon">${p($)}</span>`}
|
|
513
513
|
</div>
|
|
514
514
|
|
|
515
515
|
${this.caption?o`<div
|
|
@@ -535,7 +535,7 @@ input {
|
|
|
535
535
|
class="error-icon"
|
|
536
536
|
aria-label=${`${this.errorAriaLabel}`||"Error message icon"}
|
|
537
537
|
role="button"
|
|
538
|
-
>${p(
|
|
538
|
+
>${p(F)}</span
|
|
539
539
|
>${this.invalidText||this._internalValidationMsg||this.defaultErrorMessage}
|
|
540
540
|
</div>`:this.warnText?o`<div
|
|
541
541
|
id=${e}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-42d7c67e.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{DatePicker}from"./datepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-42d7c67e.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as n}from"../../../vendor/lit-6e2a7867.js";import{i as l,x as o,s}from"../../../vendor/lit-element-3185f710.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,initializeSingleAnchorFlatpickr as m,setCalendarAttributes as v,hideEmptyYear as k,getFlatpickrOptions as g,loadLocale as f,emitValue as b,preventFlatpickrOpen as y,handleInputClick as x,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as _}from"../../../shidoka-flatpickr-theme-42d7c67e.js";import{j as z,
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e,n as i,t as a,i as r,e as n}from"../../../vendor/lit-6e2a7867.js";import{i as l,x as o,s}from"../../../vendor/lit-element-3185f710.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,initializeSingleAnchorFlatpickr as m,setCalendarAttributes as v,hideEmptyYear as k,getFlatpickrOptions as g,loadLocale as f,emitValue as b,preventFlatpickrOpen as y,handleInputClick as x,handleInputFocus as w}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as _}from"../../../shidoka-flatpickr-theme-42d7c67e.js";import{j as z,H as D,I as $}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var I=l`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -467,7 +467,7 @@ input {
|
|
|
467
467
|
}
|
|
468
468
|
.date-range-picker__disabled ::slotted(*) {
|
|
469
469
|
pointer-events: none;
|
|
470
|
-
}`;const
|
|
470
|
+
}`;const F={requiredText:"Required",clearAll:"Clear"};let E=class extends(d(s)){constructor(){super(...arguments),this.label="",this.locale="en",this.dateFormat="Y-m-d",this.defaultDate=null,this.defaultErrorMessage="",this.value=[null,null],this.warnText="",this.disable=[],this.enable=[],this.caption="",this.required=!1,this.size="md",this.dateRangePickerDisabled=!1,this.twentyFourHourFormat=null,this.minDate="",this.maxDate="",this.errorAriaLabel="",this.errorTitle="",this.warningAriaLabel="",this.warningTitle="",this._enableTime=!1,this._hasInteracted=!1,this.textStrings=F,this._textStrings=F,this._shouldFlatpickrOpen=!1,this._initialized=!1,this.resizeTimeout=null,this.handleResize=()=>{this.resizeTimeout&&window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((async()=>{this.flatpickrInstance&&await this.initializeFlatpickr(),this.resizeTimeout=null}),250)}}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("change",this._onChange),this.removeEventListener("reset",this._handleFormReset),window.removeEventListener("resize",this.handleResize),this.resizeTimeout&&window.clearTimeout(this.resizeTimeout),null===(t=this.flatpickrInstance)||void 0===t||t.destroy()}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this._onChange),this.addEventListener("reset",this._handleFormReset),window.addEventListener("resize",this.handleResize)}render(){var t,i,a;const r=`${this.name}-error-message`,n=`${this.name}-warning-message`,l=this.name?`${this.name}-${Math.random().toString(36).slice(2,11)}`:`date-range-picker-${Math.random().toString(36).slice(2,11)}`,s=null!==(t=this.name)&&void 0!==t?t:"",d=c(this.dateFormat,!0);return o`
|
|
471
471
|
<div class=${e(this.getDateRangePickerClasses())}>
|
|
472
472
|
<div
|
|
473
473
|
class="label-text"
|
|
@@ -553,5 +553,5 @@ input {
|
|
|
553
553
|
@click=${this.preventFlatpickrOpen}
|
|
554
554
|
>
|
|
555
555
|
${this.warnText}
|
|
556
|
-
</div>`:null}_handleClear(t){t.preventDefault(),t.stopPropagation(),this.flatpickrInstance&&this.flatpickrInstance.clear(),this._inputEl&&(this._inputEl.value=""),this.value=[null,null],this.defaultDate=[],this._validate(!0,!1),this.requestUpdate()}getDateRangePickerClasses(){return{"date-range-picker":!0,"date-range-picker__enable-time":this._enableTime,"date-range-picker__disabled":this.dateRangePickerDisabled}}async firstUpdated(t){super.firstUpdated(t),this._initialized||(h(_.toString()),this._initialized=!0,await this.updateComplete,this.setupAnchor())}updated(t){super.updated(t),(t.has("dateFormat")||t.has("minDate")||t.has("defaultDate")||t.has("maxDate")||t.has("locale")||t.has("twentyFourHourFormat"))&&(this._enableTime=u(this.dateFormat),this.flatpickrInstance&&this._initialized&&this.updateFlatpickrOptions()),t.has("dateRangePickerDisabled")&&this.dateRangePickerDisabled&&this.flatpickrInstance&&this.flatpickrInstance.close()}async setupAnchor(){this._inputEl&&await this.initializeFlatpickr()}async initializeFlatpickr(){this._inputEl&&(this.flatpickrInstance&&this.flatpickrInstance.destroy(),this.flatpickrInstance=await m({inputEl:this._inputEl,getFlatpickrOptions:this.getComponentFlatpickrOptions.bind(this),setCalendarAttributes:t=>{t&&t.calendarContainer?(v(t),t.calendarContainer.setAttribute("aria-label","Date range calendar")):console.warn("Calendar container not available...")},setInitialDates:this.setInitialDates.bind(this),appendToBody:!1}),k(),this._validate(!1,!1))}async getComponentFlatpickrOptions(){var t,e;return g({locale:this.locale,dateFormat:this.dateFormat,defaultDate:null!==(t=this.defaultDate)&&void 0!==t?t:void 0,enableTime:this._enableTime,twentyFourHourFormat:null!==(e=this.twentyFourHourFormat)&&void 0!==e?e:void 0,mode:"range",allowInput:!1,inputEl:this._inputEl,minDate:this.minDate,maxDate:this.maxDate,enable:this.enable,disable:this.disable,loadLocale:f,onChange:this.handleDateChange.bind(this),onClose:this.handleClose.bind(this),onOpen:this.handleOpen.bind(this)})}async updateFlatpickrOptions(){if(!this.flatpickrInstance)return;const t=this.flatpickrInstance.selectedDates,e=await this.getComponentFlatpickrOptions();Object.keys(e).forEach((t=>{this.flatpickrInstance.set(t,e[t])})),this.flatpickrInstance.redraw(),k(),t&&2===t.length&&this.flatpickrInstance.setDate(t,!1),setTimeout((()=>{this.flatpickrInstance&&this.flatpickrInstance.calendarContainer?(v(this.flatpickrInstance),this.flatpickrInstance.calendarContainer.setAttribute("aria-label","Date range calendar")):console.warn("Calendar container not available...")}),0)}setInitialDates(){if(this.flatpickrInstance)try{if(Array.isArray(this.defaultDate)){const t=this.defaultDate.filter((t=>t&&""!==t)).map((t=>{const e=new Date(t);return isNaN(e.getTime())?null:e})).filter((t=>null!==t));2===t.length&&(this.value=t,this.flatpickrInstance.setDate(t,!1))}else if(Array.isArray(this.value)&&2===this.value.length){const t=this.value.map((t=>t instanceof Date&&!isNaN(t.getTime())?t:null)).filter((t=>null!==t));2===t.length&&this.flatpickrInstance.setDate(t,!1)}}catch(t){console.warn("Error setting initial dates:",t)}}handleOpen(){var t;this._shouldFlatpickrOpen||(null===(t=this.flatpickrInstance)||void 0===t||t.close(),this._shouldFlatpickrOpen=!0)}async handleDateChange(t){var e;if(this._hasInteracted=!0,0===t.length?this.value=[null,null]:1===t.length?this.value=[t[0],null]:this.value=[t[0],t[1]],2===t.length){const i=t.map((t=>t.toISOString())),a=(null===(e=this._inputEl)||void 0===e?void 0:e.value)||i.join(" to ");b(this,"on-change",{dates:i,dateString:a})}this.updateSelectedDateRangeAria(t),this._validate(!0,!1),await this.updateComplete}async handleClose(){this._hasInteracted=!0,this.flatpickrInstance&&this.flatpickrInstance.selectedDates&&1===this.flatpickrInstance.selectedDates.length&&(this.flatpickrInstance.clear(),this._inputEl&&(this._inputEl.value=""),this.value=[null,null]),this._validate(!0,!1),await this.updateComplete}updateSelectedDateRangeAria(t){var e,i;if(2===t.length){const[i,a]=t;null===(e=this._inputEl)||void 0===e||e.setAttribute("aria-label",`Selected date range: ${i.toLocaleDateString()} to ${a.toLocaleDateString()}`)}else null===(i=this._inputEl)||void 0===i||i.setAttribute("aria-label","Date range")}setShouldFlatpickrOpen(t){this._shouldFlatpickrOpen=t}closeFlatpickr(){var t;null===(t=this.flatpickrInstance)||void 0===t||t.close()}preventFlatpickrOpen(t){y(t,this.setShouldFlatpickrOpen.bind(this))}handleInputClickEvent(){x(this.setShouldFlatpickrOpen.bind(this))}handleInputFocusEvent(){w(this._shouldFlatpickrOpen,this.closeFlatpickr.bind(this),this.setShouldFlatpickrOpen.bind(this))}_validate(t,e){if(!(this._inputEl&&this._inputEl instanceof HTMLInputElement))return;t&&(this._hasInteracted=!0);const i=!this._inputEl.value.trim()||!this.value[0]||!this.value[1],a=this.required;let r=this._inputEl.validity,n=this._inputEl.validationMessage;a&&i&&(r={...r,valueMissing:!0},n=this.defaultErrorMessage),this.invalidText&&(r={...r,customError:!0},n=this.invalidText);const l=!r.valueMissing&&!r.customError;this._internals.setValidity(r,n,this._inputEl),this._isInvalid=!l&&(this._hasInteracted||""!==this.invalidText),this._internalValidationMsg=n,e&&this._internals.reportValidity(),this.requestUpdate()}_onChange(){this._validate(!0,!1)}_handleFormReset(){this.value=[null,null],this.flatpickrInstance&&this.flatpickrInstance.clear(),this._hasInteracted=!1,this._validate(!1,!1)}};E.styles=[
|
|
556
|
+
</div>`:null}_handleClear(t){t.preventDefault(),t.stopPropagation(),this.flatpickrInstance&&this.flatpickrInstance.clear(),this._inputEl&&(this._inputEl.value=""),this.value=[null,null],this.defaultDate=[],this._validate(!0,!1),this.requestUpdate()}getDateRangePickerClasses(){return{"date-range-picker":!0,"date-range-picker__enable-time":this._enableTime,"date-range-picker__disabled":this.dateRangePickerDisabled}}async firstUpdated(t){super.firstUpdated(t),this._initialized||(h(_.toString()),this._initialized=!0,await this.updateComplete,this.setupAnchor())}updated(t){super.updated(t),(t.has("dateFormat")||t.has("minDate")||t.has("defaultDate")||t.has("maxDate")||t.has("locale")||t.has("twentyFourHourFormat"))&&(this._enableTime=u(this.dateFormat),this.flatpickrInstance&&this._initialized&&this.updateFlatpickrOptions()),t.has("dateRangePickerDisabled")&&this.dateRangePickerDisabled&&this.flatpickrInstance&&this.flatpickrInstance.close()}async setupAnchor(){this._inputEl&&await this.initializeFlatpickr()}async initializeFlatpickr(){this._inputEl&&(this.flatpickrInstance&&this.flatpickrInstance.destroy(),this.flatpickrInstance=await m({inputEl:this._inputEl,getFlatpickrOptions:this.getComponentFlatpickrOptions.bind(this),setCalendarAttributes:t=>{t&&t.calendarContainer?(v(t),t.calendarContainer.setAttribute("aria-label","Date range calendar")):console.warn("Calendar container not available...")},setInitialDates:this.setInitialDates.bind(this),appendToBody:!1}),k(),this._validate(!1,!1))}async getComponentFlatpickrOptions(){var t,e;return g({locale:this.locale,dateFormat:this.dateFormat,defaultDate:null!==(t=this.defaultDate)&&void 0!==t?t:void 0,enableTime:this._enableTime,twentyFourHourFormat:null!==(e=this.twentyFourHourFormat)&&void 0!==e?e:void 0,mode:"range",allowInput:!1,inputEl:this._inputEl,minDate:this.minDate,maxDate:this.maxDate,enable:this.enable,disable:this.disable,loadLocale:f,onChange:this.handleDateChange.bind(this),onClose:this.handleClose.bind(this),onOpen:this.handleOpen.bind(this)})}async updateFlatpickrOptions(){if(!this.flatpickrInstance)return;const t=this.flatpickrInstance.selectedDates,e=await this.getComponentFlatpickrOptions();Object.keys(e).forEach((t=>{this.flatpickrInstance.set(t,e[t])})),this.flatpickrInstance.redraw(),k(),t&&2===t.length&&this.flatpickrInstance.setDate(t,!1),setTimeout((()=>{this.flatpickrInstance&&this.flatpickrInstance.calendarContainer?(v(this.flatpickrInstance),this.flatpickrInstance.calendarContainer.setAttribute("aria-label","Date range calendar")):console.warn("Calendar container not available...")}),0)}setInitialDates(){if(this.flatpickrInstance)try{if(Array.isArray(this.defaultDate)){const t=this.defaultDate.filter((t=>t&&""!==t)).map((t=>{const e=new Date(t);return isNaN(e.getTime())?null:e})).filter((t=>null!==t));2===t.length&&(this.value=t,this.flatpickrInstance.setDate(t,!1))}else if(Array.isArray(this.value)&&2===this.value.length){const t=this.value.map((t=>t instanceof Date&&!isNaN(t.getTime())?t:null)).filter((t=>null!==t));2===t.length&&this.flatpickrInstance.setDate(t,!1)}}catch(t){console.warn("Error setting initial dates:",t)}}handleOpen(){var t;this._shouldFlatpickrOpen||(null===(t=this.flatpickrInstance)||void 0===t||t.close(),this._shouldFlatpickrOpen=!0)}async handleDateChange(t){var e;if(this._hasInteracted=!0,0===t.length?this.value=[null,null]:1===t.length?this.value=[t[0],null]:this.value=[t[0],t[1]],2===t.length){const i=t.map((t=>t.toISOString())),a=(null===(e=this._inputEl)||void 0===e?void 0:e.value)||i.join(" to ");b(this,"on-change",{dates:i,dateString:a})}this.updateSelectedDateRangeAria(t),this._validate(!0,!1),await this.updateComplete}async handleClose(){this._hasInteracted=!0,this.flatpickrInstance&&this.flatpickrInstance.selectedDates&&1===this.flatpickrInstance.selectedDates.length&&(this.flatpickrInstance.clear(),this._inputEl&&(this._inputEl.value=""),this.value=[null,null]),this._validate(!0,!1),await this.updateComplete}updateSelectedDateRangeAria(t){var e,i;if(2===t.length){const[i,a]=t;null===(e=this._inputEl)||void 0===e||e.setAttribute("aria-label",`Selected date range: ${i.toLocaleDateString()} to ${a.toLocaleDateString()}`)}else null===(i=this._inputEl)||void 0===i||i.setAttribute("aria-label","Date range")}setShouldFlatpickrOpen(t){this._shouldFlatpickrOpen=t}closeFlatpickr(){var t;null===(t=this.flatpickrInstance)||void 0===t||t.close()}preventFlatpickrOpen(t){y(t,this.setShouldFlatpickrOpen.bind(this))}handleInputClickEvent(){x(this.setShouldFlatpickrOpen.bind(this))}handleInputFocusEvent(){w(this._shouldFlatpickrOpen,this.closeFlatpickr.bind(this),this.setShouldFlatpickrOpen.bind(this))}_validate(t,e){if(!(this._inputEl&&this._inputEl instanceof HTMLInputElement))return;t&&(this._hasInteracted=!0);const i=!this._inputEl.value.trim()||!this.value[0]||!this.value[1],a=this.required;let r=this._inputEl.validity,n=this._inputEl.validationMessage;a&&i&&(r={...r,valueMissing:!0},n=this.defaultErrorMessage),this.invalidText&&(r={...r,customError:!0},n=this.invalidText);const l=!r.valueMissing&&!r.customError;this._internals.setValidity(r,n,this._inputEl),this._isInvalid=!l&&(this._hasInteracted||""!==this.invalidText),this._internalValidationMsg=n,e&&this._internals.reportValidity(),this.requestUpdate()}_onChange(){this._validate(!0,!1)}_handleFormReset(){this.value=[null,null],this.flatpickrInstance&&this.flatpickrInstance.clear(),this._hasInteracted=!1,this._validate(!1,!1)}};E.styles=[I,_],t([i({type:String})],E.prototype,"label",void 0),t([i({type:String})],E.prototype,"locale",void 0),t([i({type:String})],E.prototype,"dateFormat",void 0),t([i({type:Array})],E.prototype,"defaultDate",void 0),t([i({type:String})],E.prototype,"defaultErrorMessage",void 0),t([i({type:Array})],E.prototype,"value",void 0),t([i({type:String})],E.prototype,"warnText",void 0),t([i({type:Array})],E.prototype,"disable",void 0),t([i({type:Array})],E.prototype,"enable",void 0),t([i({type:String})],E.prototype,"caption",void 0),t([i({type:Boolean})],E.prototype,"required",void 0),t([i({type:String})],E.prototype,"size",void 0),t([i({type:Boolean})],E.prototype,"dateRangePickerDisabled",void 0),t([i({type:Boolean})],E.prototype,"twentyFourHourFormat",void 0),t([i({type:String})],E.prototype,"minDate",void 0),t([i({type:String})],E.prototype,"maxDate",void 0),t([i({type:String})],E.prototype,"errorAriaLabel",void 0),t([i({type:String})],E.prototype,"errorTitle",void 0),t([i({type:String})],E.prototype,"warningAriaLabel",void 0),t([i({type:String})],E.prototype,"warningTitle",void 0),t([a()],E.prototype,"_enableTime",void 0),t([a()],E.prototype,"flatpickrInstance",void 0),t([r("input")],E.prototype,"_inputEl",void 0),t([a()],E.prototype,"_hasInteracted",void 0),t([i({type:Object})],E.prototype,"textStrings",void 0),t([a()],E.prototype,"_textStrings",void 0),t([a()],E.prototype,"_shouldFlatpickrOpen",void 0),E=t([n("kyn-date-range-picker")],E);export{E as DateRangePicker};
|
|
557
557
|
//# sourceMappingURL=daterangepicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-42d7c67e.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{DateRangePicker}from"./daterangepicker.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/helpers/flatpickr.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-42d7c67e.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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 s,i as a,e as r}from"../../../vendor/lit-6e2a7867.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-3185f710.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{j as u,f as v,i as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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 s,i as a,e as r}from"../../../vendor/lit-6e2a7867.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-3185f710.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{j as u,f as v,i as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.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-22009eb5.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var g=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-6e2a7867.js";import{i as s,s as d,x as r}from"../../../vendor/lit-element-3185f710.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import{k as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import{i as s,s as d,x as r}from"../../../vendor/lit-element-3185f710.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import{k as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.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 c=s`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
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-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../tag-22009eb5.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";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Loader}from"./loader.js";export{LoaderInline}from"./inline.js";export{Skeleton}from"./skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Loader}from"./loader.js";export{LoaderInline}from"./inline.js";export{Skeleton}from"./skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as e,t as s,i as a,o as r,e as o}from"../../../vendor/lit-6e2a7867.js";import{i as n,s as d,x as m}from"../../../vendor/lit-element-3185f710.js";import{l as p}from"../../../vendor/lottie-web-9ccae634.js";import{r as c,i as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as e,t as s,i as a,o as r,e as o}from"../../../vendor/lit-6e2a7867.js";import{i as n,s as d,x as m}from"../../../vendor/lit-element-3185f710.js";import{l as p}from"../../../vendor/lottie-web-9ccae634.js";import{r as c,i as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../vendor/flatpickr-bbd13d61.js";var x={v:"4.8.0",meta:{g:"LottieFiles AE 3.5.7",a:"",k:"",d:"",tc:""},fr:30,ip:0,op:60,w:500,h:500,nm:"Indeterminate Load",ddd:0,assets:[{id:"comp_0",layers:[{ddd:0,ind:1,ty:4,nm:"Loader",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[325,325,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[90,90,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[500,500],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:500,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"tm",s:{a:0,k:100,ix:1},e:{a:0,k:75,ix:2},o:{a:1,k:[{i:{x:[.833],y:[.587]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:99,s:[1440]}],ix:3,x:"var $bm_rt;\n$bm_rt = loopOut();"},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1},{ty:"st",c:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[.160784319043,.439215689898,.478431373835,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:10,s:[.215686276555,.592156887054,.643137276173,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:20,s:[.160784319043,.439215689898,.478431373835,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:30,s:[.215686276555,.592156887054,.643137276173,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:40,s:[.160784319043,.439215689898,.478431373835,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:50,s:[.215686276555,.592156887054,.643137276173,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[.160784319043,.439215689898,.478431373835,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:70,s:[.215686276555,.592156887054,.643137276173,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:80,s:[.160784319043,.439215689898,.478431373835,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:90,s:[.215686276555,.592156887054,.643137276173,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:100,s:[.160784319043,.439215689898,.478431373835,1]},{t:110,s:[.215686276555,.592156887054,.643137276173,1]}],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:50,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:3,k:{a:0,k:[0,1,.275,.176,.5,.592,.388,.363,1,.184,.502,.549],ix:9}},s:{a:0,k:[0,0],ix:5},e:{a:0,k:[100,0],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!0},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Red",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[500,500],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:500,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"tm",s:{a:0,k:100,ix:1},e:{a:0,k:0,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!0},{ty:"st",c:{a:0,k:[.960784316063,.956862747669,.952941179276,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:50,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:3,k:{a:0,k:[0,1,.275,.176,.5,.592,.388,.363,1,.184,.502,.549],ix:9}},s:{a:0,k:[0,0],ix:5},e:{a:0,k:[100,0],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!0},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Base",np:4,cix:2,bm:0,ix:2,mn:"ADBE Vector Group",hd:!1}],ip:0,op:60,st:0,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Loader ",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[325,325,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,w:650,h:650,ip:0,op:60,st:0,bm:0}],markers:[]},l=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Modal}from"./modal.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Modal}from"./modal.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -11,7 +11,7 @@ export declare class Modal extends LitElement {
|
|
|
11
11
|
static styles: any[];
|
|
12
12
|
/** Modal open state. */
|
|
13
13
|
open: boolean;
|
|
14
|
-
/** Modal size. `'auto'`, `'md'`, or `'lg'`. */
|
|
14
|
+
/** Modal size. `'auto'`, `'md'`, or `'lg', or `'xl'`. */
|
|
15
15
|
size: string;
|
|
16
16
|
/** Title/heading text, required. */
|
|
17
17
|
titleText: string;
|
|
@@ -43,6 +43,10 @@ export declare class Modal extends LitElement {
|
|
|
43
43
|
* @internal
|
|
44
44
|
*/
|
|
45
45
|
_dialog: any;
|
|
46
|
+
/** Determines if the component is themed for GenAI.*/
|
|
47
|
+
aiConnected: boolean;
|
|
48
|
+
/** Disables scroll on the modal body to allow scrolling of nested elements inside. */
|
|
49
|
+
disableScroll: boolean;
|
|
46
50
|
render(): import("lit").TemplateResult<1>;
|
|
47
51
|
private _openModal;
|
|
48
52
|
private _closeModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/modal/modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,WAAW,CAAC;AAInB;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,QAkBpB;IAEF,wBAAwB;IAExB,IAAI,UAAS;IAEb
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/modal/modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,WAAW,CAAC;AAInB;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,QAkBpB;IAEF,wBAAwB;IAExB,IAAI,UAAS;IAEb,yDAAyD;IAEzD,IAAI,SAAU;IAEd,oCAAoC;IAEpC,SAAS,SAAM;IAEf,4BAA4B;IAE5B,SAAS,SAAM;IAEf,sBAAsB;IAEtB,MAAM,SAAQ;IAEd,0BAA0B;IAE1B,UAAU,SAAY;IAEtB,+EAA+E;IAE/E,WAAW,UAAS;IAEpB,mCAAmC;IAEnC,UAAU,UAAS;IAEnB,qCAAqC;IAErC,iBAAiB,UAAS;IAE1B,iEAAiE;IAEjE,UAAU,UAAS;IAEnB,6BAA6B;IAE7B,mBAAmB,SAAe;IAElC,kCAAkC;IAElC,mBAAmB,UAAS;IAE5B,+BAA+B;IAE/B,gBAAgB,UAAS;IAEzB,4LAA4L;IAE5L,WAAW,EAAG,QAAQ,CAAC;IAEvB,yBAAyB;IAEzB,SAAS,SAAW;IAEpB;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEd,sDAAsD;IAEtD,WAAW,UAAS;IAEpB,sFAAsF;IAEtF,aAAa,UAAS;IAEb,MAAM;IAoGf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,cAAc;IAKb,OAAO,CAAC,YAAY,EAAE,GAAG;CAUnC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,KAAK,CAAC;KACpB;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../../vendor/lit-html-29220869.js";import{n as o,i,o as a,e as l}from"../../../vendor/lit-6e2a7867.js";import{i as n,s as r,x as s}from"../../../vendor/lit-element-3185f710.js";import"../button/button.js";import{c as d}from"../../../vendor/@kyndryl-design-system/shidoka-icons-e426f09b.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var c=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -52,10 +52,17 @@ dialog::backdrop {
|
|
|
52
52
|
background-color: rgba(0, 0, 0, 0.4);
|
|
53
53
|
}
|
|
54
54
|
dialog.size--md {
|
|
55
|
-
width:
|
|
55
|
+
width: 384px;
|
|
56
56
|
}
|
|
57
57
|
dialog.size--lg {
|
|
58
|
-
width:
|
|
58
|
+
width: 800px;
|
|
59
|
+
}
|
|
60
|
+
dialog.size--xl {
|
|
61
|
+
width: 1024px;
|
|
62
|
+
}
|
|
63
|
+
dialog.ai-connected {
|
|
64
|
+
box-shadow: var(--kd-elevation-level-3-ai);
|
|
65
|
+
background: var(--kd-color-background-container-ai-subtle);
|
|
59
66
|
}
|
|
60
67
|
|
|
61
68
|
form {
|
|
@@ -93,30 +100,6 @@ form {
|
|
|
93
100
|
transform: none;
|
|
94
101
|
}
|
|
95
102
|
}
|
|
96
|
-
button {
|
|
97
|
-
appearance: none;
|
|
98
|
-
background: none;
|
|
99
|
-
border: 1px solid transparent;
|
|
100
|
-
color: inherit;
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
font: inherit;
|
|
103
|
-
padding: 0;
|
|
104
|
-
border-radius: 2px;
|
|
105
|
-
outline: 2px solid transparent;
|
|
106
|
-
transition: outline-color 150ms ease-out, color 150ms ease-out;
|
|
107
|
-
}
|
|
108
|
-
button:focus {
|
|
109
|
-
outline: 1px solid var(--kd-color-border-variants-focus);
|
|
110
|
-
}
|
|
111
|
-
button:hover {
|
|
112
|
-
background: var(--kd-color-background-ui-hollow-hover);
|
|
113
|
-
}
|
|
114
|
-
button:active {
|
|
115
|
-
border-radius: 2px;
|
|
116
|
-
border: 1px solid var(--kd-color-border-ui-pressed);
|
|
117
|
-
background: var(--kd-color-background-ui-hollow-hover);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
103
|
.anchor {
|
|
121
104
|
display: inline-block;
|
|
122
105
|
width: 100%;
|
|
@@ -218,6 +201,10 @@ h1 {
|
|
|
218
201
|
}
|
|
219
202
|
}
|
|
220
203
|
|
|
204
|
+
slot[name=footer]::slotted(*) {
|
|
205
|
+
margin-top: 32px;
|
|
206
|
+
}
|
|
207
|
+
|
|
221
208
|
.custom-actions {
|
|
222
209
|
margin-left: auto;
|
|
223
210
|
display: flex;
|
|
@@ -231,19 +218,22 @@ h1 {
|
|
|
231
218
|
|
|
232
219
|
.body {
|
|
233
220
|
flex-grow: 1;
|
|
234
|
-
overflow-y: auto;
|
|
235
221
|
margin: -4px;
|
|
236
222
|
padding: 4px 16px 4px 4px;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.body:not(.disableScroll) {
|
|
226
|
+
overflow-y: auto;
|
|
237
227
|
overscroll-behavior: contain;
|
|
238
|
-
}`;let h=class extends
|
|
228
|
+
}`;let h=class extends r{constructor(){super(...arguments),this.open=!1,this.size="auto",this.titleText="",this.labelText="",this.okText="OK",this.cancelText="Cancel",this.destructive=!1,this.okDisabled=!1,this.secondaryDisabled=!1,this.hideFooter=!1,this.secondaryButtonText="Secondary",this.showSecondaryButton=!1,this.hideCancelButton=!1,this.closeText="Close",this.aiConnected=!1,this.disableScroll=!1}render(){const t={modal:!0,"size--md":"md"===this.size,"size--lg":"lg"===this.size,"size--xl":"xl"===this.size,"ai-connected":this.aiConnected};return s`
|
|
239
229
|
<span class="anchor" @click=${this._openModal}>
|
|
240
230
|
<slot name="anchor"></slot>
|
|
241
231
|
</span>
|
|
242
232
|
|
|
243
233
|
<dialog
|
|
244
|
-
class="${a(
|
|
234
|
+
class="${a(t)}"
|
|
245
235
|
aria-labelledby="dialogLabel"
|
|
246
|
-
@cancel=${
|
|
236
|
+
@cancel=${t=>this._closeModal(t,"cancel")}
|
|
247
237
|
>
|
|
248
238
|
<form method="dialog">
|
|
249
239
|
<kyn-button
|
|
@@ -251,9 +241,9 @@ h1 {
|
|
|
251
241
|
kind="ghost"
|
|
252
242
|
size="small"
|
|
253
243
|
description=${this.closeText}
|
|
254
|
-
@click=${
|
|
244
|
+
@click=${t=>this._closeModal(t,"cancel")}
|
|
255
245
|
>
|
|
256
|
-
<span slot="icon">${
|
|
246
|
+
<span slot="icon">${e(d)}</span>
|
|
257
247
|
</kyn-button>
|
|
258
248
|
<header>
|
|
259
249
|
<div>
|
|
@@ -262,52 +252,54 @@ h1 {
|
|
|
262
252
|
</div>
|
|
263
253
|
</header>
|
|
264
254
|
|
|
265
|
-
<div class="body">
|
|
255
|
+
<div class="body ${this.disableScroll?"disableScroll":""}">
|
|
266
256
|
<slot></slot>
|
|
267
257
|
</div>
|
|
268
258
|
|
|
269
259
|
${this.hideFooter?null:s`
|
|
270
|
-
<
|
|
271
|
-
<
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
260
|
+
<slot name="footer">
|
|
261
|
+
<div class="footer">
|
|
262
|
+
<kyn-button
|
|
263
|
+
class="action-button"
|
|
264
|
+
value="ok"
|
|
265
|
+
kind=${this.destructive?"primary-destructive":this.aiConnected?"primary-ai":"primary"}
|
|
266
|
+
?disabled=${this.okDisabled}
|
|
267
|
+
@click=${t=>this._closeModal(t,"ok")}
|
|
268
|
+
>
|
|
269
|
+
${this.okText}
|
|
270
|
+
</kyn-button>
|
|
271
|
+
${this.showSecondaryButton?s`
|
|
272
|
+
<kyn-button
|
|
273
|
+
class="action-button"
|
|
274
|
+
value="Secondary"
|
|
275
|
+
kind=${this.aiConnected?"outline-ai":"outline"}
|
|
276
|
+
?disabled=${this.secondaryDisabled}
|
|
277
|
+
@click=${t=>this._closeModal(t,"secondary")}
|
|
278
|
+
>
|
|
279
|
+
${this.secondaryButtonText}
|
|
280
|
+
</kyn-button>
|
|
281
|
+
`:null}
|
|
282
|
+
${this.hideCancelButton?null:s`
|
|
283
|
+
<kyn-button
|
|
284
|
+
class="action-button"
|
|
285
|
+
value="cancel"
|
|
286
|
+
kind="ghost"
|
|
287
|
+
@click=${t=>this._closeModal(t,"cancel")}
|
|
288
|
+
>
|
|
289
|
+
${this.cancelText}
|
|
290
|
+
</kyn-button>
|
|
291
|
+
`}
|
|
292
|
+
<!--
|
|
302
293
|
<div class="custom-actions">
|
|
303
294
|
<slot name="actions"></slot>
|
|
304
295
|
</div>
|
|
305
296
|
-->
|
|
306
|
-
|
|
297
|
+
</div>
|
|
298
|
+
</slot>
|
|
307
299
|
`}
|
|
308
300
|
</form>
|
|
309
301
|
</dialog>
|
|
310
|
-
`}_openModal(){this.open=!0}_closeModal(
|
|
302
|
+
`}_openModal(){this.open=!0}_closeModal(t,e){(!this.beforeClose||this.beforeClose&&this.beforeClose(e))&&(this.open=!1,this._dialog.returnValue=e,this._emitCloseEvent(t))}_emitCloseEvent(t){const e=new CustomEvent("on-close",{detail:{returnValue:this._dialog.returnValue,origEvent:t}});this.dispatchEvent(e)}_emitOpenEvent(){const t=new CustomEvent("on-open");this.dispatchEvent(t)}updated(t){t.has("open")&&(this.open?(this._dialog.showModal(),this._emitOpenEvent()):this._dialog.close())}};h.styles=[c,n`
|
|
311
303
|
@supports (transition-behavior: allow-discrete) {
|
|
312
304
|
@starting-style {
|
|
313
305
|
dialog[open] {
|
|
@@ -322,5 +314,5 @@ h1 {
|
|
|
322
314
|
}
|
|
323
315
|
}
|
|
324
316
|
}
|
|
325
|
-
`],
|
|
317
|
+
`],t([o({type:Boolean})],h.prototype,"open",void 0),t([o({type:String})],h.prototype,"size",void 0),t([o({type:String})],h.prototype,"titleText",void 0),t([o({type:String})],h.prototype,"labelText",void 0),t([o({type:String})],h.prototype,"okText",void 0),t([o({type:String})],h.prototype,"cancelText",void 0),t([o({type:Boolean})],h.prototype,"destructive",void 0),t([o({type:Boolean})],h.prototype,"okDisabled",void 0),t([o({type:Boolean})],h.prototype,"secondaryDisabled",void 0),t([o({type:Boolean})],h.prototype,"hideFooter",void 0),t([o({type:String})],h.prototype,"secondaryButtonText",void 0),t([o({type:Boolean})],h.prototype,"showSecondaryButton",void 0),t([o({type:Boolean})],h.prototype,"hideCancelButton",void 0),t([o({attribute:!1})],h.prototype,"beforeClose",void 0),t([o({type:String})],h.prototype,"closeText",void 0),t([i("dialog")],h.prototype,"_dialog",void 0),t([o({type:Boolean,reflect:!0})],h.prototype,"aiConnected",void 0),t([o({type:Boolean})],h.prototype,"disableScroll",void 0),h=t([l("kyn-modal")],h);export{h as Modal};
|
|
326
318
|
//# sourceMappingURL=modal.js.map
|