@kyndryl-design-system/shidoka-applications 2.44.1 → 2.46.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.
Files changed (54) hide show
  1. package/common/css/swiper-shidoka.css +1 -1
  2. package/common/helpers/popoverHelper.d.ts +25 -0
  3. package/common/helpers/popoverHelper.d.ts.map +1 -0
  4. package/common/helpers/popoverHelper.js +2 -0
  5. package/common/helpers/popoverHelper.js.map +1 -0
  6. package/common/scss/utility/swiper-shidoka.scss +11 -12
  7. package/components/global/footer/footer.js +2 -2
  8. package/components/global/header/headerNav.js +2 -2
  9. package/components/global/localNav/localNavDivider.js +4 -4
  10. package/components/reusable/blockCodeView/blockCodeView.js +4 -4
  11. package/components/reusable/button/button.d.ts +3 -1
  12. package/components/reusable/button/button.d.ts.map +1 -1
  13. package/components/reusable/button/button.js +92 -18
  14. package/components/reusable/button/button.js.map +1 -1
  15. package/components/reusable/button/defs.d.ts +1 -0
  16. package/components/reusable/button/defs.d.ts.map +1 -1
  17. package/components/reusable/button/defs.js +1 -1
  18. package/components/reusable/button/defs.js.map +1 -1
  19. package/components/reusable/checkbox/checkboxSubgroup.js +3 -3
  20. package/components/reusable/floatingContainer/floatingContainer.js +3 -3
  21. package/components/reusable/loaders/inline.js +3 -3
  22. package/components/reusable/overflowMenu/overflowMenuItem.js +1 -1
  23. package/components/reusable/popover/index.d.ts +2 -0
  24. package/components/reusable/popover/index.d.ts.map +1 -0
  25. package/components/reusable/popover/index.js +2 -0
  26. package/components/reusable/popover/index.js.map +1 -0
  27. package/components/reusable/popover/popover.d.ts +225 -0
  28. package/components/reusable/popover/popover.d.ts.map +1 -0
  29. package/components/reusable/popover/popover.js +503 -0
  30. package/components/reusable/popover/popover.js.map +1 -0
  31. package/components/reusable/table/index.js +1 -1
  32. package/components/reusable/table/table-cell.js +2 -2
  33. package/components/reusable/table/table-head.js +2 -2
  34. package/components/reusable/table/table.js +1 -1
  35. package/components/reusable/table/table.skeleton.js +1 -1
  36. package/components/reusable/tabs/tab.js +8 -8
  37. package/components/reusable/tabs/tabPanel.js +2 -2
  38. package/components/reusable/tabs/tabs.js +4 -4
  39. package/components/reusable/tag/tag.skeleton.js +4 -4
  40. package/components/reusable/tag/tag.skeleton.js.map +1 -1
  41. package/components/reusable/tag/tagGroup.js +3 -3
  42. package/components/reusable/widget/widgetDragHandle.js +3 -3
  43. package/index.d.ts +1 -0
  44. package/index.d.ts.map +1 -1
  45. package/index.js +1 -1
  46. package/package.json +3 -2
  47. package/{table-46e2880a.js → table-fea5d926.js} +3 -3
  48. package/{table-46e2880a.js.map → table-fea5d926.js.map} +1 -1
  49. package/vendor/@floating-ui/core-53cddde9.js +2 -0
  50. package/vendor/@floating-ui/core-53cddde9.js.map +1 -0
  51. package/vendor/@floating-ui/dom-3403b61f.js +2 -0
  52. package/vendor/@floating-ui/dom-3403b61f.js.map +1 -0
  53. package/vendor/@floating-ui/utils-fd11b2ca.js +2 -0
  54. package/vendor/@floating-ui/utils-fd11b2ca.js.map +1 -0
@@ -1 +1 @@
1
- @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:root{--kd-current-breakpoint: sm}@media(min-width: 42rem){:root{--kd-current-breakpoint: md}}@media(min-width: 74rem){:root{--kd-current-breakpoint: lg}}@media(min-width: 82rem){:root{--kd-current-breakpoint: xl}}@media(min-width: 99rem){:root{--kd-current-breakpoint: max}}:root{--swiper-navigation-size: 56px;--swiper-fractional-height: 54px;--swiper-bullets-height: 32px;--swiper-tabs-height: 64px;--swiper-scrollbar-size: 8px;--swiper-scrollbar-drag-bg-color: var(--kd-color-background-container-subtle);--swiper-scrollbar-bg-color: var(--kd-color-background-container-soft);--swiper-scrollbar-border-radius: 8px}@media(min-width: 82rem){:root{--swiper-navigation-size: 64px}}.swiper{display:flex;flex-direction:column;gap:16px}.swiper-full-bleed{margin:0 calc(var(--kd-page-gutter)*-1)}.swiper-slide{box-sizing:border-box;transition:opacity 250ms ease-in-out}@media(min-width: 42rem){.swiper-slide{max-width:calc(100% - var(--swiper-navigation-size)*2 - 84px)}}.swiper-slide.off-screen{opacity:.5;pointer-events:none}.swiper-pagination{position:static;display:flex;justify-content:safe center;gap:16px}@media(min-width: 42rem){.swiper-pagination.tabs{order:-1;gap:24px;overflow-x:auto}}.swiper-pagination kyn-link,.swiper-pagination a{margin-left:40px;margin-right:4px}.swiper-pagination-bullet{border:1px solid var(--kd-color-background-accent-tertiary);background:none;opacity:initial;width:16px;height:16px}.swiper-pagination-bullet-active{background:var(--kd-color-background-container-subtle)}@media(min-width: 42rem){.tabs .swiper-pagination-bullet{width:auto;height:auto;border-radius:initial;border:none;padding:12px 14px;white-space:nowrap;outline-offset:-2px;border-radius:4px 4px 0px 0px;transition:border-color 150ms ease-out,background-color 150ms ease-out,color 150ms ease-out,outline-color 150ms ease-out;color:var(--kd-color-text-level-primary);border-bottom:2px solid rgba(0,0,0,0);outline:2px solid rgba(0,0,0,0)}.tabs .swiper-pagination-bullet:hover{border-color:var(--kd-color-border-button-tertiary-state-hover);background-color:var(--kd-color-background-button-tertiary-state-hover)}.tabs .swiper-pagination-bullet:active{border-color:var(--kd-color-border-button-tertiary-state-pressed);background-color:var(--kd-color-background-button-tertiary-state-pressed)}.tabs .swiper-pagination-bullet:focus-visible{outline-color:var(--kd-color-border-variants-focus)}.tabs .swiper-pagination-bullet-active{color:var(--kd-color-text-level-primary);border-color:var(--kd-color-border-button-tertiary-state-focused);background:var(--kd-color-background-button-tertiary-state-default);font-weight:500}}.tabs .swiper-pagination-bullet .tab-text{display:none}@media(min-width: 42rem){.tabs .swiper-pagination-bullet .tab-text{display:inline}}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.swiper-pagination-fraction{font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-utility-2-sm);line-height:var(--kd-line-height-utility-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-5);justify-content:end;gap:2px;color:var(--kd-color-text-level-secondary)}@media(min-width: 42rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-md);line-height:var(--kd-line-height-utility-2-md)}}@media(min-width: 74rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-lg);line-height:var(--kd-line-height-utility-2-lg)}}@media(min-width: 82rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-xlg);line-height:var(--kd-line-height-utility-2-xlg)}}@media(min-width: 99rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-max);line-height:var(--kd-line-height-utility-2-max)}}.swiper-full-bleed .swiper-pagination-fraction{padding-right:var(--kd-page-gutter)}.pagination-with-link{font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-utility-2-sm);line-height:var(--kd-line-height-utility-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-5);display:flex;align-items:baseline;gap:40px;padding-right:4px}@media(min-width: 42rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-md);line-height:var(--kd-line-height-utility-2-md)}}@media(min-width: 74rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-lg);line-height:var(--kd-line-height-utility-2-lg)}}@media(min-width: 82rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-xlg);line-height:var(--kd-line-height-utility-2-xlg)}}@media(min-width: 99rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-max);line-height:var(--kd-line-height-utility-2-max)}}.swiper-button-prev,.swiper-button-next{box-shadow:var(--kd-elevation-level-2);display:none;border-radius:50%;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2 - var(--swiper-fractional-height)/2);color:var(--kd-color-icon-primary);background:var(--kd-color-icon-inverse);outline:2px solid rgba(0,0,0,0);transition:outline-color 150ms ease-out,color 150ms ease-out,box-shadow 150ms ease-out}.swiper-pagination-bullets~.swiper-button-prev,.swiper-pagination-bullets~.swiper-button-next{margin-top:calc(0px - var(--swiper-navigation-size)/2 - var(--swiper-bullets-height)/2)}.swiper-pagination-bullets.tabs~.swiper-button-prev,.swiper-pagination-bullets.tabs~.swiper-button-next{margin-top:calc(0px - var(--swiper-navigation-size)/2 + var(--swiper-tabs-height)/2)}@media(min-width: 42rem){.swiper-button-prev,.swiper-button-next{display:flex}}.swiper-button-prev:focus-visible,.swiper-button-next:focus-visible{outline-color:var(--kd-color-border-ui-hover)}.swiper-button-prev svg,.swiper-button-next svg{width:initial;height:initial}.swiper-button-prev:hover,.swiper-button-next:hover{box-shadow:var(--kd-elevation-level-3);color:var(--kd-color-icon-secondary)}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{color:var(--kd-color-icon-disabled)}.swiper-button-next svg{transform:rotate(180deg)}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:static;width:100%}.swiper-full-bleed .swiper-horizontal>.swiper-scrollbar,.swiper-full-bleed .swiper-scrollbar.swiper-scrollbar-horizontal{width:calc(100% - var(--kd-page-gutter)*2);margin-left:var(--kd-page-gutter)}
1
+ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:root{--kd-current-breakpoint: sm}@media(min-width: 42rem){:root{--kd-current-breakpoint: md}}@media(min-width: 74rem){:root{--kd-current-breakpoint: lg}}@media(min-width: 82rem){:root{--kd-current-breakpoint: xl}}@media(min-width: 99rem){:root{--kd-current-breakpoint: max}}:root{--swiper-navigation-size: 56px;--swiper-fractional-height: 54px;--swiper-bullets-height: 32px;--swiper-tabs-height: 64px;--swiper-scrollbar-size: 8px;--swiper-scrollbar-drag-bg-color: var(--kd-color-background-container-subtle);--swiper-scrollbar-bg-color: var(--kd-color-background-container-soft);--swiper-scrollbar-border-radius: 8px}@media(min-width: 82rem){:root{--swiper-navigation-size: 64px}}.swiper{display:flex;flex-direction:column;gap:16px}.swiper-full-bleed{margin:0 calc(var(--kd-page-gutter)*-1)}.swiper-slide{box-sizing:border-box;transition:opacity 250ms ease-in-out}@media(min-width: 42rem){.swiper-slide{max-width:calc(100% - var(--swiper-navigation-size)*2 - 84px)}}.swiper-slide.off-screen{opacity:.5;pointer-events:none}.swiper-pagination{position:static;display:flex;justify-content:safe center;gap:16px}@media(min-width: 42rem){.swiper-pagination.tabs{order:-1;gap:24px;overflow-x:auto}}.swiper-pagination kyn-link,.swiper-pagination a{margin-left:40px;margin-right:4px}.swiper-pagination-bullet{border:1px solid var(--kd-color-background-accent-tertiary);background:none;opacity:initial;width:16px;height:16px}.swiper-pagination-bullet-active{background:var(--kd-color-background-container-subtle)}@media(min-width: 42rem){.tabs .swiper-pagination-bullet{width:auto;height:auto;border-radius:initial;border:none;padding:12px 14px;white-space:nowrap;outline-offset:-2px;border-radius:4px 4px 0px 0px;transition:border-color 150ms ease-out,background-color 150ms ease-out,color 150ms ease-out,outline-color 150ms ease-out;color:var(--kd-color-text-level-primary);border-bottom:1px solid rgba(0,0,0,0);outline:2px solid rgba(0,0,0,0)}.tabs .swiper-pagination-bullet:hover{background:var(--kd-color-background-button-secondary-state-hover);border-color:var(--kd-color-border-button-primary-state-hover);color:var(--kd-color-text-level-primary)}.tabs .swiper-pagination-bullet:active{background:var(--kd-color-background-button-primary-state-pressed);border-color:var(--kd-color-border-button-primary-state-hover);color:var(--kd-color-text-level-light)}.tabs .swiper-pagination-bullet:focus-visible{outline-color:var(--kd-color-border-variants-focus)}.tabs .swiper-pagination-bullet-active{border-color:var(--kd-color-border-button-primary-state-default);color:var(--kd-color-text-link-level-default);background:none;border-bottom-width:2px;font-weight:500}}.tabs .swiper-pagination-bullet .tab-text{display:none}@media(min-width: 42rem){.tabs .swiper-pagination-bullet .tab-text{display:inline}}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.swiper-pagination-fraction{font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-utility-2-sm);line-height:var(--kd-line-height-utility-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-5);justify-content:end;gap:2px;color:var(--kd-color-text-level-secondary)}@media(min-width: 42rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-md);line-height:var(--kd-line-height-utility-2-md)}}@media(min-width: 74rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-lg);line-height:var(--kd-line-height-utility-2-lg)}}@media(min-width: 82rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-xlg);line-height:var(--kd-line-height-utility-2-xlg)}}@media(min-width: 99rem){.swiper-pagination-fraction{font-size:var(--kd-font-size-utility-2-max);line-height:var(--kd-line-height-utility-2-max)}}.swiper-full-bleed .swiper-pagination-fraction{padding-right:var(--kd-page-gutter)}.pagination-with-link{font-family:var(--kd-font-family-secondary);font-size:var(--kd-font-size-utility-2-sm);line-height:var(--kd-line-height-utility-2-sm);font-weight:var(--kd-font-weight-regular);letter-spacing:var(--kd-letter-spacing-5);display:flex;align-items:baseline;gap:40px;padding-right:4px}@media(min-width: 42rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-md);line-height:var(--kd-line-height-utility-2-md)}}@media(min-width: 74rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-lg);line-height:var(--kd-line-height-utility-2-lg)}}@media(min-width: 82rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-xlg);line-height:var(--kd-line-height-utility-2-xlg)}}@media(min-width: 99rem){.pagination-with-link{font-size:var(--kd-font-size-utility-2-max);line-height:var(--kd-line-height-utility-2-max)}}.swiper-button-prev,.swiper-button-next{box-shadow:var(--kd-elevation-level-2);display:none;border-radius:50%;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2 - var(--swiper-fractional-height)/2);color:var(--kd-color-icon-primary);background:var(--kd-color-icon-inverse);outline:2px solid rgba(0,0,0,0);transition:outline-color 150ms ease-out,color 150ms ease-out,box-shadow 150ms ease-out}.swiper-pagination-bullets~.swiper-button-prev,.swiper-pagination-bullets~.swiper-button-next{margin-top:calc(0px - var(--swiper-navigation-size)/2 - var(--swiper-bullets-height)/2)}.swiper-pagination-bullets.tabs~.swiper-button-prev,.swiper-pagination-bullets.tabs~.swiper-button-next{margin-top:calc(0px - var(--swiper-navigation-size)/2 + var(--swiper-tabs-height)/2)}@media(min-width: 42rem){.swiper-button-prev,.swiper-button-next{display:flex}}.swiper-button-prev:focus-visible,.swiper-button-next:focus-visible{outline-color:var(--kd-color-border-ui-hover)}.swiper-button-prev svg,.swiper-button-next svg{width:initial;height:initial}.swiper-button-prev:hover,.swiper-button-next:hover{box-shadow:var(--kd-elevation-level-3);color:var(--kd-color-icon-secondary)}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{color:var(--kd-color-icon-disabled)}.swiper-button-next svg{transform:rotate(180deg)}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:static;width:100%}.swiper-full-bleed .swiper-horizontal>.swiper-scrollbar,.swiper-full-bleed .swiper-scrollbar.swiper-scrollbar-horizontal{width:calc(100% - var(--kd-page-gutter)*2);margin-left:var(--kd-page-gutter)}
@@ -0,0 +1,25 @@
1
+ import type { Placement } from '@floating-ui/dom';
2
+ export type PositionType = 'fixed' | 'absolute';
3
+ export interface Coords {
4
+ top: number;
5
+ left: number;
6
+ }
7
+ export declare const autoPosition: (anchor: HTMLElement, panel: HTMLElement, arrowEl: HTMLElement, placementOverride: Placement | undefined, opts?: {
8
+ offsetDistance?: number;
9
+ shiftPadding?: number;
10
+ positionType?: PositionType;
11
+ }) => Promise<{
12
+ x: number;
13
+ y: number;
14
+ placement: string;
15
+ arrowX?: number | undefined;
16
+ arrowY?: number | undefined;
17
+ }>;
18
+ export declare const handleFocusKeyboardEvents: (panel: HTMLElement) => {
19
+ previouslyFocusedElement: HTMLElement | null;
20
+ focusableElements: NodeListOf<HTMLElement>;
21
+ keyboardListener: ((e: Event) => void) | null;
22
+ };
23
+ export declare const getPanelStyle: (positionType: PositionType, zIndex: number | undefined, triggerType: string, coords: Coords, top?: string, left?: string, bottom?: string, right?: string) => string;
24
+ export declare const removeFocusListener: (panel: HTMLElement | null, keyboardListener: ((e: Event) => void) | null, previouslyFocusedElement: HTMLElement | null) => void;
25
+ //# sourceMappingURL=popoverHelper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popoverHelper.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/popoverHelper.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEhD,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAID,eAAO,MAAM,YAAY,WACf,WAAW,SACZ,WAAW,WACT,WAAW,qBACD,SAAS,GAAG,SAAS,SAClC;IACJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;OAEE,MAAM;OACN,MAAM;eACE,MAAM;;;EAiDlB,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC7B,WAAW;8BAEQ,WAAW,GAAG,IAAI;uBACzB,WAAW,WAAW,CAAC;2BACnB,KAAK,KAAK,IAAI;CA6DtC,CAAC;AAEF,eAAO,MAAM,aAAa,iBACV,YAAY,UAClB,MAAM,GAAG,SAAS,eACb,MAAM,UACX,MAAM,QACR,MAAM,SACL,MAAM,WACJ,MAAM,UACP,MAAM,KACb,MAmBF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,WAAW,GAAG,IAAI,yBACF,KAAK,KAAK,IAAI,oCACX,WAAW,GAAG,IAAI,KAC3C,IAOF,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{c as e,o as t,f as o,s as n,a,b as r}from"../../vendor/@floating-ui/dom-3403b61f.js";import"../../vendor/@floating-ui/core-53cddde9.js";import"../../vendor/@floating-ui/utils-fd11b2ca.js";const i=async(i,s,l,c,d={})=>{var f,m,p;const u=null!=c?c:"bottom",h=null!==(f=d.offsetDistance)&&void 0!==f?f:u.startsWith("bottom")?16:u.startsWith("top")?4:u.startsWith("left")?12:16,v=null!==(m=d.shiftPadding)&&void 0!==m?m:u.startsWith("bottom")||u.startsWith("top")?26:u.startsWith("left")?40:20,{x:g,y:w,placement:y,middlewareData:b}=await e(i,s,{strategy:d.positionType,placement:u,middleware:[t(h),o(),n({padding:v}),a({element:l,padding:6}),r({apply({availableWidth:e,availableHeight:t,elements:o}){Object.assign(o.floating.style,{maxWidth:`${e}px`,maxHeight:`${t}px`})}})]}),{x:x,y:$}=null!==(p=b.arrow)&&void 0!==p?p:{};return{x:g,y:w,placement:y,arrowX:x,arrowY:$}},s=e=>{const t=document.activeElement,o=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=null;return o.length&&(n=e=>{const t=e;if("Tab"!==t.key){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(t.key)){t.preventDefault();const e=Array.from(o),n=e.indexOf(document.activeElement);let a=n;switch(t.key){case"ArrowUp":case"ArrowLeft":a=n>0?n-1:e.length-1;break;case"ArrowDown":case"ArrowRight":a=n<e.length-1?n+1:0;break;case"Home":a=0;break;case"End":a=e.length-1}e[a].focus()}}else{const e=o[0],n=o[o.length-1];t.shiftKey&&document.activeElement===e?(t.preventDefault(),n.focus()):t.shiftKey||document.activeElement!==n||(t.preventDefault(),e.focus())}},e.addEventListener("keydown",n)),{previouslyFocusedElement:t,focusableElements:o,keyboardListener:n}},l=(e,t,o,n,a,r,i,s)=>{let l="";const c=e||"fixed";return void 0!==t&&(l+=`z-index: ${t};`),"none"!==o?`position: ${c}; top: ${n.top}px; left: ${n.left}px; ${l}`:(l+=`position: ${c};`,a&&(l+=`top: ${a};`),r&&(l+=`left: ${r};`),i&&(l+=`bottom: ${i};`),s&&(l+=`right: ${s};`),l)},c=(e,t,o)=>{t&&e&&e.removeEventListener("keydown",t),o&&o.focus()};export{i as autoPosition,l as getPanelStyle,s as handleFocusKeyboardEvents,c as removeFocusListener};
2
+ //# sourceMappingURL=popoverHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popoverHelper.js","sources":["../../../src/common/helpers/popoverHelper.ts"],"sourcesContent":["/**\n * Helper functions for positioning + managing popover panels using the `@floating-ui/dom` library.\n *\n * Provides utilities for:\n * - automatically positioning popover panels relative to anchor elements, including arrow positioning\n * - managing keyboard focus within popover panels for accessibility\n * - generating and applying CSS styles for panel positioning\n * - supporting responsive positioning rules\n * - cleaning up focus when panels are closed\n *\n * @see {@link https://floating-ui.com/}\n */\nimport {\n computePosition,\n offset,\n flip,\n shift,\n arrow,\n size,\n} from '@floating-ui/dom';\nimport type { Placement } from '@floating-ui/dom';\n\nexport type PositionType = 'fixed' | 'absolute';\n\nexport interface Coords {\n top: number;\n left: number;\n}\n\nconst DEFAULT_ARROW_PADDING = 6;\n\nexport const autoPosition = async (\n anchor: HTMLElement,\n panel: HTMLElement,\n arrowEl: HTMLElement,\n placementOverride: Placement | undefined,\n opts: {\n offsetDistance?: number;\n shiftPadding?: number;\n positionType?: PositionType;\n } = {}\n): Promise<{\n x: number;\n y: number;\n placement: string;\n arrowX?: number;\n arrowY?: number;\n}> => {\n const placement = placementOverride ?? 'bottom';\n\n const baseOffset =\n opts.offsetDistance ??\n (placement.startsWith('bottom')\n ? 16\n : placement.startsWith('top')\n ? 4\n : placement.startsWith('left')\n ? 12\n : 16);\n const baseShift =\n opts.shiftPadding ??\n (placement.startsWith('bottom') || placement.startsWith('top')\n ? 26\n : placement.startsWith('left')\n ? 40\n : 20);\n\n const {\n x,\n y,\n placement: finalPlacement,\n middlewareData,\n } = await computePosition(anchor, panel, {\n strategy: opts.positionType,\n placement,\n middleware: [\n offset(baseOffset),\n flip(),\n shift({ padding: baseShift }),\n arrow({ element: arrowEl, padding: DEFAULT_ARROW_PADDING }),\n size({\n apply({ availableWidth, availableHeight, elements }) {\n Object.assign(elements.floating.style, {\n maxWidth: `${availableWidth}px`,\n maxHeight: `${availableHeight}px`,\n });\n },\n }),\n ],\n });\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow ?? {};\n return { x, y, placement: finalPlacement, arrowX, arrowY };\n};\n\nexport const handleFocusKeyboardEvents = (\n panel: HTMLElement\n): {\n previouslyFocusedElement: HTMLElement | null;\n focusableElements: NodeListOf<HTMLElement>;\n keyboardListener: ((e: Event) => void) | null;\n} => {\n const previouslyFocusedElement = document.activeElement as HTMLElement;\n const focusableElements = panel.querySelectorAll<HTMLElement>(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n let keyboardListener: ((e: Event) => void) | null = null;\n\n if (focusableElements.length) {\n keyboardListener = (e: Event) => {\n const keyEvent = e as KeyboardEvent;\n if (keyEvent.key === 'Tab') {\n const first = focusableElements[0];\n const last = focusableElements[focusableElements.length - 1];\n if (keyEvent.shiftKey && document.activeElement === first) {\n keyEvent.preventDefault();\n last.focus();\n } else if (!keyEvent.shiftKey && document.activeElement === last) {\n keyEvent.preventDefault();\n first.focus();\n }\n return;\n }\n if (\n [\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n 'Home',\n 'End',\n ].includes(keyEvent.key)\n ) {\n keyEvent.preventDefault();\n const arr = Array.from(focusableElements);\n const idx = arr.indexOf(document.activeElement as HTMLElement);\n let next = idx;\n switch (keyEvent.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n next = idx > 0 ? idx - 1 : arr.length - 1;\n break;\n case 'ArrowDown':\n case 'ArrowRight':\n next = idx < arr.length - 1 ? idx + 1 : 0;\n break;\n case 'Home':\n next = 0;\n break;\n case 'End':\n next = arr.length - 1;\n break;\n }\n arr[next].focus();\n }\n };\n\n panel.addEventListener('keydown', keyboardListener);\n }\n\n return { previouslyFocusedElement, focusableElements, keyboardListener };\n};\n\nexport const getPanelStyle = (\n positionType: PositionType,\n zIndex: number | undefined,\n triggerType: string,\n coords: Coords,\n top?: string,\n left?: string,\n bottom?: string,\n right?: string\n): string => {\n let style = '';\n const pos = positionType || 'fixed';\n\n if (zIndex !== undefined) {\n style += `z-index: ${zIndex};`;\n }\n\n if (triggerType !== 'none') {\n return `position: ${pos}; top: ${coords.top}px; left: ${coords.left}px; ${style}`;\n }\n\n style += `position: ${pos};`;\n if (top) style += `top: ${top};`;\n if (left) style += `left: ${left};`;\n if (bottom) style += `bottom: ${bottom};`;\n if (right) style += `right: ${right};`;\n\n return style;\n};\n\nexport const removeFocusListener = (\n panel: HTMLElement | null,\n keyboardListener: ((e: Event) => void) | null,\n previouslyFocusedElement: HTMLElement | null\n): void => {\n if (keyboardListener && panel) {\n panel.removeEventListener('keydown', keyboardListener);\n }\n if (previouslyFocusedElement) {\n previouslyFocusedElement.focus();\n }\n};\n"],"names":["autoPosition","async","anchor","panel","arrowEl","placementOverride","opts","placement","baseOffset","_a","offsetDistance","startsWith","baseShift","_b","shiftPadding","x","y","finalPlacement","middlewareData","computePosition","strategy","positionType","middleware","offset","flip","shift","padding","arrow","element","size","apply","availableWidth","availableHeight","elements","Object","assign","floating","style","maxWidth","maxHeight","arrowX","arrowY","_c","handleFocusKeyboardEvents","previouslyFocusedElement","document","activeElement","focusableElements","querySelectorAll","keyboardListener","length","e","keyEvent","key","includes","preventDefault","arr","Array","from","idx","indexOf","next","focus","first","last","shiftKey","addEventListener","getPanelStyle","zIndex","triggerType","coords","top","left","bottom","right","pos","undefined","removeFocusListener","removeEventListener"],"mappings":"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"}
@@ -86,21 +86,19 @@
86
86
  transition: border-color 150ms ease-out, background-color 150ms ease-out,
87
87
  color 150ms ease-out, outline-color 150ms ease-out;
88
88
  color: var(--kd-color-text-level-primary);
89
- border-bottom: 2px solid transparent;
89
+ border-bottom: 1px solid transparent;
90
90
  outline: 2px solid transparent;
91
91
 
92
92
  &:hover {
93
- border-color: var(--kd-color-border-button-tertiary-state-hover);
94
- background-color: var(
95
- --kd-color-background-button-tertiary-state-hover
96
- );
93
+ background: var(--kd-color-background-button-secondary-state-hover);
94
+ border-color: var(--kd-color-border-button-primary-state-hover);
95
+ color: var(--kd-color-text-level-primary);
97
96
  }
98
97
 
99
98
  &:active {
100
- border-color: var(--kd-color-border-button-tertiary-state-pressed);
101
- background-color: var(
102
- --kd-color-background-button-tertiary-state-pressed
103
- );
99
+ background: var(--kd-color-background-button-primary-state-pressed);
100
+ border-color: var(--kd-color-border-button-primary-state-hover);
101
+ color: var(--kd-color-text-level-light);
104
102
  }
105
103
 
106
104
  &:focus-visible {
@@ -108,9 +106,10 @@
108
106
  }
109
107
 
110
108
  &-active {
111
- color: var(--kd-color-text-level-primary);
112
- border-color: var(--kd-color-border-button-tertiary-state-focused);
113
- background: var(--kd-color-background-button-tertiary-state-default);
109
+ border-color: var(--kd-color-border-button-primary-state-default);
110
+ color: var(--kd-color-text-link-level-default);
111
+ background: none;
112
+ border-bottom-width: 2px;
114
113
  font-weight: 500;
115
114
  }
116
115
  }
@@ -1,4 +1,4 @@
1
- import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,o,e}from"../../../vendor/lit-461e78e6.js";import{i as r,s as n,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{a}from"../../../vendor/lit-html-f7a86fe5.js";import{l as d}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";var s=r`*,
1
+ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,o,e as r}from"../../../vendor/lit-461e78e6.js";import{i as e,s as n,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{a}from"../../../vendor/lit-html-f7a86fe5.js";import{l as d}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";var s=e`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -120,5 +120,5 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,o,e}from"../
120
120
  </a>
121
121
  </div>
122
122
  </footer>
123
- `}handleRootLinkClick(i){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};m.styles=s,i([t({type:String})],m.prototype,"rootUrl",void 0),i([t({type:String})],m.prototype,"logoAriaLabel",void 0),m=i([e("kyn-footer")],m);export{m as Footer};
123
+ `}handleRootLinkClick(i){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};m.styles=s,i([t({type:String})],m.prototype,"rootUrl",void 0),i([t({type:String})],m.prototype,"logoAriaLabel",void 0),m=i([r("kyn-footer")],m);export{m as Footer};
124
124
  //# sourceMappingURL=footer.js.map
@@ -1,4 +1,4 @@
1
- import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-f7a86fe5.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-ffe2ac15.js";var u=a`*,
1
+ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-f7a86fe5.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 c,m as s}from"../../../vendor/@kyndryl-design-system/shidoka-icons-ffe2ac15.js";var u=a`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -258,7 +258,7 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../.
258
258
  title="Toggle Menu"
259
259
  @click=${()=>this._toggleMenuOpen()}
260
260
  >
261
- ${this.menuOpen?l` <span>${t(s)}</span> `:l` <span>${t(c)}</span> `}
261
+ ${this.menuOpen?l` <span>${t(c)}</span> `:l` <span>${t(s)}</span> `}
262
262
  </button>
263
263
 
264
264
  <div class="menu__content left">
@@ -1,4 +1,4 @@
1
- import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as e,t,e as r}from"../../../vendor/lit-461e78e6.js";import{i as d,s as n,x as o}from"../../../vendor/lit-element-c6c02f24.js";var a=d`*,
1
+ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as e,t,e as r}from"../../../vendor/lit-461e78e6.js";import{i as d,s as n,x as a}from"../../../vendor/lit-element-c6c02f24.js";var o=d`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -82,10 +82,10 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as e,t,e as r}fro
82
82
  font-size: var(--kd-font-size-utility-3-max);
83
83
  line-height: var(--kd-line-height-utility-3-max);
84
84
  }
85
- }`;let l=class extends n{constructor(){super(...arguments),this.heading="",this._navExpanded=!1}render(){return o`
85
+ }`;let l=class extends n{constructor(){super(...arguments),this.heading="",this._navExpanded=!1}render(){return a`
86
86
  <div class="divider ${this._navExpanded?"nav-expanded":""}">
87
- ${""!==this.heading?o` <div class="heading">${this.heading}</div> `:null}
87
+ ${""!==this.heading?a` <div class="heading">${this.heading}</div> `:null}
88
88
  <slot></slot>
89
89
  </div>
90
- `}};l.styles=a,i([e({type:String})],l.prototype,"heading",void 0),i([t()],l.prototype,"_navExpanded",void 0),l=i([r("kyn-local-nav-divider")],l);export{l as LocalNavDivider};
90
+ `}};l.styles=o,i([e({type:String})],l.prototype,"heading",void 0),i([t()],l.prototype,"_navExpanded",void 0),l=i([r("kyn-local-nav-divider")],l);export{l as LocalNavDivider};
91
91
  //# sourceMappingURL=localNavDivider.js.map
@@ -1,4 +1,4 @@
1
- import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-f7a86fe5.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-ffe2ac15.js";import"../button/button.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var u=s`*,
1
+ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-f7a86fe5.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 h}from"../../../vendor/prismjs-860c2ccc.js";import{M as p,N as g,f as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-ffe2ac15.js";import"../button/button.js";import"../../../vendor/flatpickr-bbd13d61.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var u=s`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -597,7 +597,7 @@ code.language-git:before {
597
597
  .shidoka-syntax-theme .code-snippet-wrapper pre *::-moz-selection {
598
598
  background-color: light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
599
599
  color: inherit;
600
- }`;p.plugins.autoloader.languages_path="node_modules/prismjs/components/";const v={collapsed:"Collapsed",expanded:"Expanded"},y={markup:["<",">","/","div","span","class","id"],html:["<",">","/","div","span","class","id"],css:["{","}",":",";","#","."],javascript:["function","const","let","var","=>"],typescript:["interface","type",":","as"],python:["def","import","from","class"],java:["public","private","class","void"]};let b=class extends l{constructor(){super(...arguments),this.darkTheme="default",this.language="",this.lineNumbers=!1,this.startLineNumber=1,this.maxHeight=null,this.codeViewLabel="",this.copyOptionVisible=!1,this.codeViewExpandable=!1,this.copyButtonText="",this.copyButtonDescriptionAttr="",this.codeSnippet="",this.textStrings=v,this._textStrings=v,this._isSingleLine=!1,this.hasOverflow=!1,this.codeExpanded=!1,this._copyState={copied:!1,text:""},this._effectiveLanguage="",this._codeFitsContainerOnLoad=!0,this._expandedHeight=null}updated(e){e.has("darkTheme")&&this.requestUpdate();const t=e.has("codeSnippet")||e.has("language")||e.has("maxHeight");e.has("lineNumbers")?setTimeout((()=>{this.highlightCode(),this.checkOverflow()}),0):t&&(this.highlightCode(),this.checkOverflow()),e.has("copyButtonText")&&(this._copyState={...this._copyState,text:this.copyButtonText}),e.has("startLineNumber")&&(this.startLineNumber<1&&(this.startLineNumber=1),this.highlightCode()),super.updated(e)}render(){const e=`${this.getContainerStyle()};`;return d`
600
+ }`;h.plugins.autoloader.languages_path="node_modules/prismjs/components/";const v={collapsed:"Collapsed",expanded:"Expanded"},y={markup:["<",">","/","div","span","class","id"],html:["<",">","/","div","span","class","id"],css:["{","}",":",";","#","."],javascript:["function","const","let","var","=>"],typescript:["interface","type",":","as"],python:["def","import","from","class"],java:["public","private","class","void"]};let b=class extends l{constructor(){super(...arguments),this.darkTheme="default",this.language="",this.lineNumbers=!1,this.startLineNumber=1,this.maxHeight=null,this.codeViewLabel="",this.copyOptionVisible=!1,this.codeViewExpandable=!1,this.copyButtonText="",this.copyButtonDescriptionAttr="",this.codeSnippet="",this.textStrings=v,this._textStrings=v,this._isSingleLine=!1,this.hasOverflow=!1,this.codeExpanded=!1,this._copyState={copied:!1,text:""},this._effectiveLanguage="",this._codeFitsContainerOnLoad=!0,this._expandedHeight=null}updated(e){e.has("darkTheme")&&this.requestUpdate();const t=e.has("codeSnippet")||e.has("language")||e.has("maxHeight");e.has("lineNumbers")?setTimeout((()=>{this.highlightCode(),this.checkOverflow()}),0):t&&(this.highlightCode(),this.checkOverflow()),e.has("copyButtonText")&&(this._copyState={...this._copyState,text:this.copyButtonText}),e.has("startLineNumber")&&(this.startLineNumber<1&&(this.startLineNumber=1),this.highlightCode()),super.updated(e)}render(){const e=`${this.getContainerStyle()};`;return d`
601
601
  ${this.codeViewLabel?d`<div class="code-view__label">
602
602
  <label>${this.codeViewLabel}</label>
603
603
  </div>`:null}
@@ -625,7 +625,7 @@ code.language-git:before {
625
625
  @click=${this.copyCode}
626
626
  >
627
627
  <span slot="icon" class="copy-icon"
628
- >${this._copyState.copied?t(h):t(g)}</span
628
+ >${this._copyState.copied?t(p):t(g)}</span
629
629
  >
630
630
  ${this._copyState.text?d`<span class="copy-text">${this._copyState.text}</span>`:null}
631
631
  </kyn-button>
@@ -641,5 +641,5 @@ code.language-git:before {
641
641
  >
642
642
  <span slot="icon" class="expand-icon">${t(m)}</span>
643
643
  </kyn-button>
644
- `}willUpdate(e){e.has("codeExpanded")&&(this._textStrings=c(v,this.textStrings))}highlightCode(){var e;const t=this.removeLeadingWhitespace(this.codeSnippet);this._isSingleLine=1===t.trim().split("\n").length,this._effectiveLanguage=this.language||this.detectLanguage(t);const o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre"),i=null==o?void 0:o.querySelector("code");if(!i||!o)return;const n=o.querySelector(".line-numbers-rows");n&&n.remove(),i.className=`language-${this._effectiveLanguage}`,i.textContent=t,this.lineNumbers&&!this._isSingleLine?(o.classList.add("line-numbers"),o.setAttribute("data-start",String(this.startLineNumber))):(o.classList.remove("line-numbers"),o.removeAttribute("data-start")),setTimeout((()=>{p.highlightElement(i),setTimeout((()=>{var e;if(this.lineNumbers)try{(null===(e=p.plugins)||void 0===e?void 0:e.lineNumbers)&&(o.querySelector(".line-numbers-rows")||(p.hooks.run("complete",{element:i}),p.plugins.lineNumbers.resize(o))),o.querySelector(".line-numbers-rows")||this.addLineNumbers(o,i)}catch(e){console.warn("Line numbers initialization error:",e),this.addLineNumbers(o,i)}this.checkOverflow()}),50)}),0)}addLineNumbers(e,t){if(e.querySelector(".line-numbers-rows"))return;const o=(t.textContent||"").split("\n").length,i=Math.max(1,parseInt(e.getAttribute("data-start")||"1",10)),n=document.createElement("span");n.className="line-numbers-rows";const a=Array(o).fill("<span></span>").join("");n.innerHTML=a,e.appendChild(n),e.style.counterReset="linenumber "+(i-1)}detectLanguage(e){if(!e.trim())return"plaintext";const t=["markup","html","xml","svg","mathml","css","javascript","typescript","python","java","c","cpp"];let o={language:"plaintext",relevance:0};for(const i of t)if(p.languages[i]){const t=p.tokenize(e,p.languages[i]),n=this.calculateRelevance(t,i);n>o.relevance&&(o={language:i,relevance:n})}return"markup"===o.language?this.determineMarkupLanguage(e):o.language}calculateRelevance(e,t){return e.reduce(((e,o)=>("string"!=typeof o&&(e+=this.getTokenRelevance(o,t)),e)),0)}getTokenRelevance(e,t){let o=1+(e.alias?Array.isArray(e.alias)?e.alias.length:1:0);return this.isLanguageSpecificToken(e,t)&&(o+=2),e.content&&(Array.isArray(e.content)?o+=e.content.reduce(((e,o)=>e+("string"==typeof o?0:this.getTokenRelevance(o,t))),0):"string"!=typeof e.content&&(o+=this.getTokenRelevance(e.content,t))),o}isLanguageSpecificToken(e,t){return(y[t]||[]).some((t=>e.content.toString().includes(t)))}determineMarkupLanguage(e){return/<\/?[a-z][\s\S]*>/i.test(e)?"html":/<\?xml/i.test(e)?"xml":/<svg/i.test(e)?"svg":/<math/i.test(e)?"mathml":"markup"}checkOverflow(){setTimeout((()=>{requestAnimationFrame((()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".code-snippet-wrapper"),o=null==t?void 0:t.querySelector("pre");if(o&&t){const e=o.scrollHeight,i=this.codeExpanded?this._expandedHeight||t.clientHeight:null!==this.maxHeight?this.maxHeight:t.clientHeight;this.hasOverflow=e>i,this._codeFitsContainerOnLoad=e<=(this.maxHeight||t.clientHeight)}}))}),100)}removeLeadingWhitespace(e){if(!e)return"";const t=e.split("\n"),o=t.reduce(((e,t)=>{const o=t.match(/^[ \t]*/),i=o?o[0].length:0;return t.trim().length?Math.min(e,i):e}),1/0);return t.map((e=>e.slice(o))).join("\n").trim()}formatExampleCode(e){return{code:e}}copyCode(e){const t=this._copyState.text;navigator.clipboard.writeText(this.codeSnippet).then((()=>{this._copyState={copied:!0,text:t.length>1?"Copied!":""},this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-copy",{detail:{origEvent:e,fullSnippet:this.formatExampleCode(this.codeSnippet)}})),setTimeout((()=>{this._copyState={copied:!1,text:t},this.requestUpdate()}),5e3)})).catch((e=>console.error("Failed to copy code:",e)))}getContainerStyle(){return this.codeExpanded?this._expandedHeight?`max-height: ${this._expandedHeight}px`:"":null!==this.maxHeight?`max-height: ${this.maxHeight}px`:""}expandCodeView(){var e;if(this.codeExpanded=!this.codeExpanded,this.codeExpanded){const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre");this._expandedHeight=(null==t?void 0:t.scrollHeight)||null}else this._expandedHeight=null;this.requestUpdate(),setTimeout((()=>this.checkOverflow()),0)}handleKeypress(e){const t=e.currentTarget,o=t.scrollHeight>t.clientHeight,i=t.scrollWidth>t.clientWidth;"ArrowDown"===e.key||"ArrowUp"===e.key?o&&(t.scrollTop+="ArrowDown"===e.key?40:-40,e.preventDefault()):"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||i&&(t.scrollLeft+="ArrowRight"===e.key?40:-40,e.preventDefault())}};b.styles=[u,k],e([o({type:String})],b.prototype,"darkTheme",void 0),e([o({type:String})],b.prototype,"language",void 0),e([o({type:Boolean})],b.prototype,"lineNumbers",void 0),e([o({type:Number})],b.prototype,"startLineNumber",void 0),e([o({type:Number})],b.prototype,"maxHeight",void 0),e([o({type:String})],b.prototype,"codeViewLabel",void 0),e([o({type:Boolean})],b.prototype,"copyOptionVisible",void 0),e([o({type:Boolean})],b.prototype,"codeViewExpandable",void 0),e([o({type:String})],b.prototype,"copyButtonText",void 0),e([o({type:String})],b.prototype,"copyButtonDescriptionAttr",void 0),e([o({type:String})],b.prototype,"codeSnippet",void 0),e([o({type:Object})],b.prototype,"textStrings",void 0),e([i()],b.prototype,"_textStrings",void 0),e([i()],b.prototype,"_isSingleLine",void 0),e([i()],b.prototype,"hasOverflow",void 0),e([i()],b.prototype,"codeExpanded",void 0),e([i()],b.prototype,"_copyState",void 0),e([i()],b.prototype,"_effectiveLanguage",void 0),e([i()],b.prototype,"_codeFitsContainerOnLoad",void 0),e([i()],b.prototype,"_expandedHeight",void 0),b=e([r("kyn-block-code-view")],b);export{b as BlockCodeView};
644
+ `}willUpdate(e){e.has("codeExpanded")&&(this._textStrings=c(v,this.textStrings))}highlightCode(){var e;const t=this.removeLeadingWhitespace(this.codeSnippet);this._isSingleLine=1===t.trim().split("\n").length,this._effectiveLanguage=this.language||this.detectLanguage(t);const o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre"),i=null==o?void 0:o.querySelector("code");if(!i||!o)return;const n=o.querySelector(".line-numbers-rows");n&&n.remove(),i.className=`language-${this._effectiveLanguage}`,i.textContent=t,this.lineNumbers&&!this._isSingleLine?(o.classList.add("line-numbers"),o.setAttribute("data-start",String(this.startLineNumber))):(o.classList.remove("line-numbers"),o.removeAttribute("data-start")),setTimeout((()=>{h.highlightElement(i),setTimeout((()=>{var e;if(this.lineNumbers)try{(null===(e=h.plugins)||void 0===e?void 0:e.lineNumbers)&&(o.querySelector(".line-numbers-rows")||(h.hooks.run("complete",{element:i}),h.plugins.lineNumbers.resize(o))),o.querySelector(".line-numbers-rows")||this.addLineNumbers(o,i)}catch(e){console.warn("Line numbers initialization error:",e),this.addLineNumbers(o,i)}this.checkOverflow()}),50)}),0)}addLineNumbers(e,t){if(e.querySelector(".line-numbers-rows"))return;const o=(t.textContent||"").split("\n").length,i=Math.max(1,parseInt(e.getAttribute("data-start")||"1",10)),n=document.createElement("span");n.className="line-numbers-rows";const a=Array(o).fill("<span></span>").join("");n.innerHTML=a,e.appendChild(n),e.style.counterReset="linenumber "+(i-1)}detectLanguage(e){if(!e.trim())return"plaintext";const t=["markup","html","xml","svg","mathml","css","javascript","typescript","python","java","c","cpp"];let o={language:"plaintext",relevance:0};for(const i of t)if(h.languages[i]){const t=h.tokenize(e,h.languages[i]),n=this.calculateRelevance(t,i);n>o.relevance&&(o={language:i,relevance:n})}return"markup"===o.language?this.determineMarkupLanguage(e):o.language}calculateRelevance(e,t){return e.reduce(((e,o)=>("string"!=typeof o&&(e+=this.getTokenRelevance(o,t)),e)),0)}getTokenRelevance(e,t){let o=1+(e.alias?Array.isArray(e.alias)?e.alias.length:1:0);return this.isLanguageSpecificToken(e,t)&&(o+=2),e.content&&(Array.isArray(e.content)?o+=e.content.reduce(((e,o)=>e+("string"==typeof o?0:this.getTokenRelevance(o,t))),0):"string"!=typeof e.content&&(o+=this.getTokenRelevance(e.content,t))),o}isLanguageSpecificToken(e,t){return(y[t]||[]).some((t=>e.content.toString().includes(t)))}determineMarkupLanguage(e){return/<\/?[a-z][\s\S]*>/i.test(e)?"html":/<\?xml/i.test(e)?"xml":/<svg/i.test(e)?"svg":/<math/i.test(e)?"mathml":"markup"}checkOverflow(){setTimeout((()=>{requestAnimationFrame((()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".code-snippet-wrapper"),o=null==t?void 0:t.querySelector("pre");if(o&&t){const e=o.scrollHeight,i=this.codeExpanded?this._expandedHeight||t.clientHeight:null!==this.maxHeight?this.maxHeight:t.clientHeight;this.hasOverflow=e>i,this._codeFitsContainerOnLoad=e<=(this.maxHeight||t.clientHeight)}}))}),100)}removeLeadingWhitespace(e){if(!e)return"";const t=e.split("\n"),o=t.reduce(((e,t)=>{const o=t.match(/^[ \t]*/),i=o?o[0].length:0;return t.trim().length?Math.min(e,i):e}),1/0);return t.map((e=>e.slice(o))).join("\n").trim()}formatExampleCode(e){return{code:e}}copyCode(e){const t=this._copyState.text;navigator.clipboard.writeText(this.codeSnippet).then((()=>{this._copyState={copied:!0,text:t.length>1?"Copied!":""},this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-copy",{detail:{origEvent:e,fullSnippet:this.formatExampleCode(this.codeSnippet)}})),setTimeout((()=>{this._copyState={copied:!1,text:t},this.requestUpdate()}),5e3)})).catch((e=>console.error("Failed to copy code:",e)))}getContainerStyle(){return this.codeExpanded?this._expandedHeight?`max-height: ${this._expandedHeight}px`:"":null!==this.maxHeight?`max-height: ${this.maxHeight}px`:""}expandCodeView(){var e;if(this.codeExpanded=!this.codeExpanded,this.codeExpanded){const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre");this._expandedHeight=(null==t?void 0:t.scrollHeight)||null}else this._expandedHeight=null;this.requestUpdate(),setTimeout((()=>this.checkOverflow()),0)}handleKeypress(e){const t=e.currentTarget,o=t.scrollHeight>t.clientHeight,i=t.scrollWidth>t.clientWidth;"ArrowDown"===e.key||"ArrowUp"===e.key?o&&(t.scrollTop+="ArrowDown"===e.key?40:-40,e.preventDefault()):"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||i&&(t.scrollLeft+="ArrowRight"===e.key?40:-40,e.preventDefault())}};b.styles=[u,k],e([o({type:String})],b.prototype,"darkTheme",void 0),e([o({type:String})],b.prototype,"language",void 0),e([o({type:Boolean})],b.prototype,"lineNumbers",void 0),e([o({type:Number})],b.prototype,"startLineNumber",void 0),e([o({type:Number})],b.prototype,"maxHeight",void 0),e([o({type:String})],b.prototype,"codeViewLabel",void 0),e([o({type:Boolean})],b.prototype,"copyOptionVisible",void 0),e([o({type:Boolean})],b.prototype,"codeViewExpandable",void 0),e([o({type:String})],b.prototype,"copyButtonText",void 0),e([o({type:String})],b.prototype,"copyButtonDescriptionAttr",void 0),e([o({type:String})],b.prototype,"codeSnippet",void 0),e([o({type:Object})],b.prototype,"textStrings",void 0),e([i()],b.prototype,"_textStrings",void 0),e([i()],b.prototype,"_isSingleLine",void 0),e([i()],b.prototype,"hasOverflow",void 0),e([i()],b.prototype,"codeExpanded",void 0),e([i()],b.prototype,"_copyState",void 0),e([i()],b.prototype,"_effectiveLanguage",void 0),e([i()],b.prototype,"_codeFitsContainerOnLoad",void 0),e([i()],b.prototype,"_expandedHeight",void 0),b=e([r("kyn-block-code-view")],b);export{b as BlockCodeView};
645
645
  //# sourceMappingURL=blockCodeView.js.map
@@ -54,8 +54,10 @@ export declare class Button extends LitElement {
54
54
  name: string;
55
55
  /** Determines if the button is Floatable */
56
56
  isFloating: boolean;
57
- /** Show button after scrolling to 50% of the page*/
57
+ /** Show button after scrolling to 50% of the page */
58
58
  showOnScroll: boolean;
59
+ /** Button selected state. */
60
+ selected: boolean;
59
61
  /** Determines showButton state .
60
62
  * @internal
61
63
  */
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/button/button.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,oBAAoB,EAGrB,MAAM,QAAQ,CAAC;AAIhB;;;;;;GAMG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,QAAgB;IAEtC,cAAc;IACd,OAAgB,iBAAiB;;;;MAG/B;IAEF;;;OAGG;IACH,MAAM,CAAC,cAAc,UAAQ;IAE7B;;;OAGG;IAEH,SAAS,mBAA0B;IAEnC,mDAAmD;IAEnD,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,IAAI,EAAE,YAAY,CAAuB;IAEzC,0DAA0D;IAE1D,IAAI,EAAE,YAAY,CAAwB;IAE1C,4DAA4D;IAE5D,IAAI,SAAM;IAEV,mDAAmD;IAEnD,MAAM,SAAW;IAEjB,wCAAwC;IAExC,IAAI,EAAE,YAAY,CAAuB;IAEzC,sEAAsE;IAEtE,YAAY,EAAE,oBAAoB,CAA+B;IAEjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB,4CAA4C;IAE5C,QAAQ,UAAS;IAEjB,qBAAqB;IAErB,KAAK,SAAM;IAEX,mBAAmB;IAEnB,IAAI,SAAM;IAEV,4CAA4C;IAE5C,UAAU,UAAS;IAEnB,oDAAoD;IAEpD,YAAY,UAAS;IAErB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,UAAU,UAAS;IAEnB,0BAA0B;IAE1B,UAAU,EAAG,GAAG,CAAC;IAEjB;;OAEG;IAEH,WAAW,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzB;;OAEG;IAEH,QAAQ,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtB;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEJ,MAAM;IAiEf,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,iBAAiB;IAKzB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAGpB;IAEH,gBAAgB;IAChB,OAAO,CAAC,aAAa;IASrB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAIpB;IAEH,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAQZ,iBAAiB;IAQjB,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/button/button.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,oBAAoB,EAGrB,MAAM,QAAQ,CAAC;AAIhB;;;;;;GAMG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,QAAgB;IAEtC,cAAc;IACd,OAAgB,iBAAiB;;;;MAG/B;IAEF;;;OAGG;IACH,MAAM,CAAC,cAAc,UAAQ;IAE7B;;;OAGG;IAEH,SAAS,mBAA0B;IAEnC,mDAAmD;IAEnD,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,IAAI,EAAE,YAAY,CAAuB;IAEzC,0DAA0D;IAE1D,IAAI,EAAE,YAAY,CAAwB;IAE1C,4DAA4D;IAE5D,IAAI,SAAM;IAEV,mDAAmD;IAEnD,MAAM,SAAW;IAEjB,wCAAwC;IAExC,IAAI,EAAE,YAAY,CAAuB;IAEzC,sEAAsE;IAEtE,YAAY,EAAE,oBAAoB,CAA+B;IAEjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB,4CAA4C;IAE5C,QAAQ,UAAS;IAEjB,qBAAqB;IAErB,KAAK,SAAM;IAEX,mBAAmB;IAEnB,IAAI,SAAM;IAEV,4CAA4C;IAE5C,UAAU,UAAS;IAEnB,qDAAqD;IAErD,YAAY,UAAS;IAErB,6BAA6B;IAE7B,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,UAAU,UAAS;IAEnB,0BAA0B;IAE1B,UAAU,EAAG,GAAG,CAAC;IAEjB;;OAEG;IAEH,WAAW,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzB;;OAEG;IAEH,QAAQ,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtB;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEJ,MAAM;IAkEf,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,iBAAiB;IAKzB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAGpB;IAEH,gBAAgB;IAChB,OAAO,CAAC,aAAa;IASrB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAIpB;IAEH,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAQZ,iBAAiB;IAQjB,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}