@kyndryl-design-system/shidoka-applications 2.16.0 → 2.16.2

package/{cardSample-e92af385.js → cardSample-a67570dc.js}

@@ -4,6 +4,10 @@ import"./vendor/lit-446874c7.js";import{i}from"./vendor/lit-element-c6c02f24.js"
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }
@@ -166,4 +170,4 @@ import"./vendor/lit-446874c7.js";import{i}from"./vendor/lit-element-c6c02f24.js"
 .tags {
   margin-bottom: 16px;
 }`;export{t as c};
-//# sourceMappingURL=cardSample-e92af385.js.map
+//# sourceMappingURL=cardSample-a67570dc.js.map

package/{cardSample-e92af385.js.map → cardSample-a67570dc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"cardSample-e92af385.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cardSample-a67570dc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/common/helpers/flatpickr.js

@@ -1,2 +1,2 @@
-import{r as e,f as t,E as n}from"../../vendor/flatpickr-bbd13d61.js";import{langsArray as a}from"../flatpickrLangs.js";let i=!1;const o={"Y-m-d":"yyyy-mm-dd","m-d-Y":"mm-dd-yyyy","d-m-Y":"dd-mm-yyyy","Y-m-d H:i":"yyyy-mm-dd —— : ——","Y-m-d h:i K":"yyyy-mm-dd —— : ——","m-d-Y H:i":"mm-dd-yyyy —— : ——","m-d-Y h:i K":"mm-dd-yyyy —— : ——","d-m-Y H:i":"dd-mm-yyyy —— : ——","d-m-Y h:i K":"dd-mm-yyyy —— : ——","Y-m-d H:i:s":"yyyy-mm-dd —— : —— ——","m-d-Y H:i:s":"mm-dd-yyyy —— : —— ——","d-m-Y H:i:s":"dd-mm-yyyy —— : —— ——"};function r(e){const t=e.split("-")[0].toLowerCase();return a.includes(t)}function l(e,t){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),t(!1)}function s(e){e(!0)}function c(e,t,n){e||(t(),n(!0))}function d(e){e.weekdays&&e.weekdays.shorthand&&(e.weekdays.shorthand=e.weekdays.shorthand.map((e=>e.charAt(0))))}function u(e){if(!i){const t=document.createElement("style");t.id="flatpickr-custom-styles",t.textContent=e,document.head.appendChild(t),i=!0}}async function m(n){const{inputEl:a,endinputEl:i,getFlatpickrOptions:o,setCalendarAttributes:r,setInitialDates:l}=n;if(a)try{const n=await o(),s=e=>{if(e instanceof HTMLInputElement)return e;try{let t=e.querySelector("input");if(!t){if(t=document.createElement("input"),t.type="text",t.style.display="none",!e.isConnected)throw new Error("Element is not connected to the DOM");e.appendChild(t)}return t}catch(e){throw console.error("Error creating or appending input element:",e),e}},c=s(a);if(i){const t=s(i);n.plugins=[...n.plugins||[],e({input:t})]}const d=t(c,n);return d?(setTimeout((()=>{r&&r(d)}),0),l&&l(d),a instanceof HTMLInputElement||a.addEventListener("click",(()=>{d.open()})),!i||i instanceof HTMLInputElement||i.addEventListener("click",(()=>{d.open()})),d):void console.error("Failed to initialize Flatpickr")}catch(e){return void console.error("Error initializing Flatpickr:",e)}else console.error("Cannot initialize Flatpickr: inputEl is undefined")}async function p(e){const{inputEl:n,getFlatpickrOptions:a,setCalendarAttributes:i,setInitialDates:o,appendTo:r}=e;if(n)try{const e=await a(),l=e.dateFormat||("time"===e.mode?"H:i":"Y-m-d");let s;if(e.dateFormat=l,n instanceof HTMLInputElement)s=n,e.clickOpens=!0;else try{s=document.createElement("input"),s.type="text",s.style.display="none";const t=r||n;if(!t)throw new Error("No valid element to append input to");t.appendChild(s),e.clickOpens=!1,e.positionElement=n}catch(e){throw console.error("Error creating input element:",e),e}const c=t(s,e);return c?(setTimeout((()=>{i&&i(c)}),0),o&&o(c),n instanceof HTMLInputElement||n.addEventListener("click",(()=>c.open())),c):void console.error("Failed to initialize Flatpickr")}catch(e){return console.error("Error initializing Flatpickr:",e),void(e instanceof Error&&console.error("Error details:",e.message))}else console.error("Cannot initialize Flatpickr: inputEl is undefined")}function y(e){return e in o}function f(e,t){if(y(e)){return t?`${o[e]} to ${o[e]}`:o[e]}return"Select date"}function h(e){return["kyn-modal","kyn-side-drawer"].map((t=>e.closest(t))).find((e=>null!==e))||document.body}async function g(e){var a;if(!e)return console.error("Context is required for getFlatpickrOptions"),{};const{locale:i,dateFormat:o,enableTime:r,twentyFourHourFormat:l,inputEl:s,allowInput:c,minDate:u,maxDate:m,minTime:p,maxTime:y,defaultDate:f,defaultHour:h,defaultMinute:g,enable:w,disable:E,mode:k="single",closeOnSelect:b,wrap:v=!1,noCalendar:C=!1,appendTo:L,onChange:D,onClose:F,onOpen:N,loadLocale:T}=e;let H;i||console.warn("Locale not provided. Falling back to default."),o||console.warn("Date format not provided. Using default format.");try{H=await T(i),d(H)}catch(e){console.warn("Error loading locale, falling back to default:",e),H=n}const Y=i.split("-")[0].toLowerCase(),I=["en","es"].includes(Y),M=window.innerWidth>=767,x=o||("time"===k?l?"H:i":"h:i K":"Y-m-d"),A={dateFormat:x,mode:"time"===k?"single":k,enableTime:"time"===k||r,noCalendar:"time"===k||C,defaultDate:f,enableSeconds:!1,allowInput:c||!1,clickOpens:!0,time_24hr:"boolean"==typeof l?l:!I,weekNumbers:!1,static:null!==(a=e.static)&&void 0!==a&&a,wrap:v,showMonths:"range"===k&&M?2:1,monthSelectorType:"static",locale:H,closeOnSelect:null!=b?b:!("multiple"===k||r),onChange:(e,t,n)=>{D&&D(e,t,n)},onClose:(e,t,n)=>{if("range"===k&&n.calendarContainer){const t=n.calendarContainer.querySelector(".flatpickr-time");0===e.length&&(null==t||t.classList.add("default-time-select"),null==t||t.classList.remove("start-date","end-date"))}F&&F(e,t,n)},onOpen:(e,t,n)=>{N&&N(e,t,n)}};if("range"===k&&(A.onReady=(e,t,n)=>{if(n.calendarContainer){const e=n.calendarContainer.querySelector(".flatpickr-time");null==e||e.classList.add("default-time-select")}}),s instanceof HTMLInputElement||(A.positionElement=s),u&&(A.minDate=u),m&&(A.maxDate=m),p&&(A.minTime=p),y&&(A.maxTime=y),f)if(!Array.isArray(f)||"range"!==k&&"multiple"!==k){if(!Array.isArray(f)&&"string"==typeof f){let e=null;switch(x){case"Y-m-d":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(Date.UTC(t,n-1,a,12));break}case"d-m-Y":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(Date.UTC(a,n-1,t,12));break}case"m-d-Y":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(Date.UTC(a,t-1,n,12));break}default:e=new Date(f)}A.defaultDate=e||f}}else A.defaultDate=f;return null!=h&&(A.defaultHour=h),null!=g&&(A.defaultMinute=g),w&&w.length>0&&(A.enable=w),E&&E.length>0&&(A.disable=E.map((e=>{if(e instanceof Date)return e;if("number"==typeof e)return new Date(e);if("string"==typeof e){return t.parseDate(e,x)||e}return e}))),L&&(A.appendTo=L),A}function w(e){return e.includes("H:")||e.includes("h:")}function E(e,t){(null==e?void 0:e.calendarContainer)?requestAnimationFrame((()=>{try{const{calendarContainer:n,config:a}=e;n.setAttribute("role","application"),n.setAttribute("aria-label","Calendar"),n.classList.remove("container-modal","container-body");const i=t?"container-modal":"container-default";n.classList.add(i),a&&void 0!==a.static&&(n.classList.remove("static-position-true","static-position-false"),n.classList.add(`static-position-${a.static}`))}catch(e){console.warn("Error setting calendar attributes:",e)}})):console.warn("Calendar container not available...")}const k={};async function b(e){var t,a,i;if("en"===e)return n;if(k[e])return k[e];if(!r(e))return console.warn(`Unsupported locale "${e}". Falling back to English.`),n;try{const o=e.split("-")[0].toLowerCase(),r=await import(`flatpickr/dist/l10n/${o}.js`),l=null!==(i=null!==(t=r[o])&&void 0!==t?t:null===(a=r.default)||void 0===a?void 0:a[o])&&void 0!==i?i:r.default;return l?(k[e]=l,l):(console.warn(`Locale configuration not found for "${e}". Falling back to English.`),n)}catch(t){return console.error(`Failed to load locale "${e}". Falling back to English.`,t),n}}function v(){const e=document.querySelector(".flatpickr-current-month span.cur-month");document.querySelectorAll(".numInputWrapper").forEach((t=>{const n=t.querySelector(".numInput.cur-year");n&&n.min&&n.max&&n.min===n.max&&(t.style.display="none",e&&(e.style.marginLeft="auto"))}))}function C(e,t,n,a,i,o){if(!e)return console.warn("Input element is undefined..."),{isValid:!0,validationMessage:""};const r=!e.value.trim(),l=t;let s=e.validity,c=e.validationMessage;l&&r&&(s={...s,valueMissing:!0},c=a),n&&(s={...s,customError:!0},c=n),o.setValidity(s,c,e);return{isValid:!n&&(!i||!r||r&&!l),validationMessage:c}}function L(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}export{L as emitValue,g as getFlatpickrOptions,h as getModalContainer,f as getPlaceholder,s as handleInputClick,c as handleInputFocus,v as hideEmptyYear,m as initializeMultiAnchorFlatpickr,p as initializeSingleAnchorFlatpickr,u as injectFlatpickrStyles,r as isSupportedLocale,y as isValidDateFormat,b as loadLocale,d as modifyWeekdayShorthands,l as preventFlatpickrOpen,E as setCalendarAttributes,w as updateEnableTime,C as validate};
+import{r as e,f as t,E as n}from"../../vendor/flatpickr-bbd13d61.js";import{langsArray as a}from"../flatpickrLangs.js";let i=!1;const o={"Y-m-d":"yyyy-mm-dd","m-d-Y":"mm-dd-yyyy","d-m-Y":"dd-mm-yyyy","Y-m-d H:i":"yyyy-mm-dd —— : ——","Y-m-d h:i K":"yyyy-mm-dd —— : ——","m-d-Y H:i":"mm-dd-yyyy —— : ——","m-d-Y h:i K":"mm-dd-yyyy —— : ——","d-m-Y H:i":"dd-mm-yyyy —— : ——","d-m-Y h:i K":"dd-mm-yyyy —— : ——","Y-m-d H:i:s":"yyyy-mm-dd —— : —— ——","m-d-Y H:i:s":"mm-dd-yyyy —— : —— ——","d-m-Y H:i:s":"dd-mm-yyyy —— : —— ——"};function r(e){const t=e.split("-")[0].toLowerCase();return a.includes(t)}function l(e,t){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),t(!1)}function s(e){e(!0)}function c(e,t,n){e||(t(),n(!0))}function d(e){e.weekdays&&e.weekdays.shorthand&&(e.weekdays.shorthand=e.weekdays.shorthand.map((e=>e.charAt(0))))}function u(e){if(!i){const t=document.createElement("style");t.id="flatpickr-custom-styles",t.textContent=e,document.head.appendChild(t),i=!0}}async function m(n){const{inputEl:a,endinputEl:i,getFlatpickrOptions:o,setCalendarAttributes:r,setInitialDates:l}=n;if(a)try{const n=await o(),s=e=>{if(e instanceof HTMLInputElement)return e;try{let t=e.querySelector("input");if(!t){if(t=document.createElement("input"),t.type="text",t.style.display="none",!e.isConnected)throw new Error("Element is not connected to the DOM");e.appendChild(t)}return t}catch(e){throw console.error("Error creating or appending input element:",e),e}},c=s(a);if(i){const t=s(i);n.plugins=[...n.plugins||[],e({input:t})]}const d=t(c,n);return d?(setTimeout((()=>{r&&r(d)}),0),l&&l(d),a instanceof HTMLInputElement||a.addEventListener("click",(()=>{d.open()})),!i||i instanceof HTMLInputElement||i.addEventListener("click",(()=>{d.open()})),d):void console.error("Failed to initialize Flatpickr")}catch(e){return void console.error("Error initializing Flatpickr:",e)}else console.error("Cannot initialize Flatpickr: inputEl is undefined")}async function p(e){const{inputEl:n,getFlatpickrOptions:a,setCalendarAttributes:i,setInitialDates:o,appendTo:r}=e;if(n)try{const e=await a(),l=e.dateFormat||("time"===e.mode?"H:i":"Y-m-d");let s;if(e.dateFormat=l,n instanceof HTMLInputElement)s=n,e.clickOpens=!0;else try{s=document.createElement("input"),s.type="text",s.style.display="none";const t=r||n;if(!t)throw new Error("No valid element to append input to");t.appendChild(s),e.clickOpens=!1,e.positionElement=n}catch(e){throw console.error("Error creating input element:",e),e}const c=t(s,e);return c?(setTimeout((()=>{i&&i(c)}),0),o&&o(c),n instanceof HTMLInputElement||n.addEventListener("click",(()=>c.open())),c):void console.error("Failed to initialize Flatpickr")}catch(e){return console.error("Error initializing Flatpickr:",e),void(e instanceof Error&&console.error("Error details:",e.message))}else console.error("Cannot initialize Flatpickr: inputEl is undefined")}function y(e){return e in o}function f(e,t){if(y(e)){return t?`${o[e]} to ${o[e]}`:o[e]}return"Select date"}function h(e){return["kyn-modal","kyn-side-drawer"].map((t=>e.closest(t))).find((e=>null!==e))||document.body}async function g(e){var a;if(!e)return console.error("Context is required for getFlatpickrOptions"),{};const{locale:i,dateFormat:o,enableTime:r,twentyFourHourFormat:l,inputEl:s,allowInput:c,minDate:u,maxDate:m,minTime:p,maxTime:y,defaultDate:f,defaultHour:h,defaultMinute:g,enable:w,disable:E,mode:k="single",closeOnSelect:b,wrap:v=!1,noCalendar:C=!1,appendTo:L,onChange:F,onClose:N,onOpen:D,loadLocale:H}=e;let T;i||console.warn("Locale not provided. Falling back to default."),o||console.warn("Date format not provided. Using default format.");try{T=await H(i),d(T)}catch(e){console.warn("Error loading locale, falling back to default:",e),T=n}const Y=i.split("-")[0].toLowerCase(),I=["en","es"].includes(Y),M=window.innerWidth>=767,x=o||("time"===k?l?"H:i":"h:i K":"Y-m-d"),A={dateFormat:x,mode:"time"===k?"single":k,enableTime:"time"===k||r,noCalendar:"time"===k||C,defaultDate:f,enableSeconds:!1,allowInput:c||!1,clickOpens:!0,time_24hr:"boolean"==typeof l?l:!I,weekNumbers:!1,static:null!==(a=e.static)&&void 0!==a&&a,wrap:v,showMonths:"range"===k&&M?2:1,monthSelectorType:"static",locale:T,closeOnSelect:null!=b?b:!("multiple"===k||r),onChange:(e,t,n)=>{F&&F(e,t,n)},onClose:(e,t,n)=>{if("range"===k&&n.calendarContainer){const t=n.calendarContainer.querySelector(".flatpickr-time");0===e.length&&(null==t||t.classList.add("default-time-select"),null==t||t.classList.remove("start-date","end-date"))}N&&N(e,t,n)},onOpen:(e,t,n)=>{D&&D(e,t,n)}};if("range"===k&&(A.onReady=(e,t,n)=>{if(n.calendarContainer){const e=n.calendarContainer.querySelector(".flatpickr-time");null==e||e.classList.add("default-time-select")}}),s instanceof HTMLInputElement||(A.positionElement=s),u&&(A.minDate=u),m&&(A.maxDate=m),p&&(A.minTime=p),y&&(A.maxTime=y),f)if(!Array.isArray(f)||"range"!==k&&"multiple"!==k){if(!Array.isArray(f)&&"string"==typeof f){let e=null;switch(x){case"Y-m-d":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(t,n-1,a,12);break}case"d-m-Y":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(a,n-1,t,12);break}case"m-d-Y":{const[t,n,a]=f.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(a,t-1,n,12);break}default:e=new Date(f)}A.defaultDate=e||f}}else A.defaultDate=f;return null!=h&&(A.defaultHour=h),null!=g&&(A.defaultMinute=g),w&&w.length>0&&(A.enable=w),E&&E.length>0&&(A.disable=E.map((e=>{if(e instanceof Date)return e;if("number"==typeof e)return new Date(e);if("string"==typeof e){return t.parseDate(e,x)||e}return e}))),L&&(A.appendTo=L),A}function w(e){return e.includes("H:")||e.includes("h:")}function E(e,t){(null==e?void 0:e.calendarContainer)?requestAnimationFrame((()=>{try{const{calendarContainer:n,config:a}=e;n.setAttribute("role","application"),n.setAttribute("aria-label","Calendar"),n.classList.remove("container-modal","container-body");const i=t?"container-modal":"container-default";n.classList.add(i),a&&void 0!==a.static&&(n.classList.remove("static-position-true","static-position-false"),n.classList.add(`static-position-${a.static}`))}catch(e){console.warn("Error setting calendar attributes:",e)}})):console.warn("Calendar container not available...")}const k={};async function b(e){var t,a,i;if("en"===e)return n;if(k[e])return k[e];if(!r(e))return console.warn(`Unsupported locale "${e}". Falling back to English.`),n;try{const o=e.split("-")[0].toLowerCase(),r=await import(`flatpickr/dist/l10n/${o}.js`),l=null!==(i=null!==(t=r[o])&&void 0!==t?t:null===(a=r.default)||void 0===a?void 0:a[o])&&void 0!==i?i:r.default;return l?(k[e]=l,l):(console.warn(`Locale configuration not found for "${e}". Falling back to English.`),n)}catch(t){return console.error(`Failed to load locale "${e}". Falling back to English.`,t),n}}function v(){const e=document.querySelector(".flatpickr-current-month span.cur-month");document.querySelectorAll(".numInputWrapper").forEach((t=>{const n=t.querySelector(".numInput.cur-year");n&&n.min&&n.max&&n.min===n.max&&(t.style.display="none",e&&(e.style.marginLeft="auto"))}))}function C(e,t,n,a,i,o){if(!e)return console.warn("Input element is undefined..."),{isValid:!0,validationMessage:""};const r=!e.value.trim(),l=t;let s=e.validity,c=e.validationMessage;l&&r&&(s={...s,valueMissing:!0},c=a),n&&(s={...s,customError:!0},c=n),o.setValidity(s,c,e);return{isValid:!n&&(!i||!r||r&&!l),validationMessage:c}}function L(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}export{L as emitValue,g as getFlatpickrOptions,h as getModalContainer,f as getPlaceholder,s as handleInputClick,c as handleInputFocus,v as hideEmptyYear,m as initializeMultiAnchorFlatpickr,p as initializeSingleAnchorFlatpickr,u as injectFlatpickrStyles,r as isSupportedLocale,y as isValidDateFormat,b as loadLocale,d as modifyWeekdayShorthands,l as preventFlatpickrOpen,E as setCalendarAttributes,w as updateEnableTime,C as validate};
 //# sourceMappingURL=flatpickr.js.map

package/common/helpers/flatpickr.js.map

@@ -1 +1 @@
-{"version":3,"file":"flatpickr.js","sources":["../../../src/common/helpers/flatpickr.ts"],"sourcesContent":["import flatpickr from 'flatpickr';\nimport rangePlugin from 'flatpickr/dist/plugins/rangePlugin';\nimport { Instance } from 'flatpickr/dist/types/instance';\nimport { BaseOptions, Hook } from 'flatpickr/dist/types/options';\nimport { Locale } from 'flatpickr/dist/types/locale';\nimport { default as English } from 'flatpickr/dist/l10n/default.js';\nimport { langsArray, SupportedLocale } from '../flatpickrLangs';\n\nlet flatpickrStylesInjected = false;\n\ninterface BaseFlatpickrContext {\n  getFlatpickrOptions: () => Promise<Partial<BaseOptions>>;\n  setCalendarAttributes: (instance: Instance) => void;\n  setInitialDates?: (instance: Instance) => void;\n}\n\ninterface SingleFlatpickrContext extends BaseFlatpickrContext {\n  inputEl: HTMLElement;\n}\n\ninterface RangeFlatpickrContext extends BaseFlatpickrContext {\n  inputEl: HTMLElement;\n  endinputEl?: HTMLElement;\n}\n\nconst DATE_FORMAT_OPTIONS = {\n  'Y-m-d': 'yyyy-mm-dd',\n  'm-d-Y': 'mm-dd-yyyy',\n  'd-m-Y': 'dd-mm-yyyy',\n  'Y-m-d H:i': 'yyyy-mm-dd —— : ——',\n  'Y-m-d h:i K': 'yyyy-mm-dd —— : ——',\n  'm-d-Y H:i': 'mm-dd-yyyy —— : ——',\n  'm-d-Y h:i K': 'mm-dd-yyyy —— : ——',\n  'd-m-Y H:i': 'dd-mm-yyyy —— : ——',\n  'd-m-Y h:i K': 'dd-mm-yyyy —— : ——',\n  'Y-m-d H:i:s': 'yyyy-mm-dd —— : —— ——',\n  'm-d-Y H:i:s': 'mm-dd-yyyy —— : —— ——',\n  'd-m-Y H:i:s': 'dd-mm-yyyy —— : —— ——',\n} as const;\n\ntype DateFormatOption = keyof typeof DATE_FORMAT_OPTIONS;\n\ninterface FlatpickrOptionsContext {\n  locale: string;\n  dateFormat?: string;\n  defaultDate?: string | Date | string[] | Date[];\n  defaultHour?: number;\n  defaultMinute?: number;\n  enableTime: boolean;\n  twentyFourHourFormat?: boolean;\n  endinputEl?: HTMLElement;\n  inputEl: HTMLElement;\n  allowInput?: boolean;\n  minDate?: string | number | Date;\n  maxDate?: string | number | Date;\n  minTime?: string | number | Date;\n  maxTime?: string | number | Date;\n  enable?: (string | number | Date)[];\n  disable?: (string | number | Date)[];\n  onChange?: Hook;\n  onClose?: Hook;\n  onOpen?: Hook;\n  loadLocale: (locale: string) => Promise<Partial<Locale>>;\n  mode?: 'single' | 'multiple' | 'range' | 'time';\n  closeOnSelect?: boolean;\n  wrap?: boolean;\n  noCalendar?: boolean;\n  appendTo?: HTMLElement;\n  static?: boolean;\n}\n\nexport function isSupportedLocale(locale: string): boolean {\n  const baseLocale = locale.split('-')[0].toLowerCase();\n  return langsArray.includes(baseLocale as SupportedLocale);\n}\n\nexport function preventFlatpickrOpen(\n  event: Event,\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  event.preventDefault();\n  event.stopPropagation();\n  event.stopImmediatePropagation();\n  setShouldFlatpickrOpen(false);\n}\n\nexport function handleInputClick(\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  setShouldFlatpickrOpen(true);\n}\n\nexport function handleInputFocus(\n  shouldFlatpickrOpen: boolean,\n  closeFlatpickr: () => void,\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  if (!shouldFlatpickrOpen) {\n    closeFlatpickr();\n    setShouldFlatpickrOpen(true);\n  }\n}\n\nexport function modifyWeekdayShorthands(localeOptions: Partial<Locale>): void {\n  if (localeOptions.weekdays && localeOptions.weekdays.shorthand) {\n    localeOptions.weekdays.shorthand = localeOptions.weekdays.shorthand.map(\n      (day) => day.charAt(0)\n    ) as [string, string, string, string, string, string, string];\n  }\n}\n\nexport function injectFlatpickrStyles(customStyle: string): void {\n  if (!flatpickrStylesInjected) {\n    const styleElement = document.createElement('style');\n    styleElement.id = 'flatpickr-custom-styles';\n    styleElement.textContent = customStyle;\n    document.head.appendChild(styleElement);\n    flatpickrStylesInjected = true;\n  }\n}\n\nexport async function initializeMultiAnchorFlatpickr(\n  context: RangeFlatpickrContext\n): Promise<Instance | undefined> {\n  const {\n    inputEl,\n    endinputEl,\n    getFlatpickrOptions,\n    setCalendarAttributes,\n    setInitialDates,\n  } = context;\n\n  if (!inputEl) {\n    console.error('Cannot initialize Flatpickr: inputEl is undefined');\n    return undefined;\n  }\n\n  try {\n    const options = await getFlatpickrOptions();\n\n    const getInputElement = (el: HTMLElement): HTMLInputElement => {\n      if (el instanceof HTMLInputElement) {\n        return el;\n      } else {\n        try {\n          let input = el.querySelector('input') as HTMLInputElement | null;\n          if (!input) {\n            input = document.createElement('input');\n            input.type = 'text';\n            input.style.display = 'none';\n            if (!el.isConnected) {\n              throw new Error('Element is not connected to the DOM');\n            }\n            el.appendChild(input);\n          }\n          return input;\n        } catch (error) {\n          console.error('Error creating or appending input element:', error);\n          throw error;\n        }\n      }\n    };\n\n    const inputElement = getInputElement(inputEl);\n    if (endinputEl) {\n      const endInputElement = getInputElement(endinputEl);\n      options.plugins = [\n        ...(options.plugins || []),\n        rangePlugin({ input: endInputElement }),\n      ];\n    }\n\n    const flatpickrInstance = flatpickr(inputElement, options) as Instance;\n\n    if (flatpickrInstance) {\n      setTimeout(() => {\n        if (setCalendarAttributes) {\n          setCalendarAttributes(flatpickrInstance);\n        }\n      }, 0);\n\n      if (setInitialDates) {\n        setInitialDates(flatpickrInstance);\n      }\n\n      if (!(inputEl instanceof HTMLInputElement)) {\n        inputEl.addEventListener('click', () => {\n          flatpickrInstance.open();\n        });\n      }\n\n      if (endinputEl && !(endinputEl instanceof HTMLInputElement)) {\n        endinputEl.addEventListener('click', () => {\n          flatpickrInstance.open();\n        });\n      }\n\n      return flatpickrInstance;\n    } else {\n      console.error('Failed to initialize Flatpickr');\n      return undefined;\n    }\n  } catch (error) {\n    console.error('Error initializing Flatpickr:', error);\n    return undefined;\n  }\n}\n\nexport async function initializeSingleAnchorFlatpickr(\n  context: SingleFlatpickrContext & { appendTo?: HTMLElement }\n): Promise<Instance | undefined> {\n  const {\n    inputEl,\n    getFlatpickrOptions,\n    setCalendarAttributes,\n    setInitialDates,\n    appendTo,\n  } = context;\n  if (!inputEl) {\n    console.error('Cannot initialize Flatpickr: inputEl is undefined');\n    return undefined;\n  }\n  try {\n    const options = await getFlatpickrOptions();\n    const effectiveDateFormat =\n      options.dateFormat || (options.mode === 'time' ? 'H:i' : 'Y-m-d');\n    options.dateFormat = effectiveDateFormat;\n\n    let inputElement: HTMLInputElement;\n    if (inputEl instanceof HTMLInputElement) {\n      inputElement = inputEl;\n      options.clickOpens = true;\n    } else {\n      try {\n        inputElement = document.createElement('input');\n        inputElement.type = 'text';\n        inputElement.style.display = 'none';\n\n        const targetElement = appendTo || inputEl;\n        if (!targetElement) {\n          throw new Error('No valid element to append input to');\n        }\n\n        targetElement.appendChild(inputElement);\n        options.clickOpens = false;\n        options.positionElement = inputEl;\n      } catch (error) {\n        console.error('Error creating input element:', error);\n        throw error;\n      }\n    }\n    const flatpickrInstance = flatpickr(inputElement, options) as Instance;\n    if (flatpickrInstance) {\n      setTimeout(() => {\n        if (setCalendarAttributes) {\n          setCalendarAttributes(flatpickrInstance);\n        }\n      }, 0);\n      if (setInitialDates) {\n        setInitialDates(flatpickrInstance);\n      }\n      if (!(inputEl instanceof HTMLInputElement)) {\n        inputEl.addEventListener('click', () => flatpickrInstance.open());\n      }\n      return flatpickrInstance;\n    } else {\n      console.error('Failed to initialize Flatpickr');\n      return undefined;\n    }\n  } catch (error) {\n    console.error('Error initializing Flatpickr:', error);\n    if (error instanceof Error) {\n      console.error('Error details:', error.message);\n    }\n    return undefined;\n  }\n}\n\nexport function isValidDateFormat(format: string): format is DateFormatOption {\n  return format in DATE_FORMAT_OPTIONS;\n}\n\nexport function getPlaceholder(\n  dateFormat: string,\n  isDateRange?: boolean\n): string {\n  if (isValidDateFormat(dateFormat)) {\n    const placeholder = isDateRange\n      ? `${DATE_FORMAT_OPTIONS[dateFormat]} to ${DATE_FORMAT_OPTIONS[dateFormat]}`\n      : DATE_FORMAT_OPTIONS[dateFormat];\n    return placeholder;\n  }\n  return 'Select date';\n}\n\nexport function getModalContainer(element: HTMLElement): HTMLElement {\n  return (\n    ['kyn-modal', 'kyn-side-drawer']\n      .map((selector) => element.closest(selector))\n      .find((el): el is HTMLElement => el !== null) || document.body\n  );\n}\n\nexport async function getFlatpickrOptions(\n  context: FlatpickrOptionsContext\n): Promise<Partial<BaseOptions>> {\n  if (!context) {\n    console.error('Context is required for getFlatpickrOptions');\n    return {};\n  }\n\n  const {\n    locale,\n    dateFormat,\n    enableTime,\n    twentyFourHourFormat,\n    inputEl,\n    allowInput,\n    minDate,\n    maxDate,\n    minTime,\n    maxTime,\n    defaultDate,\n    defaultHour,\n    defaultMinute,\n    enable,\n    disable,\n    mode = 'single',\n    closeOnSelect,\n    wrap = false,\n    noCalendar = false,\n    appendTo,\n    onChange,\n    onClose,\n    onOpen,\n    loadLocale,\n  } = context;\n\n  if (!locale) {\n    console.warn('Locale not provided. Falling back to default.');\n  }\n\n  if (!dateFormat) {\n    console.warn('Date format not provided. Using default format.');\n  }\n\n  let localeOptions;\n  try {\n    localeOptions = await loadLocale(locale);\n    modifyWeekdayShorthands(localeOptions);\n  } catch (error) {\n    console.warn('Error loading locale, falling back to default:', error);\n    localeOptions = English;\n  }\n\n  const baseLocale = locale.split('-')[0].toLowerCase();\n  const isEnglishOr12HourLocale = ['en', 'es'].includes(baseLocale);\n\n  const isWideScreen = window.innerWidth >= 767;\n\n  const effectiveDateFormat =\n    dateFormat ||\n    (mode === 'time' ? (twentyFourHourFormat ? 'H:i' : 'h:i K') : 'Y-m-d');\n\n  const options: Partial<BaseOptions> = {\n    dateFormat: effectiveDateFormat,\n    mode: mode === 'time' ? 'single' : mode,\n    enableTime: mode === 'time' ? true : enableTime,\n    noCalendar: mode === 'time' ? true : noCalendar,\n    defaultDate: defaultDate,\n    enableSeconds: false,\n    allowInput: allowInput || false,\n    clickOpens: true,\n    time_24hr:\n      typeof twentyFourHourFormat === 'boolean'\n        ? twentyFourHourFormat\n        : !isEnglishOr12HourLocale,\n    weekNumbers: false,\n    static: context.static ?? false,\n    wrap,\n    showMonths: mode === 'range' && isWideScreen ? 2 : 1,\n    monthSelectorType: 'static',\n    locale: localeOptions,\n    closeOnSelect: closeOnSelect ?? !(mode === 'multiple' || enableTime),\n    onChange: (selectedDates, dateStr, instance) => {\n      onChange && onChange(selectedDates, dateStr, instance);\n    },\n    onClose: (selectedDates, dateStr, instance) => {\n      if (mode === 'range' && instance.calendarContainer) {\n        const timeContainer =\n          instance.calendarContainer.querySelector('.flatpickr-time');\n        if (selectedDates.length === 0) {\n          timeContainer?.classList.add('default-time-select');\n          timeContainer?.classList.remove('start-date', 'end-date');\n        }\n      }\n      onClose && onClose(selectedDates, dateStr, instance);\n    },\n    onOpen: (selectedDates, dateStr, instance) => {\n      onOpen && onOpen(selectedDates, dateStr, instance);\n    },\n  };\n\n  if (mode === 'range') {\n    options.onReady = (_, __, instance) => {\n      if (instance.calendarContainer) {\n        const timeContainer =\n          instance.calendarContainer.querySelector('.flatpickr-time');\n        timeContainer?.classList.add('default-time-select');\n      }\n    };\n  }\n\n  if (!(inputEl instanceof HTMLInputElement)) {\n    options.positionElement = inputEl;\n  }\n\n  if (minDate) options.minDate = minDate;\n  if (maxDate) options.maxDate = maxDate;\n  if (minTime) options.minTime = minTime;\n  if (maxTime) options.maxTime = maxTime;\n\n  if (defaultDate) {\n    if (\n      Array.isArray(defaultDate) &&\n      (mode === 'range' || mode === 'multiple')\n    ) {\n      options.defaultDate = defaultDate;\n    } else if (!Array.isArray(defaultDate)) {\n      if (typeof defaultDate === 'string') {\n        let parsedDate: Date | null = null;\n        switch (effectiveDateFormat) {\n          case 'Y-m-d': {\n            const [year, month, day] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(year) && !isNaN(month) && !isNaN(day)\n                ? new Date(Date.UTC(year, month - 1, day, 12))\n                : null;\n            break;\n          }\n          case 'd-m-Y': {\n            const [day, month, year] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(day) && !isNaN(month) && !isNaN(year)\n                ? new Date(Date.UTC(year, month - 1, day, 12))\n                : null;\n            break;\n          }\n          case 'm-d-Y': {\n            const [month, day, year] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(month) && !isNaN(day) && !isNaN(year)\n                ? new Date(Date.UTC(year, month - 1, day, 12))\n                : null;\n            break;\n          }\n          default:\n            parsedDate = new Date(defaultDate);\n            break;\n        }\n        options.defaultDate = parsedDate || defaultDate;\n      }\n    }\n  }\n  if (defaultHour !== undefined && defaultHour !== null)\n    options.defaultHour = defaultHour;\n  if (defaultMinute !== undefined && defaultMinute !== null)\n    options.defaultMinute = defaultMinute;\n  if (enable && enable.length > 0) options.enable = enable;\n  if (disable && disable.length > 0) {\n    options.disable = disable.map((date) => {\n      if (date instanceof Date) return date;\n      if (typeof date === 'number') return new Date(date);\n      if (typeof date === 'string') {\n        const parsed = flatpickr.parseDate(date, effectiveDateFormat);\n        return parsed || date;\n      }\n      return date;\n    });\n  }\n  if (appendTo) options.appendTo = appendTo;\n\n  return options;\n}\n\nexport function updateEnableTime(dateFormat: string): boolean {\n  return dateFormat.includes('H:') || dateFormat.includes('h:');\n}\n\nexport function setCalendarAttributes(\n  instance: Instance,\n  modalDetected?: boolean\n): void {\n  if (instance?.calendarContainer) {\n    requestAnimationFrame(() => {\n      try {\n        const { calendarContainer, config } = instance;\n        calendarContainer.setAttribute('role', 'application');\n        calendarContainer.setAttribute('aria-label', 'Calendar');\n\n        calendarContainer.classList.remove('container-modal', 'container-body');\n        const containerClass = modalDetected\n          ? 'container-modal'\n          : 'container-default';\n        calendarContainer.classList.add(containerClass);\n\n        if (config && typeof config.static !== 'undefined') {\n          calendarContainer.classList.remove(\n            'static-position-true',\n            'static-position-false'\n          );\n          calendarContainer.classList.add(`static-position-${config.static}`);\n        }\n      } catch (error) {\n        console.warn('Error setting calendar attributes:', error);\n      }\n    });\n  } else {\n    console.warn('Calendar container not available...');\n  }\n}\n\nconst localeCache: Record<string, Partial<Locale>> = {};\n\nexport async function loadLocale(locale: string): Promise<Partial<Locale>> {\n  if (locale === 'en') return English;\n  if (localeCache[locale]) return localeCache[locale];\n  if (!isSupportedLocale(locale)) {\n    console.warn(`Unsupported locale \"${locale}\". Falling back to English.`);\n    return English;\n  }\n  try {\n    const baseLocale = locale.split('-')[0].toLowerCase();\n    const module = await import(`flatpickr/dist/l10n/${baseLocale}.js`);\n    const localeConfig =\n      module[baseLocale] ?? module.default?.[baseLocale] ?? module.default;\n    if (!localeConfig) {\n      console.warn(\n        `Locale configuration not found for \"${locale}\". Falling back to English.`\n      );\n      return English;\n    }\n    localeCache[locale] = localeConfig;\n    return localeConfig;\n  } catch (error) {\n    console.error(\n      `Failed to load locale \"${locale}\". Falling back to English.`,\n      error\n    );\n    return English;\n  }\n}\n\nexport function hideEmptyYear(): void {\n  const currentMonth = document.querySelector(\n    '.flatpickr-current-month span.cur-month'\n  ) as HTMLElement;\n  document.querySelectorAll('.numInputWrapper').forEach((wrapper) => {\n    const yearInput = wrapper.querySelector(\n      '.numInput.cur-year'\n    ) as HTMLInputElement;\n    if (\n      yearInput &&\n      yearInput.min &&\n      yearInput.max &&\n      yearInput.min === yearInput.max\n    ) {\n      (wrapper as HTMLElement).style.display = 'none';\n\n      if (currentMonth) {\n        currentMonth.style.marginLeft = 'auto';\n      }\n    }\n  });\n}\n\nexport function validate(\n  inputEl: HTMLInputElement,\n  required: boolean,\n  invalidText: string,\n  defaultErrorMessage: string,\n  hasInteracted: boolean,\n  internals: ElementInternals\n): { isValid: boolean; validationMessage: string } {\n  if (!inputEl) {\n    console.warn('Input element is undefined...');\n    return { isValid: true, validationMessage: '' };\n  }\n\n  const isEmpty = !inputEl.value.trim();\n  const isRequired = required;\n\n  let validity = inputEl.validity;\n  let validationMessage = inputEl.validationMessage;\n\n  if (isRequired && isEmpty) {\n    validity = { ...validity, valueMissing: true };\n    validationMessage = defaultErrorMessage;\n  }\n\n  if (invalidText) {\n    validity = { ...validity, customError: true };\n    validationMessage = invalidText;\n  }\n\n  internals.setValidity(validity, validationMessage, inputEl);\n\n  const isValid =\n    !invalidText && (!hasInteracted || !isEmpty || (isEmpty && !isRequired));\n\n  return { isValid, validationMessage };\n}\n\nexport function emitValue(\n  element: HTMLElement,\n  eventName: string,\n  detail: any\n): void {\n  element.dispatchEvent(\n    new CustomEvent(eventName, {\n      detail,\n      bubbles: true,\n      composed: true,\n    })\n  );\n}\n"],"names":["flatpickrStylesInjected","DATE_FORMAT_OPTIONS","isSupportedLocale","locale","baseLocale","split","toLowerCase","langsArray","includes","preventFlatpickrOpen","event","setShouldFlatpickrOpen","preventDefault","stopPropagation","stopImmediatePropagation","handleInputClick","handleInputFocus","shouldFlatpickrOpen","closeFlatpickr","modifyWeekdayShorthands","localeOptions","weekdays","shorthand","map","day","charAt","injectFlatpickrStyles","customStyle","styleElement","document","createElement","id","textContent","head","appendChild","async","initializeMultiAnchorFlatpickr","context","inputEl","endinputEl","getFlatpickrOptions","setCalendarAttributes","setInitialDates","options","getInputElement","el","HTMLInputElement","input","querySelector","type","style","display","isConnected","Error","error","console","inputElement","endInputElement","plugins","rangePlugin","flatpickrInstance","flatpickr","setTimeout","addEventListener","open","initializeSingleAnchorFlatpickr","appendTo","effectiveDateFormat","dateFormat","mode","clickOpens","targetElement","positionElement","message","isValidDateFormat","format","getPlaceholder","isDateRange","getModalContainer","element","selector","closest","find","body","enableTime","twentyFourHourFormat","allowInput","minDate","maxDate","minTime","maxTime","defaultDate","defaultHour","defaultMinute","enable","disable","closeOnSelect","wrap","noCalendar","onChange","onClose","onOpen","loadLocale","warn","English","isEnglishOr12HourLocale","isWideScreen","window","innerWidth","enableSeconds","time_24hr","weekNumbers","static","_a","showMonths","monthSelectorType","selectedDates","dateStr","instance","calendarContainer","timeContainer","length","classList","add","remove","onReady","_","__","Array","isArray","parsedDate","year","month","Number","isNaN","Date","UTC","date","parseDate","updateEnableTime","modalDetected","requestAnimationFrame","config","setAttribute","containerClass","localeCache","module","import","localeConfig","_c","_b","default","hideEmptyYear","currentMonth","querySelectorAll","forEach","wrapper","yearInput","min","max","marginLeft","validate","required","invalidText","defaultErrorMessage","hasInteracted","internals","isValid","validationMessage","isEmpty","value","trim","isRequired","validity","valueMissing","customError","setValidity","emitValue","eventName","detail","dispatchEvent","CustomEvent","bubbles","composed"],"mappings":"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"}
+{"version":3,"file":"flatpickr.js","sources":["../../../src/common/helpers/flatpickr.ts"],"sourcesContent":["import flatpickr from 'flatpickr';\nimport rangePlugin from 'flatpickr/dist/plugins/rangePlugin';\nimport { Instance } from 'flatpickr/dist/types/instance';\nimport { BaseOptions, Hook } from 'flatpickr/dist/types/options';\nimport { Locale } from 'flatpickr/dist/types/locale';\nimport { default as English } from 'flatpickr/dist/l10n/default.js';\nimport { langsArray, SupportedLocale } from '../flatpickrLangs';\n\nlet flatpickrStylesInjected = false;\n\ninterface BaseFlatpickrContext {\n  getFlatpickrOptions: () => Promise<Partial<BaseOptions>>;\n  setCalendarAttributes: (instance: Instance) => void;\n  setInitialDates?: (instance: Instance) => void;\n}\n\ninterface SingleFlatpickrContext extends BaseFlatpickrContext {\n  inputEl: HTMLElement;\n}\n\ninterface RangeFlatpickrContext extends BaseFlatpickrContext {\n  inputEl: HTMLElement;\n  endinputEl?: HTMLElement;\n}\n\nconst DATE_FORMAT_OPTIONS = {\n  'Y-m-d': 'yyyy-mm-dd',\n  'm-d-Y': 'mm-dd-yyyy',\n  'd-m-Y': 'dd-mm-yyyy',\n  'Y-m-d H:i': 'yyyy-mm-dd —— : ——',\n  'Y-m-d h:i K': 'yyyy-mm-dd —— : ——',\n  'm-d-Y H:i': 'mm-dd-yyyy —— : ——',\n  'm-d-Y h:i K': 'mm-dd-yyyy —— : ——',\n  'd-m-Y H:i': 'dd-mm-yyyy —— : ——',\n  'd-m-Y h:i K': 'dd-mm-yyyy —— : ——',\n  'Y-m-d H:i:s': 'yyyy-mm-dd —— : —— ——',\n  'm-d-Y H:i:s': 'mm-dd-yyyy —— : —— ——',\n  'd-m-Y H:i:s': 'dd-mm-yyyy —— : —— ——',\n} as const;\n\ntype DateFormatOption = keyof typeof DATE_FORMAT_OPTIONS;\n\ninterface FlatpickrOptionsContext {\n  locale: string;\n  dateFormat?: string;\n  defaultDate?: string | Date | string[] | Date[];\n  defaultHour?: number;\n  defaultMinute?: number;\n  enableTime: boolean;\n  twentyFourHourFormat?: boolean;\n  endinputEl?: HTMLElement;\n  inputEl: HTMLElement;\n  allowInput?: boolean;\n  minDate?: string | number | Date;\n  maxDate?: string | number | Date;\n  minTime?: string | number | Date;\n  maxTime?: string | number | Date;\n  enable?: (string | number | Date)[];\n  disable?: (string | number | Date)[];\n  onChange?: Hook;\n  onClose?: Hook;\n  onOpen?: Hook;\n  loadLocale: (locale: string) => Promise<Partial<Locale>>;\n  mode?: 'single' | 'multiple' | 'range' | 'time';\n  closeOnSelect?: boolean;\n  wrap?: boolean;\n  noCalendar?: boolean;\n  appendTo?: HTMLElement;\n  static?: boolean;\n}\n\nexport function isSupportedLocale(locale: string): boolean {\n  const baseLocale = locale.split('-')[0].toLowerCase();\n  return langsArray.includes(baseLocale as SupportedLocale);\n}\n\nexport function preventFlatpickrOpen(\n  event: Event,\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  event.preventDefault();\n  event.stopPropagation();\n  event.stopImmediatePropagation();\n  setShouldFlatpickrOpen(false);\n}\n\nexport function handleInputClick(\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  setShouldFlatpickrOpen(true);\n}\n\nexport function handleInputFocus(\n  shouldFlatpickrOpen: boolean,\n  closeFlatpickr: () => void,\n  setShouldFlatpickrOpen: (value: boolean) => void\n): void {\n  if (!shouldFlatpickrOpen) {\n    closeFlatpickr();\n    setShouldFlatpickrOpen(true);\n  }\n}\n\nexport function modifyWeekdayShorthands(localeOptions: Partial<Locale>): void {\n  if (localeOptions.weekdays && localeOptions.weekdays.shorthand) {\n    localeOptions.weekdays.shorthand = localeOptions.weekdays.shorthand.map(\n      (day) => day.charAt(0)\n    ) as [string, string, string, string, string, string, string];\n  }\n}\n\nexport function injectFlatpickrStyles(customStyle: string): void {\n  if (!flatpickrStylesInjected) {\n    const styleElement = document.createElement('style');\n    styleElement.id = 'flatpickr-custom-styles';\n    styleElement.textContent = customStyle;\n    document.head.appendChild(styleElement);\n    flatpickrStylesInjected = true;\n  }\n}\n\nexport async function initializeMultiAnchorFlatpickr(\n  context: RangeFlatpickrContext\n): Promise<Instance | undefined> {\n  const {\n    inputEl,\n    endinputEl,\n    getFlatpickrOptions,\n    setCalendarAttributes,\n    setInitialDates,\n  } = context;\n\n  if (!inputEl) {\n    console.error('Cannot initialize Flatpickr: inputEl is undefined');\n    return undefined;\n  }\n\n  try {\n    const options = await getFlatpickrOptions();\n\n    const getInputElement = (el: HTMLElement): HTMLInputElement => {\n      if (el instanceof HTMLInputElement) {\n        return el;\n      } else {\n        try {\n          let input = el.querySelector('input') as HTMLInputElement | null;\n          if (!input) {\n            input = document.createElement('input');\n            input.type = 'text';\n            input.style.display = 'none';\n            if (!el.isConnected) {\n              throw new Error('Element is not connected to the DOM');\n            }\n            el.appendChild(input);\n          }\n          return input;\n        } catch (error) {\n          console.error('Error creating or appending input element:', error);\n          throw error;\n        }\n      }\n    };\n\n    const inputElement = getInputElement(inputEl);\n    if (endinputEl) {\n      const endInputElement = getInputElement(endinputEl);\n      options.plugins = [\n        ...(options.plugins || []),\n        rangePlugin({ input: endInputElement }),\n      ];\n    }\n\n    const flatpickrInstance = flatpickr(inputElement, options) as Instance;\n\n    if (flatpickrInstance) {\n      setTimeout(() => {\n        if (setCalendarAttributes) {\n          setCalendarAttributes(flatpickrInstance);\n        }\n      }, 0);\n\n      if (setInitialDates) {\n        setInitialDates(flatpickrInstance);\n      }\n\n      if (!(inputEl instanceof HTMLInputElement)) {\n        inputEl.addEventListener('click', () => {\n          flatpickrInstance.open();\n        });\n      }\n\n      if (endinputEl && !(endinputEl instanceof HTMLInputElement)) {\n        endinputEl.addEventListener('click', () => {\n          flatpickrInstance.open();\n        });\n      }\n\n      return flatpickrInstance;\n    } else {\n      console.error('Failed to initialize Flatpickr');\n      return undefined;\n    }\n  } catch (error) {\n    console.error('Error initializing Flatpickr:', error);\n    return undefined;\n  }\n}\n\nexport async function initializeSingleAnchorFlatpickr(\n  context: SingleFlatpickrContext & { appendTo?: HTMLElement }\n): Promise<Instance | undefined> {\n  const {\n    inputEl,\n    getFlatpickrOptions,\n    setCalendarAttributes,\n    setInitialDates,\n    appendTo,\n  } = context;\n  if (!inputEl) {\n    console.error('Cannot initialize Flatpickr: inputEl is undefined');\n    return undefined;\n  }\n  try {\n    const options = await getFlatpickrOptions();\n    const effectiveDateFormat =\n      options.dateFormat || (options.mode === 'time' ? 'H:i' : 'Y-m-d');\n    options.dateFormat = effectiveDateFormat;\n\n    let inputElement: HTMLInputElement;\n    if (inputEl instanceof HTMLInputElement) {\n      inputElement = inputEl;\n      options.clickOpens = true;\n    } else {\n      try {\n        inputElement = document.createElement('input');\n        inputElement.type = 'text';\n        inputElement.style.display = 'none';\n\n        const targetElement = appendTo || inputEl;\n        if (!targetElement) {\n          throw new Error('No valid element to append input to');\n        }\n\n        targetElement.appendChild(inputElement);\n        options.clickOpens = false;\n        options.positionElement = inputEl;\n      } catch (error) {\n        console.error('Error creating input element:', error);\n        throw error;\n      }\n    }\n    const flatpickrInstance = flatpickr(inputElement, options) as Instance;\n    if (flatpickrInstance) {\n      setTimeout(() => {\n        if (setCalendarAttributes) {\n          setCalendarAttributes(flatpickrInstance);\n        }\n      }, 0);\n      if (setInitialDates) {\n        setInitialDates(flatpickrInstance);\n      }\n      if (!(inputEl instanceof HTMLInputElement)) {\n        inputEl.addEventListener('click', () => flatpickrInstance.open());\n      }\n      return flatpickrInstance;\n    } else {\n      console.error('Failed to initialize Flatpickr');\n      return undefined;\n    }\n  } catch (error) {\n    console.error('Error initializing Flatpickr:', error);\n    if (error instanceof Error) {\n      console.error('Error details:', error.message);\n    }\n    return undefined;\n  }\n}\n\nexport function isValidDateFormat(format: string): format is DateFormatOption {\n  return format in DATE_FORMAT_OPTIONS;\n}\n\nexport function getPlaceholder(\n  dateFormat: string,\n  isDateRange?: boolean\n): string {\n  if (isValidDateFormat(dateFormat)) {\n    const placeholder = isDateRange\n      ? `${DATE_FORMAT_OPTIONS[dateFormat]} to ${DATE_FORMAT_OPTIONS[dateFormat]}`\n      : DATE_FORMAT_OPTIONS[dateFormat];\n    return placeholder;\n  }\n  return 'Select date';\n}\n\nexport function getModalContainer(element: HTMLElement): HTMLElement {\n  return (\n    ['kyn-modal', 'kyn-side-drawer']\n      .map((selector) => element.closest(selector))\n      .find((el): el is HTMLElement => el !== null) || document.body\n  );\n}\n\nexport async function getFlatpickrOptions(\n  context: FlatpickrOptionsContext\n): Promise<Partial<BaseOptions>> {\n  if (!context) {\n    console.error('Context is required for getFlatpickrOptions');\n    return {};\n  }\n\n  const {\n    locale,\n    dateFormat,\n    enableTime,\n    twentyFourHourFormat,\n    inputEl,\n    allowInput,\n    minDate,\n    maxDate,\n    minTime,\n    maxTime,\n    defaultDate,\n    defaultHour,\n    defaultMinute,\n    enable,\n    disable,\n    mode = 'single',\n    closeOnSelect,\n    wrap = false,\n    noCalendar = false,\n    appendTo,\n    onChange,\n    onClose,\n    onOpen,\n    loadLocale,\n  } = context;\n\n  if (!locale) {\n    console.warn('Locale not provided. Falling back to default.');\n  }\n\n  if (!dateFormat) {\n    console.warn('Date format not provided. Using default format.');\n  }\n\n  let localeOptions;\n  try {\n    localeOptions = await loadLocale(locale);\n    modifyWeekdayShorthands(localeOptions);\n  } catch (error) {\n    console.warn('Error loading locale, falling back to default:', error);\n    localeOptions = English;\n  }\n\n  const baseLocale = locale.split('-')[0].toLowerCase();\n  const isEnglishOr12HourLocale = ['en', 'es'].includes(baseLocale);\n\n  const isWideScreen = window.innerWidth >= 767;\n\n  const effectiveDateFormat =\n    dateFormat ||\n    (mode === 'time' ? (twentyFourHourFormat ? 'H:i' : 'h:i K') : 'Y-m-d');\n\n  const options: Partial<BaseOptions> = {\n    dateFormat: effectiveDateFormat,\n    mode: mode === 'time' ? 'single' : mode,\n    enableTime: mode === 'time' ? true : enableTime,\n    noCalendar: mode === 'time' ? true : noCalendar,\n    defaultDate: defaultDate,\n    enableSeconds: false,\n    allowInput: allowInput || false,\n    clickOpens: true,\n    time_24hr:\n      typeof twentyFourHourFormat === 'boolean'\n        ? twentyFourHourFormat\n        : !isEnglishOr12HourLocale,\n    weekNumbers: false,\n    static: context.static ?? false,\n    wrap,\n    showMonths: mode === 'range' && isWideScreen ? 2 : 1,\n    monthSelectorType: 'static',\n    locale: localeOptions,\n    closeOnSelect: closeOnSelect ?? !(mode === 'multiple' || enableTime),\n    onChange: (selectedDates, dateStr, instance) => {\n      onChange && onChange(selectedDates, dateStr, instance);\n    },\n    onClose: (selectedDates, dateStr, instance) => {\n      if (mode === 'range' && instance.calendarContainer) {\n        const timeContainer =\n          instance.calendarContainer.querySelector('.flatpickr-time');\n        if (selectedDates.length === 0) {\n          timeContainer?.classList.add('default-time-select');\n          timeContainer?.classList.remove('start-date', 'end-date');\n        }\n      }\n      onClose && onClose(selectedDates, dateStr, instance);\n    },\n    onOpen: (selectedDates, dateStr, instance) => {\n      onOpen && onOpen(selectedDates, dateStr, instance);\n    },\n  };\n\n  if (mode === 'range') {\n    options.onReady = (_, __, instance) => {\n      if (instance.calendarContainer) {\n        const timeContainer =\n          instance.calendarContainer.querySelector('.flatpickr-time');\n        timeContainer?.classList.add('default-time-select');\n      }\n    };\n  }\n\n  if (!(inputEl instanceof HTMLInputElement)) {\n    options.positionElement = inputEl;\n  }\n\n  if (minDate) options.minDate = minDate;\n  if (maxDate) options.maxDate = maxDate;\n  if (minTime) options.minTime = minTime;\n  if (maxTime) options.maxTime = maxTime;\n\n  if (defaultDate) {\n    if (\n      Array.isArray(defaultDate) &&\n      (mode === 'range' || mode === 'multiple')\n    ) {\n      options.defaultDate = defaultDate;\n    } else if (!Array.isArray(defaultDate)) {\n      if (typeof defaultDate === 'string') {\n        let parsedDate: Date | null = null;\n        switch (effectiveDateFormat) {\n          case 'Y-m-d': {\n            const [year, month, day] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(year) && !isNaN(month) && !isNaN(day)\n                ? new Date(year, month - 1, day, 12)\n                : null;\n            break;\n          }\n          case 'd-m-Y': {\n            const [day, month, year] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(day) && !isNaN(month) && !isNaN(year)\n                ? new Date(year, month - 1, day, 12)\n                : null;\n            break;\n          }\n          case 'm-d-Y': {\n            const [month, day, year] = defaultDate.split('-').map(Number);\n            parsedDate =\n              !isNaN(month) && !isNaN(day) && !isNaN(year)\n                ? new Date(year, month - 1, day, 12)\n                : null;\n            break;\n          }\n          default:\n            parsedDate = new Date(defaultDate);\n            break;\n        }\n        options.defaultDate = parsedDate || defaultDate;\n      }\n    }\n  }\n  if (defaultHour !== undefined && defaultHour !== null)\n    options.defaultHour = defaultHour;\n  if (defaultMinute !== undefined && defaultMinute !== null)\n    options.defaultMinute = defaultMinute;\n  if (enable && enable.length > 0) options.enable = enable;\n  if (disable && disable.length > 0) {\n    options.disable = disable.map((date) => {\n      if (date instanceof Date) return date;\n      if (typeof date === 'number') return new Date(date);\n      if (typeof date === 'string') {\n        const parsed = flatpickr.parseDate(date, effectiveDateFormat);\n        return parsed || date;\n      }\n      return date;\n    });\n  }\n  if (appendTo) options.appendTo = appendTo;\n\n  return options;\n}\n\nexport function updateEnableTime(dateFormat: string): boolean {\n  return dateFormat.includes('H:') || dateFormat.includes('h:');\n}\n\nexport function setCalendarAttributes(\n  instance: Instance,\n  modalDetected?: boolean\n): void {\n  if (instance?.calendarContainer) {\n    requestAnimationFrame(() => {\n      try {\n        const { calendarContainer, config } = instance;\n        calendarContainer.setAttribute('role', 'application');\n        calendarContainer.setAttribute('aria-label', 'Calendar');\n\n        calendarContainer.classList.remove('container-modal', 'container-body');\n        const containerClass = modalDetected\n          ? 'container-modal'\n          : 'container-default';\n        calendarContainer.classList.add(containerClass);\n\n        if (config && typeof config.static !== 'undefined') {\n          calendarContainer.classList.remove(\n            'static-position-true',\n            'static-position-false'\n          );\n          calendarContainer.classList.add(`static-position-${config.static}`);\n        }\n      } catch (error) {\n        console.warn('Error setting calendar attributes:', error);\n      }\n    });\n  } else {\n    console.warn('Calendar container not available...');\n  }\n}\n\nconst localeCache: Record<string, Partial<Locale>> = {};\n\nexport async function loadLocale(locale: string): Promise<Partial<Locale>> {\n  if (locale === 'en') return English;\n  if (localeCache[locale]) return localeCache[locale];\n  if (!isSupportedLocale(locale)) {\n    console.warn(`Unsupported locale \"${locale}\". Falling back to English.`);\n    return English;\n  }\n  try {\n    const baseLocale = locale.split('-')[0].toLowerCase();\n    const module = await import(`flatpickr/dist/l10n/${baseLocale}.js`);\n    const localeConfig =\n      module[baseLocale] ?? module.default?.[baseLocale] ?? module.default;\n    if (!localeConfig) {\n      console.warn(\n        `Locale configuration not found for \"${locale}\". Falling back to English.`\n      );\n      return English;\n    }\n    localeCache[locale] = localeConfig;\n    return localeConfig;\n  } catch (error) {\n    console.error(\n      `Failed to load locale \"${locale}\". Falling back to English.`,\n      error\n    );\n    return English;\n  }\n}\n\nexport function hideEmptyYear(): void {\n  const currentMonth = document.querySelector(\n    '.flatpickr-current-month span.cur-month'\n  ) as HTMLElement;\n  document.querySelectorAll('.numInputWrapper').forEach((wrapper) => {\n    const yearInput = wrapper.querySelector(\n      '.numInput.cur-year'\n    ) as HTMLInputElement;\n    if (\n      yearInput &&\n      yearInput.min &&\n      yearInput.max &&\n      yearInput.min === yearInput.max\n    ) {\n      (wrapper as HTMLElement).style.display = 'none';\n\n      if (currentMonth) {\n        currentMonth.style.marginLeft = 'auto';\n      }\n    }\n  });\n}\n\nexport function validate(\n  inputEl: HTMLInputElement,\n  required: boolean,\n  invalidText: string,\n  defaultErrorMessage: string,\n  hasInteracted: boolean,\n  internals: ElementInternals\n): { isValid: boolean; validationMessage: string } {\n  if (!inputEl) {\n    console.warn('Input element is undefined...');\n    return { isValid: true, validationMessage: '' };\n  }\n\n  const isEmpty = !inputEl.value.trim();\n  const isRequired = required;\n\n  let validity = inputEl.validity;\n  let validationMessage = inputEl.validationMessage;\n\n  if (isRequired && isEmpty) {\n    validity = { ...validity, valueMissing: true };\n    validationMessage = defaultErrorMessage;\n  }\n\n  if (invalidText) {\n    validity = { ...validity, customError: true };\n    validationMessage = invalidText;\n  }\n\n  internals.setValidity(validity, validationMessage, inputEl);\n\n  const isValid =\n    !invalidText && (!hasInteracted || !isEmpty || (isEmpty && !isRequired));\n\n  return { isValid, validationMessage };\n}\n\nexport function emitValue(\n  element: HTMLElement,\n  eventName: string,\n  detail: any\n): void {\n  element.dispatchEvent(\n    new CustomEvent(eventName, {\n      detail,\n      bubbles: true,\n      composed: true,\n    })\n  );\n}\n"],"names":["flatpickrStylesInjected","DATE_FORMAT_OPTIONS","isSupportedLocale","locale","baseLocale","split","toLowerCase","langsArray","includes","preventFlatpickrOpen","event","setShouldFlatpickrOpen","preventDefault","stopPropagation","stopImmediatePropagation","handleInputClick","handleInputFocus","shouldFlatpickrOpen","closeFlatpickr","modifyWeekdayShorthands","localeOptions","weekdays","shorthand","map","day","charAt","injectFlatpickrStyles","customStyle","styleElement","document","createElement","id","textContent","head","appendChild","async","initializeMultiAnchorFlatpickr","context","inputEl","endinputEl","getFlatpickrOptions","setCalendarAttributes","setInitialDates","options","getInputElement","el","HTMLInputElement","input","querySelector","type","style","display","isConnected","Error","error","console","inputElement","endInputElement","plugins","rangePlugin","flatpickrInstance","flatpickr","setTimeout","addEventListener","open","initializeSingleAnchorFlatpickr","appendTo","effectiveDateFormat","dateFormat","mode","clickOpens","targetElement","positionElement","message","isValidDateFormat","format","getPlaceholder","isDateRange","getModalContainer","element","selector","closest","find","body","enableTime","twentyFourHourFormat","allowInput","minDate","maxDate","minTime","maxTime","defaultDate","defaultHour","defaultMinute","enable","disable","closeOnSelect","wrap","noCalendar","onChange","onClose","onOpen","loadLocale","warn","English","isEnglishOr12HourLocale","isWideScreen","window","innerWidth","enableSeconds","time_24hr","weekNumbers","static","_a","showMonths","monthSelectorType","selectedDates","dateStr","instance","calendarContainer","timeContainer","length","classList","add","remove","onReady","_","__","Array","isArray","parsedDate","year","month","Number","isNaN","Date","date","parseDate","updateEnableTime","modalDetected","requestAnimationFrame","config","setAttribute","containerClass","localeCache","module","import","localeConfig","_c","_b","default","hideEmptyYear","currentMonth","querySelectorAll","forEach","wrapper","yearInput","min","max","marginLeft","validate","required","invalidText","defaultErrorMessage","hasInteracted","internals","isValid","validationMessage","isEmpty","value","trim","isRequired","validity","valueMissing","customError","setValidity","emitValue","eventName","detail","dispatchEvent","CustomEvent","bubbles","composed"],"mappings":"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"}

package/common/scss/global.scss

@@ -3,3 +3,7 @@
 *::after {
   box-sizing: border-box;
 }
+
+* {
+  -webkit-tap-highlight-color: transparent;
+}

package/components/ai/aiLaunchButton/aiLaunchButton.js

@@ -4,6 +4,10 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,i as a,t as
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :host {
   display: block;
 }

package/components/ai/aiLaunchButton/aiLaunchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss';\n\n/**\n * AI Assistant Launch Button.\n * @fires on-click - Emits when the button is clicked.\n */\n@customElement('kyn-ai-launch-btn')\nexport class AILaunchButton extends LitElement {\n  static override styles = Styles;\n\n  /** Whether the button is disabled. */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Animation container element.\n   * @internal\n   */\n  @query('.container')\n  private _containerEl!: any;\n\n  /** Instance of animation.\n   * @internal\n   */\n  @state()\n  private _animation!: any;\n\n  /** Whether to stop at next loop completion\n   * @internal\n   */\n  @state()\n  private _shouldStop = false;\n\n  override render() {\n    const Classes = {\n      'ai-launch-button': true,\n      disabled: this.disabled,\n    };\n\n    return html`\n      <button\n        type=\"button\"\n        class=\"${classMap(Classes)}\"\n        aria-label=\"AI Assistant\"\n        ?disabled=\"${this.disabled}\"\n        @click=${() => this._emitClick()}\n        @mouseenter=${() => this._startHoverAnimation()}\n        @mouseleave=${() => this._stopHoverAnimation()}\n      >\n        <div class=\"container\"></div>\n      </button>\n    `;\n  }\n\n  override firstUpdated() {\n    this._initAnimation();\n  }\n\n  /// loop the animation on mouseenter. on mouseleave, complete the current loop and then stop.\n  private _initAnimation() {\n    this._animation = lottie.loadAnimation({\n      container: this._containerEl,\n      renderer: 'svg',\n      loop: true,\n      autoplay: false,\n      animationData: this.disabled ? aiLaunchButtonDisabled : animationData,\n    });\n    this._animation.setSpeed(2);\n    this._animation.goToAndStop(0, true);\n\n    this._animation.addEventListener('loopComplete', () => {\n      if (this._shouldStop) {\n        this._animation.goToAndStop(0, true);\n        this._shouldStop = false;\n      }\n    });\n  }\n\n  private _startHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = false;\n      this._animation.goToAndStop(0, true);\n      this._animation.setDirection(1);\n      this._animation.play();\n    }\n  }\n\n  private _stopHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = true;\n    }\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('disabled')) {\n      this._animation.destroy();\n      this._initAnimation();\n    }\n  }\n\n  private _emitClick() {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-click');\n      this.dispatchEvent(event);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-ai-launch-btn': AILaunchButton;\n  }\n}\n"],"names":["AILaunchButton","LitElement","constructor","this","disabled","_shouldStop","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","_animation","lottie","loadAnimation","container","_containerEl","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","styles","Styles","__decorate","property","type","Boolean","prototype","query","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaO,IAAMA,EAAN,cAA6BC,EAA7B,WAAAC,uBAKLC,KAAQC,UAAG,EAkBHD,KAAWE,aAAG,CA2EvB,CAzEU,MAAAC,GACP,MAAMC,EAAU,CACd,oBAAoB,EACpBH,SAAUD,KAAKC,UAGjB,OAAOI,CAAI;;;iBAGEC,EAASF;;qBAELJ,KAAKC;iBACT,IAAMD,KAAKO;sBACN,IAAMP,KAAKQ;sBACX,IAAMR,KAAKS;;;;KAK9B,CAEQ,YAAAC,GACPV,KAAKW,gBACN,CAGO,cAAAA,GACNX,KAAKY,WAAaC,EAAOC,cAAc,CACrCC,UAAWf,KAAKgB,aAChBC,SAAU,MACVC,MAAM,EACNC,UAAU,EACVC,cAAepB,KAAKC,SAAWoB,EAAyBD,IAE1DpB,KAAKY,WAAWU,SAAS,GACzBtB,KAAKY,WAAWW,YAAY,GAAG,GAE/BvB,KAAKY,WAAWY,iBAAiB,gBAAgB,KAC3CxB,KAAKE,cACPF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKE,aAAc,EACpB,GAEJ,CAEO,oBAAAM,GACDR,KAAKC,WACRD,KAAKE,aAAc,EACnBF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKY,WAAWa,aAAa,GAC7BzB,KAAKY,WAAWc,OAEnB,CAEO,mBAAAjB,GACDT,KAAKC,WACRD,KAAKE,aAAc,EAEtB,CAEQ,OAAAyB,CAAQC,GACXA,EAAaC,IAAI,cACnB7B,KAAKY,WAAWkB,UAChB9B,KAAKW,iBAER,CAEO,UAAAJ,GACN,IAAKP,KAAKC,SAAU,CAClB,MAAM8B,EAAQ,IAAIC,YAAY,YAC9BhC,KAAKiC,cAAcF,EACpB,CACF,GAhGelC,EAAMqC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACD1C,EAAA2C,UAAA,gBAAA,GAMjBJ,EAAA,CADCK,EAAM,eACoB5C,EAAA2C,UAAA,oBAAA,GAM3BJ,EAAA,CADCM,KACwB7C,EAAA2C,UAAA,kBAAA,GAMzBJ,EAAA,CADCM,KAC2B7C,EAAA2C,UAAA,mBAAA,GAvBjB3C,EAAcuC,EAAA,CAD1BO,EAAc,sBACF9C"}
+{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss';\n\n/**\n * AI Assistant Launch Button.\n * @fires on-click - Emits when the button is clicked.\n */\n@customElement('kyn-ai-launch-btn')\nexport class AILaunchButton extends LitElement {\n  static override styles = Styles;\n\n  /** Whether the button is disabled. */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Animation container element.\n   * @internal\n   */\n  @query('.container')\n  private _containerEl!: any;\n\n  /** Instance of animation.\n   * @internal\n   */\n  @state()\n  private _animation!: any;\n\n  /** Whether to stop at next loop completion\n   * @internal\n   */\n  @state()\n  private _shouldStop = false;\n\n  override render() {\n    const Classes = {\n      'ai-launch-button': true,\n      disabled: this.disabled,\n    };\n\n    return html`\n      <button\n        type=\"button\"\n        class=\"${classMap(Classes)}\"\n        aria-label=\"AI Assistant\"\n        ?disabled=\"${this.disabled}\"\n        @click=${() => this._emitClick()}\n        @mouseenter=${() => this._startHoverAnimation()}\n        @mouseleave=${() => this._stopHoverAnimation()}\n      >\n        <div class=\"container\"></div>\n      </button>\n    `;\n  }\n\n  override firstUpdated() {\n    this._initAnimation();\n  }\n\n  /// loop the animation on mouseenter. on mouseleave, complete the current loop and then stop.\n  private _initAnimation() {\n    this._animation = lottie.loadAnimation({\n      container: this._containerEl,\n      renderer: 'svg',\n      loop: true,\n      autoplay: false,\n      animationData: this.disabled ? aiLaunchButtonDisabled : animationData,\n    });\n    this._animation.setSpeed(2);\n    this._animation.goToAndStop(0, true);\n\n    this._animation.addEventListener('loopComplete', () => {\n      if (this._shouldStop) {\n        this._animation.goToAndStop(0, true);\n        this._shouldStop = false;\n      }\n    });\n  }\n\n  private _startHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = false;\n      this._animation.goToAndStop(0, true);\n      this._animation.setDirection(1);\n      this._animation.play();\n    }\n  }\n\n  private _stopHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = true;\n    }\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('disabled')) {\n      this._animation.destroy();\n      this._initAnimation();\n    }\n  }\n\n  private _emitClick() {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-click');\n      this.dispatchEvent(event);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-ai-launch-btn': AILaunchButton;\n  }\n}\n"],"names":["AILaunchButton","LitElement","constructor","this","disabled","_shouldStop","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","_animation","lottie","loadAnimation","container","_containerEl","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","styles","Styles","__decorate","property","type","Boolean","prototype","query","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaO,IAAMA,EAAN,cAA6BC,EAA7B,WAAAC,uBAKLC,KAAQC,UAAG,EAkBHD,KAAWE,aAAG,CA2EvB,CAzEU,MAAAC,GACP,MAAMC,EAAU,CACd,oBAAoB,EACpBH,SAAUD,KAAKC,UAGjB,OAAOI,CAAI;;;iBAGEC,EAASF;;qBAELJ,KAAKC;iBACT,IAAMD,KAAKO;sBACN,IAAMP,KAAKQ;sBACX,IAAMR,KAAKS;;;;KAK9B,CAEQ,YAAAC,GACPV,KAAKW,gBACN,CAGO,cAAAA,GACNX,KAAKY,WAAaC,EAAOC,cAAc,CACrCC,UAAWf,KAAKgB,aAChBC,SAAU,MACVC,MAAM,EACNC,UAAU,EACVC,cAAepB,KAAKC,SAAWoB,EAAyBD,IAE1DpB,KAAKY,WAAWU,SAAS,GACzBtB,KAAKY,WAAWW,YAAY,GAAG,GAE/BvB,KAAKY,WAAWY,iBAAiB,gBAAgB,KAC3CxB,KAAKE,cACPF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKE,aAAc,EACpB,GAEJ,CAEO,oBAAAM,GACDR,KAAKC,WACRD,KAAKE,aAAc,EACnBF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKY,WAAWa,aAAa,GAC7BzB,KAAKY,WAAWc,OAEnB,CAEO,mBAAAjB,GACDT,KAAKC,WACRD,KAAKE,aAAc,EAEtB,CAEQ,OAAAyB,CAAQC,GACXA,EAAaC,IAAI,cACnB7B,KAAKY,WAAWkB,UAChB9B,KAAKW,iBAER,CAEO,UAAAJ,GACN,IAAKP,KAAKC,SAAU,CAClB,MAAM8B,EAAQ,IAAIC,YAAY,YAC9BhC,KAAKiC,cAAcF,EACpB,CACF,GAhGelC,EAAMqC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACD1C,EAAA2C,UAAA,gBAAA,GAMjBJ,EAAA,CADCK,EAAM,eACoB5C,EAAA2C,UAAA,oBAAA,GAM3BJ,EAAA,CADCM,KACwB7C,EAAA2C,UAAA,kBAAA,GAMzBJ,EAAA,CADCM,KAC2B7C,EAAA2C,UAAA,mBAAA,GAvBjB3C,EAAcuC,EAAA,CAD1BO,EAAc,sBACF9C"}

package/components/ai/sourcesFeedback/aiSourcesFeedback.js

@@ -1,9 +1,13 @@
-import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as s,l as i,c as o,e as n}from"../../../vendor/lit-446874c7.js";import{i as d,s as a,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as r}from"../../../vendor/deepmerge-ts-e62363e6.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{f as p,F as h,G as u,H as b,I as k,c as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-a6eca21f.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-e92af385.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var v=d`*,
+import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as s,l as i,c as o,e as n}from"../../../vendor/lit-446874c7.js";import{i as d,s as a,x as l}from"../../../vendor/lit-element-c6c02f24.js";import{d as r}from"../../../vendor/deepmerge-ts-e62363e6.js";import{e as c}from"../../../vendor/lit-html-29220869.js";import{f as p,F as h,G as u,H as b,I as k,c as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-a6eca21f.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-a67570dc.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var v=d`*,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }

package/components/ai/sourcesFeedback/aiSourcesFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiSourcesFeedback.js","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport stylesheet from './aiSourcesFeedback.scss';\n\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport chevronIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport thumbsUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up.svg';\nimport thumbsDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down.svg';\nimport thumbsUpFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up-filled.svg';\nimport thumbsDownFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down-filled.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport '../../reusable/link';\nimport '../../reusable/card';\nimport '../../reusable/button';\n\nconst _defaultTextStrings = {\n  sourcesText: 'Sources used',\n  foundSources: 'Found sources',\n  showMore: 'Show more',\n  showLess: 'Show less',\n  positiveFeedback: 'Share what you liked',\n  negativeFeedback: 'Help us improve',\n};\n\n/**\n * AISourcesFeedback Component.\n *\n * @slot copy - copy button\n * @slot sources - source cards in source panel.\n * @slot feedback-form - Positive feedback form.\n * @fires on-toggle - Emits the `opened` state when the panel item opens/closes.\n * @fires on-feedback-deselected - Emits when thumbs-up or thumbs-down button is deselected.\n */\n\n@customElement('kyn-ai-sources-feedback')\nexport class AISourcesFeedback extends LitElement {\n  static override styles = [stylesheet];\n\n  /** expandable anchor opened state for Sources used. */\n  @property({ type: Boolean })\n  sourcesOpened = false;\n\n  /** expandable anchor opened state for Feedback buttons. */\n  @property({ type: Boolean })\n  feedbackOpened = false;\n\n  /** expandable anchor disabled state for Sources used.. */\n  @property({ type: Boolean })\n  sourcesDisabled = false;\n\n  /** expandable anchor disabled state for Feedback buttons. */\n  @property({ type: Boolean })\n  feedbackDisabled = false;\n\n  /** Limits visible sources behind a \"Show more\" button. */\n  @property({ type: Boolean })\n  revealAllSources = false;\n\n  /** Text string customization. */\n  @property({ type: Object })\n  textStrings = _defaultTextStrings;\n\n  /** Close button text. */\n  @property({ type: String })\n  closeText = 'Close';\n\n  /** Number of sources visible when limited.\n   * @internal\n   */\n  @state()\n  _limitCount = 4;\n\n  /** Sources limit visibility.\n   * @internal\n   */\n  @state()\n  limitRevealed = false;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  _textStrings = _defaultTextStrings;\n\n  /** Selecting Positive or Negative Feedback\n   * @internal\n   */\n  @state()\n  _selectedFeedbackType: any = null;\n\n  /**\n   * Queries slotted sources.\n   * @ignore\n   */\n  @queryAssignedElements({ slot: 'sources' })\n  _sourceEls!: any;\n\n  /**  Sources anchor text\n   * @internal\n   */\n  @state()\n  sourcesOriginalText: any;\n\n  /**  Tracks the number of clicks on thumbs up icon\n   * @internal\n   */\n  @state() thumbsUpClickCount = 0;\n\n  /**  Tracks the number of clicks on thumbs down icon\n   * @internal\n   */\n  @state() thumbsDownClickCount = 0;\n\n  override render() {\n    const classesSources: any = classMap({\n      'kyn-sources': true,\n      opened: this.sourcesOpened,\n      disabled: this.sourcesDisabled,\n    });\n    const classesFeedback1: any = classMap({\n      'kyn-pos-feedback': true,\n      disabled:\n        this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n    });\n    const classesFeedback2: any = classMap({\n      'kyn-neg-feedback': true,\n      disabled:\n        this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n    });\n    return html`\n      <div class=\"action-bar\">\n        <div class=\"left-div\">\n          <slot name=\"copy\"></slot>\n\n          <div class=\"${classesSources}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              class=\"kyn-sources-title\"\n              iconPosition=\"right\"\n              aria-controls=\"kyn-sources-body\"\n              aria-expanded=${this.sourcesOpened}\n              ?disabled=${this.sourcesDisabled}\n              @on-click=\"${(e: Event) => this._handleClick(e, 'sources')}\"\n              id=\"kyn-sources-title\"\n            >\n              ${this._textStrings.sourcesText}\n              <span class=\"expand-icon\" slot=\"icon\"\n                >${unsafeSVG(chevronIcon)}</span\n              >\n            </kyn-button>\n          </div>\n        </div>\n\n        <div class=\"right-div\">\n          <div class=\"${classesFeedback1}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              id=\"kyn-feedback-title-positive\"\n              class=\"kyn-feedback-title\"\n              aria-controls=\"kyn-feedback-body\"\n              aria-expanded=${this.feedbackOpened}\n              ?disabled=${this.feedbackDisabled}\n              description=${this._textStrings.positiveFeedback}\n              @on-click=${(e: Event) =>\n                this._handleClick(e, 'feedback', 'positive')}\n            >\n              <span slot=\"icon\">\n                ${unsafeSVG(\n                  this.thumbsUpClickCount % 2 === 0\n                    ? thumbsUpIcon\n                    : thumbsUpFilledIcon\n                )}\n              </span>\n            </kyn-button>\n          </div>\n\n          <div class=\"${classesFeedback2}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              id=\"kyn-feedback-title-negative\"\n              class=\"kyn-feedback-title\"\n              aria-controls=\"kyn-feedback-body\"\n              aria-expanded=${this.feedbackOpened}\n              ?disabled=${this.feedbackDisabled}\n              description=${this._textStrings.negativeFeedback}\n              @on-click=\"${(e: Event) =>\n                this._handleClick(e, 'feedback', 'negative')}\"\n            >\n              <span slot=\"icon\"\n                >${unsafeSVG(\n                  this.thumbsDownClickCount % 2 === 0\n                    ? thumbsDownIcon\n                    : thumbsDownFilledIcon\n                )}\n              </span>\n            </kyn-button>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=\"${classMap({\n          opened: this.sourcesOpened,\n          'kyn-sources-body': true,\n        })}\"\n        id=\"kyn-sources-body\"\n        role=\"region\"\n        aria-labelledby=\"kyn-sources-title\"\n      >\n        <div class=\"close-container\">\n          <kyn-button\n            class=\"close\"\n            @on-click=${(e: Event) => this._handleClick(e, 'sources')}\n            }}\n            kind=\"ghost\"\n            size=\"small\"\n            description=${this.closeText}\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n        </div>\n\n        <div class=\"found-sources\">\n          ${this._textStrings.foundSources} (${this._sourceEls.length}) :\n        </div>\n        <div class=\"card-container\">\n          <slot name=\"sources\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        ${!this.revealAllSources && this._sourceEls.length > this._limitCount\n          ? html`\n              <kyn-button\n                class=\"reveal-toggle\"\n                kind=\"ghost\"\n                size=\"small\"\n                @on-click=${() =>\n                  this._toggleLimitRevealed(!this.limitRevealed)}\n              >\n                ${this.limitRevealed\n                  ? html`${this._textStrings.showLess}`\n                  : html`\n                      ${this._textStrings.showMore}\n                      (${this._sourceEls.length - this._limitCount})\n                    `}\n              </kyn-button>\n            `\n          : null}\n      </div>\n\n      <div\n        class=\"${classMap({\n          opened: this.feedbackOpened,\n          'kyn-feedback-body': true,\n        })}\"\n        id=\"kyn-feedback-body\"\n        role=\"region\"\n        aria-labelledby=\"kyn-feedback-title-${this._selectedFeedbackType\n          ? 'positive'\n          : 'negative'}\"\n      >\n        <div class=\"close-container\">\n          <kyn-button\n            class=\"close\"\n            description=${this.closeText}\n            @on-click=${(e: Event) =>\n              this._handleClick(e, 'feedback', this._selectedFeedbackType)}\n            }}\n            kind=\"ghost\"\n            size=\"small\"\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n        </div>\n\n        <slot name=\"feedback-form\"></slot>\n      </div>\n    `;\n  }\n  private _handleClick(\n    e: Event,\n    panel: 'sources' | 'feedback',\n    feedbackType?: 'positive' | 'negative'\n  ) {\n    e.preventDefault();\n\n    if (\n      (panel === 'sources' && this.sourcesDisabled) ||\n      (panel === 'feedback' && this.feedbackDisabled)\n    ) {\n      return;\n    }\n\n    const target = e.target as HTMLElement;\n    const isFeedbackButton = target.id?.includes('kyn-feedback-title');\n\n    if (isFeedbackButton && feedbackType) {\n      this._updateFeedbackCounts(feedbackType);\n    }\n\n    if (panel === 'sources' || this._shouldEmitFeedbackEvent(feedbackType)) {\n      this._emitToggleEvent(panel, feedbackType);\n    }\n  }\n\n  private _updateFeedbackCounts(feedbackType: 'positive' | 'negative') {\n    // Checks if the feedbackType was already selected before updating the counts.\n    const wasSelected =\n      (feedbackType === 'positive' && this.thumbsUpClickCount % 2 !== 0) ||\n      (feedbackType === 'negative' && this.thumbsDownClickCount % 2 !== 0);\n\n    if (feedbackType === 'positive') {\n      this.thumbsUpClickCount++;\n      this.thumbsDownClickCount -= this.thumbsDownClickCount % 2;\n    } else {\n      this.thumbsDownClickCount++;\n      this.thumbsUpClickCount -= this.thumbsUpClickCount % 2;\n    }\n\n    if (wasSelected) {\n      this.dispatchEvent(\n        new CustomEvent('on-feedback-deselected', {\n          detail: { feedbackType },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _shouldEmitFeedbackEvent(\n    feedbackType?: 'positive' | 'negative'\n  ): boolean {\n    if (!feedbackType) return false;\n    const isOddClick = (count: number) => count % 2 !== 0;\n\n    return (\n      (feedbackType === 'positive' &&\n        (isOddClick(this.thumbsUpClickCount) ||\n          (this.feedbackOpened && !isOddClick(this.thumbsUpClickCount)))) ||\n      (feedbackType === 'negative' &&\n        (isOddClick(this.thumbsDownClickCount) ||\n          (this.feedbackOpened && !isOddClick(this.thumbsDownClickCount))))\n    );\n  }\n\n  private _emitToggleEvent(\n    panel: 'sources' | 'feedback',\n    feedbackType?: 'positive' | 'negative'\n  ) {\n    if (panel === 'sources') {\n      this.sourcesOpened = !this.sourcesOpened;\n      this.feedbackOpened = false;\n    } else if (panel === 'feedback') {\n      this.sourcesOpened = false;\n      this._toggleFeedbackPanel(feedbackType);\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('on-toggle', {\n        detail: {\n          sourcesOpened: this.sourcesOpened,\n          feedbackOpened: this.feedbackOpened,\n          selectedFeedbackType: this._selectedFeedbackType,\n        },\n      })\n    );\n  }\n\n  private _toggleFeedbackPanel(feedbackType?: 'positive' | 'negative') {\n    if (!feedbackType) return;\n\n    if (this._selectedFeedbackType === feedbackType && this.feedbackOpened) {\n      this.feedbackOpened = false;\n      this._selectedFeedbackType = null;\n    } else {\n      this.feedbackOpened = true;\n      this._selectedFeedbackType = feedbackType;\n    }\n  }\n\n  protected _handleSlotChange() {\n    this._toggleLimitRevealed(this.limitRevealed);\n  }\n\n  private _toggleLimitRevealed(revealed: boolean) {\n    this.limitRevealed = revealed;\n\n    this._sourceEls.forEach((sourceEl: any, index: any) => {\n      if (this.revealAllSources || this.limitRevealed) {\n        sourceEl.style.display = 'block';\n      } else {\n        if (index < this._limitCount) {\n          sourceEl.style.display = 'block';\n        } else {\n          sourceEl.style.display = 'none';\n        }\n      }\n    });\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n      this.sourcesOriginalText = this._textStrings.sourcesText;\n    }\n  }\n\n  protected override updated(changedProps: any): void {\n    if (\n      changedProps.has('revealAllSources') &&\n      changedProps.get('revealAllSources') !== undefined\n    ) {\n      this._toggleLimitRevealed(false);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', () => this.updateSourcesText());\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', () => this.updateSourcesText());\n    super.disconnectedCallback();\n  }\n\n  private updateSourcesText() {\n    this._textStrings.sourcesText =\n      window.innerWidth > 672\n        ? this.sourcesOriginalText\n        : this.sourcesOriginalText.split(' ')[0];\n    this.requestUpdate();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-ai-sources-feedback': AISourcesFeedback;\n  }\n}\n"],"names":["_defaultTextStrings","sourcesText","foundSources","showMore","showLess","positiveFeedback","negativeFeedback","AISourcesFeedback","LitElement","constructor","this","sourcesOpened","feedbackOpened","sourcesDisabled","feedbackDisabled","revealAllSources","textStrings","closeText","_limitCount","limitRevealed","_textStrings","_selectedFeedbackType","thumbsUpClickCount","thumbsDownClickCount","render","classesSources","classMap","opened","disabled","classesFeedback1","classesFeedback2","html","e","_handleClick","unsafeSVG","chevronIcon","thumbsUpIcon","thumbsUpFilledIcon","thumbsDownIcon","thumbsDownFilledIcon","closeIcon","_sourceEls","length","_handleSlotChange","_toggleLimitRevealed","panel","feedbackType","preventDefault","_a","target","id","includes","_updateFeedbackCounts","_shouldEmitFeedbackEvent","_emitToggleEvent","wasSelected","dispatchEvent","CustomEvent","detail","bubbles","composed","isOddClick","count","_toggleFeedbackPanel","selectedFeedbackType","revealed","forEach","sourceEl","index","style","display","willUpdate","changedProps","has","deepmerge","sourcesOriginalText","updated","undefined","get","connectedCallback","super","window","addEventListener","updateSourcesText","disconnectedCallback","removeEventListener","innerWidth","split","requestUpdate","styles","stylesheet","__decorate","property","type","Boolean","prototype","Object","String","state","queryAssignedElements","slot","customElement"],"mappings":"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"}
+{"version":3,"file":"aiSourcesFeedback.js","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport stylesheet from './aiSourcesFeedback.scss';\n\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport chevronIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport thumbsUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up.svg';\nimport thumbsDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down.svg';\nimport thumbsUpFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up-filled.svg';\nimport thumbsDownFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down-filled.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport '../../reusable/link';\nimport '../../reusable/card';\nimport '../../reusable/button';\n\nconst _defaultTextStrings = {\n  sourcesText: 'Sources used',\n  foundSources: 'Found sources',\n  showMore: 'Show more',\n  showLess: 'Show less',\n  positiveFeedback: 'Share what you liked',\n  negativeFeedback: 'Help us improve',\n};\n\n/**\n * AISourcesFeedback Component.\n *\n * @slot copy - copy button\n * @slot sources - source cards in source panel.\n * @slot feedback-form - Positive feedback form.\n * @fires on-toggle - Emits the `opened` state when the panel item opens/closes.\n * @fires on-feedback-deselected - Emits when thumbs-up or thumbs-down button is deselected.\n */\n\n@customElement('kyn-ai-sources-feedback')\nexport class AISourcesFeedback extends LitElement {\n  static override styles = [stylesheet];\n\n  /** expandable anchor opened state for Sources used. */\n  @property({ type: Boolean })\n  sourcesOpened = false;\n\n  /** expandable anchor opened state for Feedback buttons. */\n  @property({ type: Boolean })\n  feedbackOpened = false;\n\n  /** expandable anchor disabled state for Sources used.. */\n  @property({ type: Boolean })\n  sourcesDisabled = false;\n\n  /** expandable anchor disabled state for Feedback buttons. */\n  @property({ type: Boolean })\n  feedbackDisabled = false;\n\n  /** Limits visible sources behind a \"Show more\" button. */\n  @property({ type: Boolean })\n  revealAllSources = false;\n\n  /** Text string customization. */\n  @property({ type: Object })\n  textStrings = _defaultTextStrings;\n\n  /** Close button text. */\n  @property({ type: String })\n  closeText = 'Close';\n\n  /** Number of sources visible when limited.\n   * @internal\n   */\n  @state()\n  _limitCount = 4;\n\n  /** Sources limit visibility.\n   * @internal\n   */\n  @state()\n  limitRevealed = false;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  _textStrings = _defaultTextStrings;\n\n  /** Selecting Positive or Negative Feedback\n   * @internal\n   */\n  @state()\n  _selectedFeedbackType: any = null;\n\n  /**\n   * Queries slotted sources.\n   * @ignore\n   */\n  @queryAssignedElements({ slot: 'sources' })\n  _sourceEls!: any;\n\n  /**  Sources anchor text\n   * @internal\n   */\n  @state()\n  sourcesOriginalText: any;\n\n  /**  Tracks the number of clicks on thumbs up icon\n   * @internal\n   */\n  @state() thumbsUpClickCount = 0;\n\n  /**  Tracks the number of clicks on thumbs down icon\n   * @internal\n   */\n  @state() thumbsDownClickCount = 0;\n\n  override render() {\n    const classesSources: any = classMap({\n      'kyn-sources': true,\n      opened: this.sourcesOpened,\n      disabled: this.sourcesDisabled,\n    });\n    const classesFeedback1: any = classMap({\n      'kyn-pos-feedback': true,\n      disabled:\n        this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n    });\n    const classesFeedback2: any = classMap({\n      'kyn-neg-feedback': true,\n      disabled:\n        this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n    });\n    return html`\n      <div class=\"action-bar\">\n        <div class=\"left-div\">\n          <slot name=\"copy\"></slot>\n\n          <div class=\"${classesSources}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              class=\"kyn-sources-title\"\n              iconPosition=\"right\"\n              aria-controls=\"kyn-sources-body\"\n              aria-expanded=${this.sourcesOpened}\n              ?disabled=${this.sourcesDisabled}\n              @on-click=\"${(e: Event) => this._handleClick(e, 'sources')}\"\n              id=\"kyn-sources-title\"\n            >\n              ${this._textStrings.sourcesText}\n              <span class=\"expand-icon\" slot=\"icon\"\n                >${unsafeSVG(chevronIcon)}</span\n              >\n            </kyn-button>\n          </div>\n        </div>\n\n        <div class=\"right-div\">\n          <div class=\"${classesFeedback1}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              id=\"kyn-feedback-title-positive\"\n              class=\"kyn-feedback-title\"\n              aria-controls=\"kyn-feedback-body\"\n              aria-expanded=${this.feedbackOpened}\n              ?disabled=${this.feedbackDisabled}\n              description=${this._textStrings.positiveFeedback}\n              @on-click=${(e: Event) =>\n                this._handleClick(e, 'feedback', 'positive')}\n            >\n              <span slot=\"icon\">\n                ${unsafeSVG(\n                  this.thumbsUpClickCount % 2 === 0\n                    ? thumbsUpIcon\n                    : thumbsUpFilledIcon\n                )}\n              </span>\n            </kyn-button>\n          </div>\n\n          <div class=\"${classesFeedback2}\">\n            <kyn-button\n              kind=\"ghost\"\n              size=\"small\"\n              id=\"kyn-feedback-title-negative\"\n              class=\"kyn-feedback-title\"\n              aria-controls=\"kyn-feedback-body\"\n              aria-expanded=${this.feedbackOpened}\n              ?disabled=${this.feedbackDisabled}\n              description=${this._textStrings.negativeFeedback}\n              @on-click=\"${(e: Event) =>\n                this._handleClick(e, 'feedback', 'negative')}\"\n            >\n              <span slot=\"icon\"\n                >${unsafeSVG(\n                  this.thumbsDownClickCount % 2 === 0\n                    ? thumbsDownIcon\n                    : thumbsDownFilledIcon\n                )}\n              </span>\n            </kyn-button>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=\"${classMap({\n          opened: this.sourcesOpened,\n          'kyn-sources-body': true,\n        })}\"\n        id=\"kyn-sources-body\"\n        role=\"region\"\n        aria-labelledby=\"kyn-sources-title\"\n      >\n        <div class=\"close-container\">\n          <kyn-button\n            class=\"close\"\n            @on-click=${(e: Event) => this._handleClick(e, 'sources')}\n            }}\n            kind=\"ghost\"\n            size=\"small\"\n            description=${this.closeText}\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n        </div>\n\n        <div class=\"found-sources\">\n          ${this._textStrings.foundSources} (${this._sourceEls.length}) :\n        </div>\n        <div class=\"card-container\">\n          <slot name=\"sources\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        ${!this.revealAllSources && this._sourceEls.length > this._limitCount\n          ? html`\n              <kyn-button\n                class=\"reveal-toggle\"\n                kind=\"ghost\"\n                size=\"small\"\n                @on-click=${() =>\n                  this._toggleLimitRevealed(!this.limitRevealed)}\n              >\n                ${this.limitRevealed\n                  ? html`${this._textStrings.showLess}`\n                  : html`\n                      ${this._textStrings.showMore}\n                      (${this._sourceEls.length - this._limitCount})\n                    `}\n              </kyn-button>\n            `\n          : null}\n      </div>\n\n      <div\n        class=\"${classMap({\n          opened: this.feedbackOpened,\n          'kyn-feedback-body': true,\n        })}\"\n        id=\"kyn-feedback-body\"\n        role=\"region\"\n        aria-labelledby=\"kyn-feedback-title-${this._selectedFeedbackType\n          ? 'positive'\n          : 'negative'}\"\n      >\n        <div class=\"close-container\">\n          <kyn-button\n            class=\"close\"\n            description=${this.closeText}\n            @on-click=${(e: Event) =>\n              this._handleClick(e, 'feedback', this._selectedFeedbackType)}\n            }}\n            kind=\"ghost\"\n            size=\"small\"\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n        </div>\n\n        <slot name=\"feedback-form\"></slot>\n      </div>\n    `;\n  }\n  private _handleClick(\n    e: Event,\n    panel: 'sources' | 'feedback',\n    feedbackType?: 'positive' | 'negative'\n  ) {\n    e.preventDefault();\n\n    if (\n      (panel === 'sources' && this.sourcesDisabled) ||\n      (panel === 'feedback' && this.feedbackDisabled)\n    ) {\n      return;\n    }\n\n    const target = e.target as HTMLElement;\n    const isFeedbackButton = target.id?.includes('kyn-feedback-title');\n\n    if (isFeedbackButton && feedbackType) {\n      this._updateFeedbackCounts(feedbackType);\n    }\n\n    if (panel === 'sources' || this._shouldEmitFeedbackEvent(feedbackType)) {\n      this._emitToggleEvent(panel, feedbackType);\n    }\n  }\n\n  private _updateFeedbackCounts(feedbackType: 'positive' | 'negative') {\n    // Checks if the feedbackType was already selected before updating the counts.\n    const wasSelected =\n      (feedbackType === 'positive' && this.thumbsUpClickCount % 2 !== 0) ||\n      (feedbackType === 'negative' && this.thumbsDownClickCount % 2 !== 0);\n\n    if (feedbackType === 'positive') {\n      this.thumbsUpClickCount++;\n      this.thumbsDownClickCount -= this.thumbsDownClickCount % 2;\n    } else {\n      this.thumbsDownClickCount++;\n      this.thumbsUpClickCount -= this.thumbsUpClickCount % 2;\n    }\n\n    if (wasSelected) {\n      this.dispatchEvent(\n        new CustomEvent('on-feedback-deselected', {\n          detail: { feedbackType },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _shouldEmitFeedbackEvent(\n    feedbackType?: 'positive' | 'negative'\n  ): boolean {\n    if (!feedbackType) return false;\n    const isOddClick = (count: number) => count % 2 !== 0;\n\n    return (\n      (feedbackType === 'positive' &&\n        (isOddClick(this.thumbsUpClickCount) ||\n          (this.feedbackOpened && !isOddClick(this.thumbsUpClickCount)))) ||\n      (feedbackType === 'negative' &&\n        (isOddClick(this.thumbsDownClickCount) ||\n          (this.feedbackOpened && !isOddClick(this.thumbsDownClickCount))))\n    );\n  }\n\n  private _emitToggleEvent(\n    panel: 'sources' | 'feedback',\n    feedbackType?: 'positive' | 'negative'\n  ) {\n    if (panel === 'sources') {\n      this.sourcesOpened = !this.sourcesOpened;\n      this.feedbackOpened = false;\n    } else if (panel === 'feedback') {\n      this.sourcesOpened = false;\n      this._toggleFeedbackPanel(feedbackType);\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('on-toggle', {\n        detail: {\n          sourcesOpened: this.sourcesOpened,\n          feedbackOpened: this.feedbackOpened,\n          selectedFeedbackType: this._selectedFeedbackType,\n        },\n      })\n    );\n  }\n\n  private _toggleFeedbackPanel(feedbackType?: 'positive' | 'negative') {\n    if (!feedbackType) return;\n\n    if (this._selectedFeedbackType === feedbackType && this.feedbackOpened) {\n      this.feedbackOpened = false;\n      this._selectedFeedbackType = null;\n    } else {\n      this.feedbackOpened = true;\n      this._selectedFeedbackType = feedbackType;\n    }\n  }\n\n  protected _handleSlotChange() {\n    this._toggleLimitRevealed(this.limitRevealed);\n  }\n\n  private _toggleLimitRevealed(revealed: boolean) {\n    this.limitRevealed = revealed;\n\n    this._sourceEls.forEach((sourceEl: any, index: any) => {\n      if (this.revealAllSources || this.limitRevealed) {\n        sourceEl.style.display = 'block';\n      } else {\n        if (index < this._limitCount) {\n          sourceEl.style.display = 'block';\n        } else {\n          sourceEl.style.display = 'none';\n        }\n      }\n    });\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n      this.sourcesOriginalText = this._textStrings.sourcesText;\n    }\n  }\n\n  protected override updated(changedProps: any): void {\n    if (\n      changedProps.has('revealAllSources') &&\n      changedProps.get('revealAllSources') !== undefined\n    ) {\n      this._toggleLimitRevealed(false);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', () => this.updateSourcesText());\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', () => this.updateSourcesText());\n    super.disconnectedCallback();\n  }\n\n  private updateSourcesText() {\n    this._textStrings.sourcesText =\n      window.innerWidth > 672\n        ? this.sourcesOriginalText\n        : this.sourcesOriginalText.split(' ')[0];\n    this.requestUpdate();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-ai-sources-feedback': AISourcesFeedback;\n  }\n}\n"],"names":["_defaultTextStrings","sourcesText","foundSources","showMore","showLess","positiveFeedback","negativeFeedback","AISourcesFeedback","LitElement","constructor","this","sourcesOpened","feedbackOpened","sourcesDisabled","feedbackDisabled","revealAllSources","textStrings","closeText","_limitCount","limitRevealed","_textStrings","_selectedFeedbackType","thumbsUpClickCount","thumbsDownClickCount","render","classesSources","classMap","opened","disabled","classesFeedback1","classesFeedback2","html","e","_handleClick","unsafeSVG","chevronIcon","thumbsUpIcon","thumbsUpFilledIcon","thumbsDownIcon","thumbsDownFilledIcon","closeIcon","_sourceEls","length","_handleSlotChange","_toggleLimitRevealed","panel","feedbackType","preventDefault","_a","target","id","includes","_updateFeedbackCounts","_shouldEmitFeedbackEvent","_emitToggleEvent","wasSelected","dispatchEvent","CustomEvent","detail","bubbles","composed","isOddClick","count","_toggleFeedbackPanel","selectedFeedbackType","revealed","forEach","sourceEl","index","style","display","willUpdate","changedProps","has","deepmerge","sourcesOriginalText","updated","undefined","get","connectedCallback","super","window","addEventListener","updateSourcesText","disconnectedCallback","removeEventListener","innerWidth","split","requestUpdate","styles","stylesheet","__decorate","property","type","Boolean","prototype","Object","String","state","queryAssignedElements","slot","customElement"],"mappings":"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"}

package/components/ai/sourcesFeedback/index.js

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

package/components/global/footer/footer.js

@@ -4,6 +4,10 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,o,e}from"../
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }

package/components/global/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../src/components/global/footer/footer.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\nimport FooterScss from './footer.scss';\n\n/**\n * The global Footer component.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event.\n * @slot unnamed - Default slot, for links.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot copyright - Slot for the copyright text.\n */\n@customElement('kyn-footer')\nexport class Footer extends LitElement {\n  static override styles = FooterScss;\n\n  /** URL for the footer logo link. Should target the application home page. */\n  @property({ type: String })\n  rootUrl = '/';\n\n  /** Sets aria label attribute for logo link. */\n  @property({ type: String })\n  logoAriaLabel = '';\n\n  override render() {\n    const classes = {\n      footer: true,\n    };\n\n    return html`\n      <footer class=\"${classMap(classes)}\">\n        <div>\n          <div class=\"footer-links\"><slot></slot></div>\n          <div class=\"copyright\"><slot name=\"copyright\"></slot></div>\n        </div>\n\n        <div class=\"logo-container\">\n          <a\n            href=\"${this.rootUrl}\"\n            class=\"logo-link\"\n            @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n            aria-label=${this.logoAriaLabel}\n          >\n            <slot name=\"logo\">${unsafeHTML(logo)}</slot>\n          </a>\n        </div>\n      </footer>\n    `;\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-footer': Footer;\n  }\n}\n"],"names":["Footer","LitElement","constructor","this","rootUrl","logoAriaLabel","render","html","classMap","footer","e","handleRootLinkClick","unsafeHTML","logo","event","CustomEvent","detail","origEvent","dispatchEvent","styles","FooterScss","__decorate","property","type","String","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAeO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAOC,QAAG,IAIVD,KAAaE,cAAG,EAkCjB,CAhCU,MAAAC,GAKP,OAAOC,CAAI;uBACQC,EALH,CACdC,QAAQ;;;;;;;;oBAYMN,KAAKC;;sBAEFM,GAAaP,KAAKQ,oBAAoBD;yBACpCP,KAAKE;;gCAEEO,EAAWC;;;;KAKxC,CAEO,mBAAAF,CAAoBD,GAC1B,MAAMI,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAWP,KAEvBP,KAAKe,cAAcJ,EACpB,GAzCed,EAAMmB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxB,EAAAyB,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACCxB,EAAAyB,UAAA,qBAAA,GATRzB,EAAMqB,EAAA,CADlBK,EAAc,eACF1B"}
+{"version":3,"file":"footer.js","sources":["../../../../src/components/global/footer/footer.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\nimport FooterScss from './footer.scss';\n\n/**\n * The global Footer component.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event.\n * @slot unnamed - Default slot, for links.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot copyright - Slot for the copyright text.\n */\n@customElement('kyn-footer')\nexport class Footer extends LitElement {\n  static override styles = FooterScss;\n\n  /** URL for the footer logo link. Should target the application home page. */\n  @property({ type: String })\n  rootUrl = '/';\n\n  /** Sets aria label attribute for logo link. */\n  @property({ type: String })\n  logoAriaLabel = '';\n\n  override render() {\n    const classes = {\n      footer: true,\n    };\n\n    return html`\n      <footer class=\"${classMap(classes)}\">\n        <div>\n          <div class=\"footer-links\"><slot></slot></div>\n          <div class=\"copyright\"><slot name=\"copyright\"></slot></div>\n        </div>\n\n        <div class=\"logo-container\">\n          <a\n            href=\"${this.rootUrl}\"\n            class=\"logo-link\"\n            @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n            aria-label=${this.logoAriaLabel}\n          >\n            <slot name=\"logo\">${unsafeHTML(logo)}</slot>\n          </a>\n        </div>\n      </footer>\n    `;\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-footer': Footer;\n  }\n}\n"],"names":["Footer","LitElement","constructor","this","rootUrl","logoAriaLabel","render","html","classMap","footer","e","handleRootLinkClick","unsafeHTML","logo","event","CustomEvent","detail","origEvent","dispatchEvent","styles","FooterScss","__decorate","property","type","String","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAeO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAOC,QAAG,IAIVD,KAAaE,cAAG,EAkCjB,CAhCU,MAAAC,GAKP,OAAOC,CAAI;uBACQC,EALH,CACdC,QAAQ;;;;;;;;oBAYMN,KAAKC;;sBAEFM,GAAaP,KAAKQ,oBAAoBD;yBACpCP,KAAKE;;gCAEEO,EAAWC;;;;KAKxC,CAEO,mBAAAF,CAAoBD,GAC1B,MAAMI,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAWP,KAEvBP,KAAKe,cAAcJ,EACpB,GAzCed,EAAMmB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxB,EAAAyB,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACCxB,EAAAyB,UAAA,qBAAA,GATRzB,EAAMqB,EAAA,CADlBK,EAAc,eACF1B"}

package/components/global/header/header.js

@@ -4,6 +4,10 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,l as o,t as
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }

package/components/global/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HeaderScss from './header.scss';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details.\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = HeaderScss;\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  _flyoutsOpen = false;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n\n          <span class=\"title\">${this.appTitle}</span>\n        </a>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </header>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.addEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.removeEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","LitElement","constructor","this","rootUrl","appTitle","_navOpen","_flyoutsOpen","render","classes","header","leftEls","length","html","classMap","handleSlotChange","e","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","_handleNavToggle","open","_handleFlyoutsToggle","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","styles","HeaderScss","__decorate","property","type","String","prototype","queryAssignedElements","selector","slot","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAOC,QAAG,IAIVD,KAAQE,SAAG,GAwBXF,KAAQG,UAAG,EAMXH,KAAYI,cAAG,CA0EhB,CAxEU,MAAAC,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,eAAgBP,KAAKQ,QAAQC,OAC7B,aAAcT,KAAKG,UAAYH,KAAKI,cAGtC,OAAOM,CAAI;uBACQC,EAASL;wCACQN,KAAKY;;;kBAG3BZ,KAAKC;;oBAEFY,GAAab,KAAKc,oBAAoBD;;0CAEjBb,KAAKY;cACjCG,EAAWC;;;gCAGOhB,KAAKE;;;;;;8BAMPF,KAAKY;;;KAIhC,CAEO,gBAAAA,GACNZ,KAAKiB,eACN,CAEO,mBAAAH,CAAoBD,GAC1B,MAAMK,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAWR,KAEvBb,KAAKsB,cAAcJ,EACpB,CAEO,gBAAAK,CAAiBV,GACvBb,KAAKG,SAAWU,EAAEO,OAAOI,IAC1B,CAEO,oBAAAC,CAAqBZ,GAC3Bb,KAAKI,aAAeS,EAAEO,OAAOI,IAC9B,CAEQ,iBAAAE,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,iBAAkBhB,GAC1Cb,KAAKuB,iBAAiBV,KAExBe,SAASC,iBAAiB,qBAAsBhB,GAC9Cb,KAAKyB,qBAAqBZ,IAE7B,CAEQ,oBAAAiB,GACPF,SAASG,oBAAoB,iBAAkBlB,GAC7Cb,KAAKuB,iBAAiBV,KAExBe,SAASG,oBAAoB,qBAAsBlB,GACjDb,KAAKyB,qBAAqBZ,KAG5Bc,MAAMG,sBACP,GA/GejC,EAAMmC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxC,EAAAyC,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxC,EAAAyC,UAAA,gBAAA,GAMdJ,EAAA,CADCK,EAAsB,CAAEC,SAAU,oBACtB3C,EAAAyC,UAAA,cAAA,GAMbJ,EAAA,CADCK,KACsB1C,EAAAyC,UAAA,wBAAA,GAMvBJ,EAAA,CADCK,EAAsB,CAAEE,KAAM,UACjB5C,EAAAyC,UAAA,eAAA,GAMdJ,EAAA,CADCQ,KACgB7C,EAAAyC,UAAA,gBAAA,GAMjBJ,EAAA,CADCQ,KACoB7C,EAAAyC,UAAA,oBAAA,GAvCVzC,EAAMqC,EAAA,CADlBS,EAAc,eACF9C"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport HeaderScss from './header.scss';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details.\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = HeaderScss;\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  _flyoutsOpen = false;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n\n          <span class=\"title\">${this.appTitle}</span>\n        </a>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </header>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.addEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('on-nav-toggle', (e: Event) =>\n      this._handleNavToggle(e)\n    );\n    document.removeEventListener('on-flyouts-toggle', (e: Event) =>\n      this._handleFlyoutsToggle(e)\n    );\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","LitElement","constructor","this","rootUrl","appTitle","_navOpen","_flyoutsOpen","render","classes","header","leftEls","length","html","classMap","handleSlotChange","e","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","_handleNavToggle","open","_handleFlyoutsToggle","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","styles","HeaderScss","__decorate","property","type","String","prototype","queryAssignedElements","selector","slot","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAOC,QAAG,IAIVD,KAAQE,SAAG,GAwBXF,KAAQG,UAAG,EAMXH,KAAYI,cAAG,CA0EhB,CAxEU,MAAAC,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,eAAgBP,KAAKQ,QAAQC,OAC7B,aAAcT,KAAKG,UAAYH,KAAKI,cAGtC,OAAOM,CAAI;uBACQC,EAASL;wCACQN,KAAKY;;;kBAG3BZ,KAAKC;;oBAEFY,GAAab,KAAKc,oBAAoBD;;0CAEjBb,KAAKY;cACjCG,EAAWC;;;gCAGOhB,KAAKE;;;;;;8BAMPF,KAAKY;;;KAIhC,CAEO,gBAAAA,GACNZ,KAAKiB,eACN,CAEO,mBAAAH,CAAoBD,GAC1B,MAAMK,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAWR,KAEvBb,KAAKsB,cAAcJ,EACpB,CAEO,gBAAAK,CAAiBV,GACvBb,KAAKG,SAAWU,EAAEO,OAAOI,IAC1B,CAEO,oBAAAC,CAAqBZ,GAC3Bb,KAAKI,aAAeS,EAAEO,OAAOI,IAC9B,CAEQ,iBAAAE,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,iBAAkBhB,GAC1Cb,KAAKuB,iBAAiBV,KAExBe,SAASC,iBAAiB,qBAAsBhB,GAC9Cb,KAAKyB,qBAAqBZ,IAE7B,CAEQ,oBAAAiB,GACPF,SAASG,oBAAoB,iBAAkBlB,GAC7Cb,KAAKuB,iBAAiBV,KAExBe,SAASG,oBAAoB,qBAAsBlB,GACjDb,KAAKyB,qBAAqBZ,KAG5Bc,MAAMG,sBACP,GA/GejC,EAAMmC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxC,EAAAyC,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJxC,EAAAyC,UAAA,gBAAA,GAMdJ,EAAA,CADCK,EAAsB,CAAEC,SAAU,oBACtB3C,EAAAyC,UAAA,cAAA,GAMbJ,EAAA,CADCK,KACsB1C,EAAAyC,UAAA,wBAAA,GAMvBJ,EAAA,CADCK,EAAsB,CAAEE,KAAM,UACjB5C,EAAAyC,UAAA,eAAA,GAMdJ,EAAA,CADCQ,KACgB7C,EAAAyC,UAAA,gBAAA,GAMjBJ,EAAA,CADCQ,KACoB7C,EAAAyC,UAAA,oBAAA,GAvCVzC,EAAMqC,EAAA,CADlBS,EAAc,eACF9C"}

package/components/global/header/headerCategory.js

@@ -4,6 +4,10 @@ import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,e}from"../..
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }

package/components/global/header/headerCategory.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCategory.js","sources":["../../../../src/components/global/header/headerCategory.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport HeaderCategoryScss from './headerCategory.scss';\n\n/**\n * Header link category\n * @slot unnamed - Slot for links.\n */\n@customElement('kyn-header-category')\nexport class HeaderCategory extends LitElement {\n  static override styles = HeaderCategoryScss;\n\n  /** Link url. */\n  @property({ type: String })\n  heading = '';\n\n  override render() {\n    return html`\n      <div class=\"category\">\n        <div class=\"heading\">${this.heading}</div>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-category': HeaderCategory;\n  }\n}\n"],"names":["HeaderCategory","LitElement","constructor","this","heading","render","html","styles","HeaderCategoryScss","__decorate","property","type","String","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GASO,IAAMA,EAAN,cAA6BC,EAA7B,WAAAC,uBAKLC,KAAOC,QAAG,EAUX,CARU,MAAAC,GACP,OAAOC,CAAI;;+BAEgBH,KAAKC;;;KAIjC,GAbeJ,EAAMO,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLZ,EAAAa,UAAA,eAAA,GALFb,EAAcS,EAAA,CAD1BK,EAAc,wBACFd"}
+{"version":3,"file":"headerCategory.js","sources":["../../../../src/components/global/header/headerCategory.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport HeaderCategoryScss from './headerCategory.scss';\n\n/**\n * Header link category\n * @slot unnamed - Slot for links.\n */\n@customElement('kyn-header-category')\nexport class HeaderCategory extends LitElement {\n  static override styles = HeaderCategoryScss;\n\n  /** Link url. */\n  @property({ type: String })\n  heading = '';\n\n  override render() {\n    return html`\n      <div class=\"category\">\n        <div class=\"heading\">${this.heading}</div>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-category': HeaderCategory;\n  }\n}\n"],"names":["HeaderCategory","LitElement","constructor","this","heading","render","html","styles","HeaderCategoryScss","__decorate","property","type","String","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GASO,IAAMA,EAAN,cAA6BC,EAA7B,WAAAC,uBAKLC,KAAOC,QAAG,EAUX,CARU,MAAAC,GACP,OAAOC,CAAI;;+BAEgBH,KAAKC;;;KAIjC,GAbeJ,EAAMO,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLZ,EAAAa,UAAA,eAAA,GALFb,EAAcS,EAAA,CAD1BK,EAAc,wBACFd"}

package/components/global/header/headerDivider.js

@@ -1,9 +1,13 @@
-import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{e}from"../../../vendor/lit-446874c7.js";import{i as o,s as t,x as n}from"../../../vendor/lit-element-c6c02f24.js";var d=o`*,
+import{_ as r}from"../../../vendor/tslib-53a81efe.js";import{e}from"../../../vendor/lit-446874c7.js";import{i as o,s as t,x as i}from"../../../vendor/lit-element-c6c02f24.js";var n=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :host {
   display: block;
 }
@@ -15,5 +19,5 @@ hr {
   width: 100%;
   height: 1px;
   background: var(--kd-color-border-variants-light);
-}`;let i=class extends t{render(){return n` <hr /> `}};i.styles=d,i=r([e("kyn-header-divider")],i);export{i as HeaderDivider};
+}`;let d=class extends t{render(){return i` <hr /> `}};d.styles=n,d=r([e("kyn-header-divider")],d);export{d as HeaderDivider};
 //# sourceMappingURL=headerDivider.js.map

package/components/global/header/headerDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerDivider.js","sources":["../../../../src/components/global/header/headerDivider.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport HeaderDividerScss from './headerDivider.scss';\n\n/**\n * Header divider\n */\n@customElement('kyn-header-divider')\nexport class HeaderDivider extends LitElement {\n  static override styles = HeaderDividerScss;\n\n  override render() {\n    return html` <hr /> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-divider': HeaderDivider;\n  }\n}\n"],"names":["HeaderDivider","LitElement","render","html","styles","HeaderDividerScss","__decorate","customElement"],"mappings":";;;;;;;;;;;;;;;;;GAQO,IAAMA,EAAN,cAA4BC,EAGxB,MAAAC,GACP,OAAOC,CAAI,UACZ,GAJeH,EAAMI,OAAGC,EADdL,EAAaM,EAAA,CADzBC,EAAc,uBACFP"}
+{"version":3,"file":"headerDivider.js","sources":["../../../../src/components/global/header/headerDivider.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport HeaderDividerScss from './headerDivider.scss';\n\n/**\n * Header divider\n */\n@customElement('kyn-header-divider')\nexport class HeaderDivider extends LitElement {\n  static override styles = HeaderDividerScss;\n\n  override render() {\n    return html` <hr /> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-divider': HeaderDivider;\n  }\n}\n"],"names":["HeaderDivider","LitElement","render","html","styles","HeaderDividerScss","__decorate","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAQO,IAAMA,EAAN,cAA4BC,EAGxB,MAAAC,GACP,OAAOC,CAAI,UACZ,GAJeH,EAAMI,OAAGC,EADdL,EAAaM,EAAA,CADzBC,EAAc,uBACFP"}

package/components/global/header/headerFlyout.js

@@ -1,9 +1,13 @@
-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-446874c7.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{b as s,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-a6eca21f.js";var h=a`*,
+import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../../vendor/lit-html-29220869.js";import{n as i,l as o,o as r,e as n}from"../../../vendor/lit-446874c7.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import{b as s,d as c}from"../../../vendor/@kyndryl-design-system/shidoka-icons-a6eca21f.js";var h=a`*,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 :root {
   --kd-current-breakpoint: sm;
 }
@@ -357,7 +361,7 @@ import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../.
     display: none;
   }
 }`;let m=class extends l{constructor(){super(...arguments),this.open=!1,this.anchorLeft=!1,this.hideArrow=!1,this.label="",this.hideMenuLabel=!1,this.hideButtonLabel=!1,this.assistiveText="",this.href="",this.backText="Back"}render(){const t={menu:!0,open:this.open},i={menu__content:!0,"menu__content--left":this.anchorLeft,slotted:this.slottedElements.length};return d`
-      <div class="${n(t)}">
+      <div class="${r(t)}">
         ${""!==this.href?d`
               <a
                 class="btn interactive"
@@ -399,7 +403,7 @@ import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../.
               </button>
             `}
 
-        <div class=${n(i)}>
+        <div class=${r(i)}>
           <button class="go-back" @click=${()=>this._handleBack()}>
             <span>${e(c)}</span>
             ${this.backText}
@@ -415,5 +419,5 @@ import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../.
         </div>
       </div>
       <div class="overlay" @click=${this._handleOverlayClick}></div>
-    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}_handleOverlayClick(){this.open=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t)))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),super.disconnectedCallback()}};m.styles=h,t([i({type:Boolean})],m.prototype,"open",void 0),t([i({type:Boolean})],m.prototype,"anchorLeft",void 0),t([i({type:Boolean})],m.prototype,"hideArrow",void 0),t([i({type:String})],m.prototype,"label",void 0),t([i({type:Boolean})],m.prototype,"hideMenuLabel",void 0),t([i({type:Boolean})],m.prototype,"hideButtonLabel",void 0),t([i({type:String})],m.prototype,"assistiveText",void 0),t([i({type:String})],m.prototype,"href",void 0),t([i({type:String})],m.prototype,"backText",void 0),t([o()],m.prototype,"slottedElements",void 0),m=t([r("kyn-header-flyout")],m);export{m as HeaderFlyout};
+    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}_handleOverlayClick(){this.open=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t)))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),super.disconnectedCallback()}};m.styles=h,t([i({type:Boolean})],m.prototype,"open",void 0),t([i({type:Boolean})],m.prototype,"anchorLeft",void 0),t([i({type:Boolean})],m.prototype,"hideArrow",void 0),t([i({type:String})],m.prototype,"label",void 0),t([i({type:Boolean})],m.prototype,"hideMenuLabel",void 0),t([i({type:Boolean})],m.prototype,"hideButtonLabel",void 0),t([i({type:String})],m.prototype,"assistiveText",void 0),t([i({type:String})],m.prototype,"href",void 0),t([i({type:String})],m.prototype,"backText",void 0),t([o()],m.prototype,"slottedElements",void 0),m=t([n("kyn-header-flyout")],m);export{m as HeaderFlyout};
 //# sourceMappingURL=headerFlyout.js.map