@kyndryl-design-system/shidoka-applications 2.69.7 → 2.69.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/helpers/flatpickr.js +1 -1
- package/common/helpers/flatpickr.js.map +1 -1
- package/components/ai/aiLaunchButton/aiLaunchButton.js +1 -1
- package/components/ai/aiLaunchButton/aiLaunchButton.js.map +1 -1
- package/components/reusable/datePicker/datepicker.js +1 -1
- package/components/reusable/datePicker/index.js +1 -1
- package/components/reusable/daterangepicker/daterangepicker.js +1 -1
- package/components/reusable/daterangepicker/index.js +1 -1
- package/components/reusable/loaders/inline.js +1 -1
- package/components/reusable/loaders/inline.js.map +1 -1
- package/components/reusable/loaders/loader.js +1 -1
- package/components/reusable/loaders/loader.js.map +1 -1
- package/components/reusable/loaders/spinner.js +1 -1
- package/components/reusable/loaders/spinner.js.map +1 -1
- package/components/reusable/timepicker/index.js +1 -1
- package/components/reusable/timepicker/timepicker.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"flatpickr";import t from"flatpickr/dist/plugins/rangePlugin";import n from"flatpickr/dist/esm/l10n/default.js";import{loadLocale as a}from"../flatpickrLangs.js";import{fixedOverlayPositionPlugin as i}from"./flatpickrOverlayPosition.js";let r=!1;const l={lockedStartDate:"Start date is locked",lockedEndDate:"End date is locked",dateLocked:"Date is locked",dateNotAvailable:"Date is not available",dateInSelectedRange:"Date is in selected range"};let o={...l};function s(e={}){o={...l,...e}}function d(e={}){return{...o,...e}}const c={"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 —— : —— ——","Y-m-d H:i:S":"yyyy-mm-dd —— : —— ——","m-d-Y H:i:s":"mm-dd-yyyy —— : —— ——","m-d-Y H:i:S":"mm-dd-yyyy —— : —— ——","d-m-Y H:i:s":"dd-mm-yyyy —— : —— ——","d-m-Y H:i:S":"dd-mm-yyyy —— : —— ——"};function u(e,t){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),t(!1)}function m(e){e(!0)}function p(e,t,n){e||(t(),n(!0))}function f(e){var t;(null===(t=e.weekdays)||void 0===t?void 0:t.shorthand)&&(e.weekdays.shorthand=e.weekdays.shorthand.map((e=>e.charAt(0))))}function y(e){if(!r){const t=document.createElement("style");t.id="flatpickr-custom-styles",t.textContent=e,document.head.appendChild(t),r=!0}}async function b(n){const{inputEl:a,endinputEl:i,getFlatpickrOptions:r,setCalendarAttributes:l,setInitialDates:o}=n;if(a)try{const n=await r(),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}},d=s(a);if(i){const e=s(i);n.plugins=[...n.plugins||[],t({input:e})]}const c=e(d,n);return c?(setTimeout((()=>{l&&l(c)}),0),o&&o(c),a instanceof HTMLInputElement||a.addEventListener("click",(()=>{c.open()})),!i||i instanceof HTMLInputElement||i.addEventListener("click",(()=>{c.open()})),c):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 k(t){const{inputEl:n,getFlatpickrOptions:a,setCalendarAttributes:i,setInitialDates:r,appendTo:l}=t;if(n)try{const t=await a(),o=t.dateFormat||("time"===t.mode?"H:i":"Y-m-d");let s;if(t.dateFormat=o,n instanceof HTMLInputElement)s=n,t.clickOpens=!0;else try{s=document.createElement("input"),s.type="text",s.style.display="none";const e=l||n;if(!e)throw new Error("No valid element to append input to");e.appendChild(s),t.clickOpens=!1,t.positionElement=n}catch(e){throw console.error("Error creating input element:",e),e}const d=e(s,t);return d?(setTimeout((()=>{i&&i(d)}),0),r&&r(d),n instanceof HTMLInputElement||n.addEventListener("click",(()=>d.open())),d):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 g(e){return e in c}function A(e,t){if(!e)return t?"yyyy-mm-dd to yyyy-mm-dd":"yyyy-mm-dd";if(g(e)){return t?`${c[e]} to ${c[e]}`:c[e]}return"Select date"}function w(e){return a(e)}function v(e){let t=e;for(;t;)if(t instanceof ShadowRoot)t=t.host;else{if(!(t instanceof Element))break;{const e=t.tagName.toLowerCase();if("kyn-modal"===e||"kyn-side-drawer"===e)return t;t=t.parentNode}}return document.body}async function h(t){var a;if(!t)return console.error("Context is required for getFlatpickrOptions"),{};const{locale:r,dateFormat:l,enableTime:o,twentyFourHourFormat:s,inputEl:d,allowInput:c,minDate:u,maxDate:m,minTime:p,maxTime:y,defaultDate:b,defaultHour:k,defaultMinute:g,enable:A,disable:w,mode:h="single",closeOnSelect:D,wrap:E=!1,noCalendar:T=!1,appendTo:L,onChange:N,onClose:S,onOpen:C,loadLocale:x}=t;let Y;r||console.warn("Locale not provided. Falling back to default."),l||console.warn("Date format not provided. Using default format.");try{Y=await x(r),f(Y)}catch(e){console.warn("Error loading locale, falling back to default:",e),Y=n}const H=r.split("-")[0].toLowerCase(),F=["en","es"].includes(H),I="undefined"!=typeof window&&window.innerWidth>=767,M=l||("time"===h?s?"H:i":"h:i K":"Y-m-d"),O=v(t.inputEl),q=O!==document.body,R={dateFormat:M,mode:"time"===h?"single":h,enableTime:"time"===h||o,noCalendar:"time"===h||T,defaultDate:b,enableSeconds:M.toLowerCase().includes(":s"),allowInput:c||!1,clickOpens:!0,time_24hr:"boolean"==typeof s?s:!F,weekNumbers:!1,static:null!==(a=t.static)&&void 0!==a&&a,wrap:E,showMonths:"range"===h&&I?2:1,monthSelectorType:"static",locale:Y,closeOnSelect:null!=D?D:!("multiple"===h||o),onChange:(e,t,n)=>{N&&N(e,t,n)},onClose:(e,t,n)=>{if("range"===h&&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"))}S&&S(e,t,n)},onOpen:(e,t,n)=>{C&&C(e,t,n)}};if(q&&(R.appendTo=O,R.static=!1,(R.plugins||(R.plugins=[])).push(i({offset:6,minViewportMargin:8,preferTop:!1}))),"range"===h&&(R.onReady=(e,t,n)=>{if(n.calendarContainer){const e=n.calendarContainer.querySelector(".flatpickr-time");null==e||e.classList.add("default-time-select")}}),d instanceof HTMLInputElement||(R.positionElement=d),u&&(R.minDate=u),m&&(R.maxDate=m),p&&(R.minTime=p),y&&(R.maxTime=y),b)if(!Array.isArray(b)||"range"!==h&&"multiple"!==h){if(!Array.isArray(b)&&"string"==typeof b){let e=null;switch(M){case"Y-m-d":{const[t,n,a]=b.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]=b.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]=b.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(a,t-1,n,12);break}default:e=new Date(b)}R.defaultDate=e||b}}else R.defaultDate=b;return null!=k&&(R.defaultHour=k),null!=g&&(R.defaultMinute=g),A&&A.length>0&&(R.enable=A),w&&w.length>0&&(R.disable=w.map((t=>{if(t instanceof Date)return t;if("number"==typeof t)return new Date(t);if("string"==typeof t){return e.parseDate(t,M)||t}return t}))),L&&(R.appendTo=L),R}function D(e){const t=e||"";return t.includes("H:")||t.includes("h:")||t.toLowerCase().includes(":s")}function E(e,t=!1){if(!e||!e.config)return;const n=e.calendarContainer;if(!n)return;const{minDate:a,maxDate:i}=e.config;if(a&&i){new Date(a).getFullYear()===new Date(i).getFullYear()?n.classList.add("single-year"):n.classList.remove("single-year")}requestAnimationFrame((()=>{if(!e||!e.config)return;const a=e.config.mode;n.setAttribute("role","application"),n.setAttribute("aria-label","Calendar"),n.classList.remove("container-modal","container-body","container-default"),n.classList.add(t?"container-modal":"container-default");const i=n.querySelector(".flatpickr-months");null==i||i.setAttribute("tabindex","0"),null==i||i.setAttribute("role","group"),null==i||i.setAttribute("aria-label","Month and year navigation");const r=n.querySelector(".flatpickr-prev-month");null==r||r.setAttribute("tabindex","0"),null==r||r.setAttribute("role","button"),null==r||r.setAttribute("aria-label","Previous month"),null==r||r.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e.changeMonth(-1))}));const l=n.querySelector(".flatpickr-next-month");null==l||l.setAttribute("tabindex","0"),null==l||l.setAttribute("role","button"),null==l||l.setAttribute("aria-label","Next month"),null==l||l.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e.changeMonth(1))}));const o=n.querySelector(".flatpickr-month"),s=null==o?void 0:o.querySelector("input.numInput.cur-year");if(s){s.tabIndex=0,s.setAttribute("role","spinbutton"),s.setAttribute("aria-label","Year"),e.config.minDate&&s.setAttribute("aria-valuemin",String(new Date(e.config.minDate).getFullYear())),e.config.maxDate&&s.setAttribute("aria-valuemax",String(new Date(e.config.maxDate).getFullYear()));const t=()=>s.setAttribute("aria-valuenow",s.value);s.addEventListener("keydown",(n=>{"ArrowUp"===n.key&&(n.preventDefault(),e.changeYear(1),setTimeout(t,0)),"ArrowDown"===n.key&&(n.preventDefault(),e.changeYear(-1),setTimeout(t,0))})),setTimeout(t,0)}const d=n.querySelector(".flatpickr-days");null==d||d.removeAttribute("tabindex"),null==d||d.setAttribute("role","grid"),null==d||d.setAttribute("aria-multiselectable","multiple"===a?"true":"false");const c=Array.from(n.querySelectorAll(".flatpickr-day:not(.flatpickr-disabled)"));c.forEach((e=>{e.tabIndex=0,e.setAttribute("role","range"===a?"gridcell":"button")}));const u=n._keyboardNav;u&&n.removeEventListener("keydown",u);const m=e=>{const t=e.target.closest(".flatpickr-day:not(.flatpickr-disabled)");if(t)switch(e.key){case"Enter":case" ":return e.preventDefault(),void t.click();case"ArrowRight":case"ArrowLeft":case"ArrowDown":case"ArrowUp":{e.preventDefault();const n=c.indexOf(t);let a;switch(e.key){case"ArrowRight":a=n+1;break;case"ArrowLeft":a=n-1;break;case"ArrowDown":a=n+7;break;case"ArrowUp":a=n-7;break;default:return}const i=c[a];return void(i&&i.focus())}}};n.addEventListener("keydown",m),n._keyboardNav=m;const p=n.querySelector("input.flatpickr-hour");p&&(p.tabIndex=0,p.setAttribute("role","spinbutton"),p.setAttribute("aria-label","Hour"),p.setAttribute("aria-valuemin",p.min),p.setAttribute("aria-valuemax",p.max),p.setAttribute("aria-valuenow",p.value),p.addEventListener("keydown",(e=>{"ArrowUp"===e.key&&(e.preventDefault(),p.stepUp()),"ArrowDown"===e.key&&(e.preventDefault(),p.stepDown()),setTimeout((()=>p.setAttribute("aria-valuenow",p.value)),0)})));const f=n.querySelector("input.flatpickr-minute");f&&(f.tabIndex=0,f.setAttribute("role","spinbutton"),f.setAttribute("aria-label","Minute"),f.setAttribute("aria-valuemin",f.min),f.setAttribute("aria-valuemax",f.max),f.setAttribute("aria-valuenow",f.value),f.addEventListener("keydown",(e=>{"ArrowUp"===e.key&&(e.preventDefault(),f.stepUp()),"ArrowDown"===e.key&&(e.preventDefault(),f.stepDown()),setTimeout((()=>f.setAttribute("aria-valuenow",f.value)),0)})));const y=n.querySelector(".flatpickr-am-pm");y&&(y.tabIndex=0,y.setAttribute("role","button"),y.setAttribute("aria-label","Toggle AM/PM"),y.addEventListener("keydown",(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),y.click())})))}))}function T(){document.querySelectorAll(".numInputWrapper").forEach((e=>{const t=e.querySelector(".numInput.cur-year");t&&(e.style.display="",t.style.display="",t.disabled=!1,t.hasAttribute("tabindex")||(t.tabIndex=0))}))}function L(e,t,n,a,i,r){if(!e)return console.warn("Input element is undefined..."),{isValid:!0,validationMessage:""};const l=!e.value.trim(),o=t;let s=e.validity,d=e.validationMessage;o&&l&&(s={...s,valueMissing:!0},d=a),n&&(s={...s,customError:!0},d=n),r.setValidity(s,d,e);return{isValid:!n&&(!i||!l||l&&!o),validationMessage:d}}function N(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}async function S(e,t,n){e&&e.clear(),t&&(t.value=""),n&&await n()}var C;function x(e,t){return(n,a,i,r)=>{const l=r.dateObj;e===C.END&&null!==t[0]?l.getTime()<=t[0].getTime()&&(l.getTime()===t[0].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateNotAvailable),r.setAttribute("locked","start"),r.setAttribute("aria-disabled","true")):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().lockedStartDate))):e===C.START&&null!==t[1]?l.getTime()>=t[1].getTime()&&(l.getTime()===t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().lockedEndDate),r.setAttribute("locked","end"),r.setAttribute("aria-disabled","true")):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().dateNotAvailable))):e===C.NONE&&null!==t[0]&&null!==t[1]&&(l.getTime()===t[0].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateLocked),r.setAttribute("locked","start"),r.setAttribute("aria-disabled","true")):l.getTime()===t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateLocked),r.setAttribute("locked","end"),r.setAttribute("aria-disabled","true")):l.getTime()>t[0].getTime()&&l.getTime()<t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateInSelectedRange)):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().dateNotAvailable))),r.classList.contains("flatpickr-disabled")&&!r.classList.contains("flatpickr-locked-date")&&r.classList.add("flatpickr-locked-date")}}function Y(e,t,n){return(a,i,r)=>{let l=null,o=null;if(e===C.END&&null!==t[0]&&(l=t[0]),e===C.START&&null!==t[1]&&(o=t[1]),e!==C.NONE||null===t[0]||null===t[1])if(null!==t[0]||null!==t[1]){if(e===C.END&&null!==l){let e=!1;const t=[...a];if(2===a.length&&a[0].getTime()!==l.getTime()?(t[0]=l,e=!0):1===a.length&&(t.splice(0,0,l),e=!0),e)return r.setDate(t,!1),void H(n,t,r.input.value,r)}if(e===C.START&&null!==o){let e=!1;const t=[...a];if(2===a.length&&a[1].getTime()!==o.getTime()?(t[1]=o,e=!0):1===a.length&&(t.push(o),e=!0),e)return r.setDate(t,!1),void H(n,t,r.input.value,r)}H(n,a,i,r)}else H(n,a,i,r);else r.setDate([t[0],t[1]],!1)}}function H(e,t,n,a){try{"function"==typeof e?e(t,n,a):Array.isArray(e)&&e.forEach((e=>{if("function"==typeof e)try{e(t,n,a)}catch(e){console.warn("Error in onChange hook:",e)}}))}catch(e){console.warn("Error calling original onChange handler:",e)}}function F(e,t,n,a){a&&s(a);const i={...e};if(t===C.BOTH)return i;const r=i.onChange;i.clickOpens=!0;try{i.onDayCreate=x(t,n),i.onChange=Y(t,n,r||(()=>{}))}catch(e){console.warn("Error setting up date range editing restrictions:",e)}return i}!function(e){e.BOTH="both",e.START="start",e.END="end",e.NONE="none"}(C||(C={}));export{C as DateRangeEditableMode,l as _defaultCalendarTooltipStrings,F as applyDateRangeEditingRestrictions,S as clearFlatpickrInput,Y as createDateRangeChangeLockHandler,x as createDateRangeDayLockHandler,N as emitValue,h as getFlatpickrOptions,v as getModalContainer,A as getPlaceholder,d as getTextStrings,m as handleInputClick,p as handleInputFocus,T as hideEmptyYear,b as initializeMultiAnchorFlatpickr,k as initializeSingleAnchorFlatpickr,y as injectFlatpickrStyles,g as isValidDateFormat,w as loadLocale,f as modifyWeekdayShorthands,u as preventFlatpickrOpen,E as setCalendarAttributes,s as setTooltipStrings,D as updateEnableTime,L as validate};
|
|
1
|
+
import e from"flatpickr";import t from"flatpickr/dist/esm/plugins/rangePlugin";import n from"flatpickr/dist/esm/l10n/default.js";import{loadLocale as a}from"../flatpickrLangs.js";import{fixedOverlayPositionPlugin as i}from"./flatpickrOverlayPosition.js";let r=!1;const l={lockedStartDate:"Start date is locked",lockedEndDate:"End date is locked",dateLocked:"Date is locked",dateNotAvailable:"Date is not available",dateInSelectedRange:"Date is in selected range"};let o={...l};function s(e={}){o={...l,...e}}function d(e={}){return{...o,...e}}const c={"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 —— : —— ——","Y-m-d H:i:S":"yyyy-mm-dd —— : —— ——","m-d-Y H:i:s":"mm-dd-yyyy —— : —— ——","m-d-Y H:i:S":"mm-dd-yyyy —— : —— ——","d-m-Y H:i:s":"dd-mm-yyyy —— : —— ——","d-m-Y H:i:S":"dd-mm-yyyy —— : —— ——"};function u(e,t){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),t(!1)}function m(e){e(!0)}function p(e,t,n){e||(t(),n(!0))}function f(e){var t;(null===(t=e.weekdays)||void 0===t?void 0:t.shorthand)&&(e.weekdays.shorthand=e.weekdays.shorthand.map((e=>e.charAt(0))))}function y(e){if(!r){const t=document.createElement("style");t.id="flatpickr-custom-styles",t.textContent=e,document.head.appendChild(t),r=!0}}async function b(n){const{inputEl:a,endinputEl:i,getFlatpickrOptions:r,setCalendarAttributes:l,setInitialDates:o}=n;if(a)try{const n=await r(),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}},d=s(a);if(i){const e=s(i);n.plugins=[...n.plugins||[],t({input:e})]}const c=e(d,n);return c?(setTimeout((()=>{l&&l(c)}),0),o&&o(c),a instanceof HTMLInputElement||a.addEventListener("click",(()=>{c.open()})),!i||i instanceof HTMLInputElement||i.addEventListener("click",(()=>{c.open()})),c):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 k(t){const{inputEl:n,getFlatpickrOptions:a,setCalendarAttributes:i,setInitialDates:r,appendTo:l}=t;if(n)try{const t=await a(),o=t.dateFormat||("time"===t.mode?"H:i":"Y-m-d");let s;if(t.dateFormat=o,n instanceof HTMLInputElement)s=n,t.clickOpens=!0;else try{s=document.createElement("input"),s.type="text",s.style.display="none";const e=l||n;if(!e)throw new Error("No valid element to append input to");e.appendChild(s),t.clickOpens=!1,t.positionElement=n}catch(e){throw console.error("Error creating input element:",e),e}const d=e(s,t);return d?(setTimeout((()=>{i&&i(d)}),0),r&&r(d),n instanceof HTMLInputElement||n.addEventListener("click",(()=>d.open())),d):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 g(e){return e in c}function A(e,t){if(!e)return t?"yyyy-mm-dd to yyyy-mm-dd":"yyyy-mm-dd";if(g(e)){return t?`${c[e]} to ${c[e]}`:c[e]}return"Select date"}function w(e){return a(e)}function v(e){let t=e;for(;t;)if(t instanceof ShadowRoot)t=t.host;else{if(!(t instanceof Element))break;{const e=t.tagName.toLowerCase();if("kyn-modal"===e||"kyn-side-drawer"===e)return t;t=t.parentNode}}return document.body}async function h(t){var a;if(!t)return console.error("Context is required for getFlatpickrOptions"),{};const{locale:r,dateFormat:l,enableTime:o,twentyFourHourFormat:s,inputEl:d,allowInput:c,minDate:u,maxDate:m,minTime:p,maxTime:y,defaultDate:b,defaultHour:k,defaultMinute:g,enable:A,disable:w,mode:h="single",closeOnSelect:D,wrap:E=!1,noCalendar:T=!1,appendTo:L,onChange:N,onClose:S,onOpen:C,loadLocale:x}=t;let Y;r||console.warn("Locale not provided. Falling back to default."),l||console.warn("Date format not provided. Using default format.");try{Y=await x(r),f(Y)}catch(e){console.warn("Error loading locale, falling back to default:",e),Y=n}const H=r.split("-")[0].toLowerCase(),F=["en","es"].includes(H),I="undefined"!=typeof window&&window.innerWidth>=767,M=l||("time"===h?s?"H:i":"h:i K":"Y-m-d"),O=v(t.inputEl),q=O!==document.body,R={dateFormat:M,mode:"time"===h?"single":h,enableTime:"time"===h||o,noCalendar:"time"===h||T,defaultDate:b,enableSeconds:M.toLowerCase().includes(":s"),allowInput:c||!1,clickOpens:!0,time_24hr:"boolean"==typeof s?s:!F,weekNumbers:!1,static:null!==(a=t.static)&&void 0!==a&&a,wrap:E,showMonths:"range"===h&&I?2:1,monthSelectorType:"static",locale:Y,closeOnSelect:null!=D?D:!("multiple"===h||o),onChange:(e,t,n)=>{N&&N(e,t,n)},onClose:(e,t,n)=>{if("range"===h&&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"))}S&&S(e,t,n)},onOpen:(e,t,n)=>{C&&C(e,t,n)}};if(q&&(R.appendTo=O,R.static=!1,(R.plugins||(R.plugins=[])).push(i({offset:6,minViewportMargin:8,preferTop:!1}))),"range"===h&&(R.onReady=(e,t,n)=>{if(n.calendarContainer){const e=n.calendarContainer.querySelector(".flatpickr-time");null==e||e.classList.add("default-time-select")}}),d instanceof HTMLInputElement||(R.positionElement=d),u&&(R.minDate=u),m&&(R.maxDate=m),p&&(R.minTime=p),y&&(R.maxTime=y),b)if(!Array.isArray(b)||"range"!==h&&"multiple"!==h){if(!Array.isArray(b)&&"string"==typeof b){let e=null;switch(M){case"Y-m-d":{const[t,n,a]=b.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]=b.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]=b.split("-").map(Number);e=isNaN(t)||isNaN(n)||isNaN(a)?null:new Date(a,t-1,n,12);break}default:e=new Date(b)}R.defaultDate=e||b}}else R.defaultDate=b;return null!=k&&(R.defaultHour=k),null!=g&&(R.defaultMinute=g),A&&A.length>0&&(R.enable=A),w&&w.length>0&&(R.disable=w.map((t=>{if(t instanceof Date)return t;if("number"==typeof t)return new Date(t);if("string"==typeof t){return e.parseDate(t,M)||t}return t}))),L&&(R.appendTo=L),R}function D(e){const t=e||"";return t.includes("H:")||t.includes("h:")||t.toLowerCase().includes(":s")}function E(e,t=!1){if(!e||!e.config)return;const n=e.calendarContainer;if(!n)return;const{minDate:a,maxDate:i}=e.config;if(a&&i){new Date(a).getFullYear()===new Date(i).getFullYear()?n.classList.add("single-year"):n.classList.remove("single-year")}requestAnimationFrame((()=>{if(!e||!e.config)return;const a=e.config.mode;n.setAttribute("role","application"),n.setAttribute("aria-label","Calendar"),n.classList.remove("container-modal","container-body","container-default"),n.classList.add(t?"container-modal":"container-default");const i=n.querySelector(".flatpickr-months");null==i||i.setAttribute("tabindex","0"),null==i||i.setAttribute("role","group"),null==i||i.setAttribute("aria-label","Month and year navigation");const r=n.querySelector(".flatpickr-prev-month");null==r||r.setAttribute("tabindex","0"),null==r||r.setAttribute("role","button"),null==r||r.setAttribute("aria-label","Previous month"),null==r||r.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e.changeMonth(-1))}));const l=n.querySelector(".flatpickr-next-month");null==l||l.setAttribute("tabindex","0"),null==l||l.setAttribute("role","button"),null==l||l.setAttribute("aria-label","Next month"),null==l||l.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e.changeMonth(1))}));const o=n.querySelector(".flatpickr-month"),s=null==o?void 0:o.querySelector("input.numInput.cur-year");if(s){s.tabIndex=0,s.setAttribute("role","spinbutton"),s.setAttribute("aria-label","Year"),e.config.minDate&&s.setAttribute("aria-valuemin",String(new Date(e.config.minDate).getFullYear())),e.config.maxDate&&s.setAttribute("aria-valuemax",String(new Date(e.config.maxDate).getFullYear()));const t=()=>s.setAttribute("aria-valuenow",s.value);s.addEventListener("keydown",(n=>{"ArrowUp"===n.key&&(n.preventDefault(),e.changeYear(1),setTimeout(t,0)),"ArrowDown"===n.key&&(n.preventDefault(),e.changeYear(-1),setTimeout(t,0))})),setTimeout(t,0)}const d=n.querySelector(".flatpickr-days");null==d||d.removeAttribute("tabindex"),null==d||d.setAttribute("role","grid"),null==d||d.setAttribute("aria-multiselectable","multiple"===a?"true":"false");const c=Array.from(n.querySelectorAll(".flatpickr-day:not(.flatpickr-disabled)"));c.forEach((e=>{e.tabIndex=0,e.setAttribute("role","range"===a?"gridcell":"button")}));const u=n._keyboardNav;u&&n.removeEventListener("keydown",u);const m=e=>{const t=e.target.closest(".flatpickr-day:not(.flatpickr-disabled)");if(t)switch(e.key){case"Enter":case" ":return e.preventDefault(),void t.click();case"ArrowRight":case"ArrowLeft":case"ArrowDown":case"ArrowUp":{e.preventDefault();const n=c.indexOf(t);let a;switch(e.key){case"ArrowRight":a=n+1;break;case"ArrowLeft":a=n-1;break;case"ArrowDown":a=n+7;break;case"ArrowUp":a=n-7;break;default:return}const i=c[a];return void(i&&i.focus())}}};n.addEventListener("keydown",m),n._keyboardNav=m;const p=n.querySelector("input.flatpickr-hour");p&&(p.tabIndex=0,p.setAttribute("role","spinbutton"),p.setAttribute("aria-label","Hour"),p.setAttribute("aria-valuemin",p.min),p.setAttribute("aria-valuemax",p.max),p.setAttribute("aria-valuenow",p.value),p.addEventListener("keydown",(e=>{"ArrowUp"===e.key&&(e.preventDefault(),p.stepUp()),"ArrowDown"===e.key&&(e.preventDefault(),p.stepDown()),setTimeout((()=>p.setAttribute("aria-valuenow",p.value)),0)})));const f=n.querySelector("input.flatpickr-minute");f&&(f.tabIndex=0,f.setAttribute("role","spinbutton"),f.setAttribute("aria-label","Minute"),f.setAttribute("aria-valuemin",f.min),f.setAttribute("aria-valuemax",f.max),f.setAttribute("aria-valuenow",f.value),f.addEventListener("keydown",(e=>{"ArrowUp"===e.key&&(e.preventDefault(),f.stepUp()),"ArrowDown"===e.key&&(e.preventDefault(),f.stepDown()),setTimeout((()=>f.setAttribute("aria-valuenow",f.value)),0)})));const y=n.querySelector(".flatpickr-am-pm");y&&(y.tabIndex=0,y.setAttribute("role","button"),y.setAttribute("aria-label","Toggle AM/PM"),y.addEventListener("keydown",(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),y.click())})))}))}function T(){document.querySelectorAll(".numInputWrapper").forEach((e=>{const t=e.querySelector(".numInput.cur-year");t&&(e.style.display="",t.style.display="",t.disabled=!1,t.hasAttribute("tabindex")||(t.tabIndex=0))}))}function L(e,t,n,a,i,r){if(!e)return console.warn("Input element is undefined..."),{isValid:!0,validationMessage:""};const l=!e.value.trim(),o=t;let s=e.validity,d=e.validationMessage;o&&l&&(s={...s,valueMissing:!0},d=a),n&&(s={...s,customError:!0},d=n),r.setValidity(s,d,e);return{isValid:!n&&(!i||!l||l&&!o),validationMessage:d}}function N(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}async function S(e,t,n){e&&e.clear(),t&&(t.value=""),n&&await n()}var C;function x(e,t){return(n,a,i,r)=>{const l=r.dateObj;e===C.END&&null!==t[0]?l.getTime()<=t[0].getTime()&&(l.getTime()===t[0].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateNotAvailable),r.setAttribute("locked","start"),r.setAttribute("aria-disabled","true")):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().lockedStartDate))):e===C.START&&null!==t[1]?l.getTime()>=t[1].getTime()&&(l.getTime()===t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().lockedEndDate),r.setAttribute("locked","end"),r.setAttribute("aria-disabled","true")):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().dateNotAvailable))):e===C.NONE&&null!==t[0]&&null!==t[1]&&(l.getTime()===t[0].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateLocked),r.setAttribute("locked","start"),r.setAttribute("aria-disabled","true")):l.getTime()===t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateLocked),r.setAttribute("locked","end"),r.setAttribute("aria-disabled","true")):l.getTime()>t[0].getTime()&&l.getTime()<t[1].getTime()?(r.classList.add("flatpickr-locked-date"),r.setAttribute("title",d().dateInSelectedRange)):(r.classList.add("flatpickr-locked-date","flatpickr-disabled"),r.setAttribute("title",d().dateNotAvailable))),r.classList.contains("flatpickr-disabled")&&!r.classList.contains("flatpickr-locked-date")&&r.classList.add("flatpickr-locked-date")}}function Y(e,t,n){return(a,i,r)=>{let l=null,o=null;if(e===C.END&&null!==t[0]&&(l=t[0]),e===C.START&&null!==t[1]&&(o=t[1]),e!==C.NONE||null===t[0]||null===t[1])if(null!==t[0]||null!==t[1]){if(e===C.END&&null!==l){let e=!1;const t=[...a];if(2===a.length&&a[0].getTime()!==l.getTime()?(t[0]=l,e=!0):1===a.length&&(t.splice(0,0,l),e=!0),e)return r.setDate(t,!1),void H(n,t,r.input.value,r)}if(e===C.START&&null!==o){let e=!1;const t=[...a];if(2===a.length&&a[1].getTime()!==o.getTime()?(t[1]=o,e=!0):1===a.length&&(t.push(o),e=!0),e)return r.setDate(t,!1),void H(n,t,r.input.value,r)}H(n,a,i,r)}else H(n,a,i,r);else r.setDate([t[0],t[1]],!1)}}function H(e,t,n,a){try{"function"==typeof e?e(t,n,a):Array.isArray(e)&&e.forEach((e=>{if("function"==typeof e)try{e(t,n,a)}catch(e){console.warn("Error in onChange hook:",e)}}))}catch(e){console.warn("Error calling original onChange handler:",e)}}function F(e,t,n,a){a&&s(a);const i={...e};if(t===C.BOTH)return i;const r=i.onChange;i.clickOpens=!0;try{i.onDayCreate=x(t,n),i.onChange=Y(t,n,r||(()=>{}))}catch(e){console.warn("Error setting up date range editing restrictions:",e)}return i}!function(e){e.BOTH="both",e.START="start",e.END="end",e.NONE="none"}(C||(C={}));export{C as DateRangeEditableMode,l as _defaultCalendarTooltipStrings,F as applyDateRangeEditingRestrictions,S as clearFlatpickrInput,Y as createDateRangeChangeLockHandler,x as createDateRangeDayLockHandler,N as emitValue,h as getFlatpickrOptions,v as getModalContainer,A as getPlaceholder,d as getTextStrings,m as handleInputClick,p as handleInputFocus,T as hideEmptyYear,b as initializeMultiAnchorFlatpickr,k as initializeSingleAnchorFlatpickr,y as injectFlatpickrStyles,g as isValidDateFormat,w as loadLocale,f as modifyWeekdayShorthands,u as preventFlatpickrOpen,E as setCalendarAttributes,s as setTooltipStrings,D as updateEnableTime,L as validate};
|
|
2
2
|
//# sourceMappingURL=flatpickr.js.map
|
|
@@ -1 +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/esm/l10n/default.js';\nimport { loadLocale as loadLocaleFromLangs } from '../flatpickrLangs';\n\nimport { fixedOverlayPositionPlugin } from '../helpers/flatpickrOverlayPosition';\n\nlet flatpickrStylesInjected = false;\n\nexport const _defaultCalendarTooltipStrings = {\n lockedStartDate: 'Start date is locked',\n lockedEndDate: 'End date is locked',\n dateLocked: 'Date is locked',\n dateNotAvailable: 'Date is not available',\n dateInSelectedRange: 'Date is in selected range',\n};\n\nexport type FlatpickrTextStrings = Partial<\n typeof _defaultCalendarTooltipStrings\n>;\n\nlet currentTooltipStrings = { ..._defaultCalendarTooltipStrings };\n\nexport function setTooltipStrings(\n customTextStrings: FlatpickrTextStrings = {}\n): void {\n currentTooltipStrings = {\n ..._defaultCalendarTooltipStrings,\n ...customTextStrings,\n };\n}\n\nexport function getTextStrings(\n customTextStrings: FlatpickrTextStrings = {}\n): typeof _defaultCalendarTooltipStrings {\n return { ...currentTooltipStrings, ...customTextStrings };\n}\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 'Y-m-d H:i:S': 'yyyy-mm-dd —— : —— ——',\n 'm-d-Y H:i:s': 'mm-dd-yyyy —— : —— ——',\n 'm-d-Y H:i:S': 'mm-dd-yyyy —— : —— ——',\n 'd-m-Y H:i:s': 'dd-mm-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 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?.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 (!dateFormat) {\n return isDateRange ? 'yyyy-mm-dd to yyyy-mm-dd' : 'yyyy-mm-dd';\n }\n\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 loadLocale(locale: string): Promise<Partial<Locale>> {\n return loadLocaleFromLangs(locale);\n}\n\nexport function getModalContainer(element: HTMLElement): HTMLElement {\n let node: Node | null = element;\n\n while (node) {\n if (node instanceof ShadowRoot) {\n node = node.host;\n continue;\n }\n\n if (node instanceof Element) {\n const tag = node.tagName.toLowerCase();\n if (tag === 'kyn-modal' || tag === 'kyn-side-drawer') {\n return node as HTMLElement;\n }\n node = node.parentNode;\n continue;\n }\n\n break;\n }\n\n return document.body;\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 =\n typeof window !== 'undefined' && window.innerWidth >= 767;\n\n const effectiveDateFormat =\n dateFormat ||\n (mode === 'time' ? (twentyFourHourFormat ? 'H:i' : 'h:i K') : 'Y-m-d');\n\n const modalContainer = getModalContainer(context.inputEl);\n const inOverlay = modalContainer !== document.body;\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: effectiveDateFormat.toLowerCase().includes(':s'),\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 (inOverlay) {\n options.appendTo = modalContainer;\n options.static = false;\n (options.plugins ||= []).push(\n fixedOverlayPositionPlugin({\n offset: 6,\n minViewportMargin: 8,\n preferTop: false,\n }) as any\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 const df = dateFormat || '';\n return (\n df.includes('H:') || df.includes('h:') || df.toLowerCase().includes(':s')\n );\n}\n\nexport function setCalendarAttributes(\n instance: Instance,\n modalDetected = false\n): void {\n if (!instance || !instance.config) {\n return;\n }\n\n const container = instance.calendarContainer;\n if (!container) return;\n\n const { minDate, maxDate } = instance.config;\n if (minDate && maxDate) {\n const minY = new Date(minDate).getFullYear();\n const maxY = new Date(maxDate).getFullYear();\n if (minY === maxY) {\n container.classList.add('single-year');\n } else {\n container.classList.remove('single-year');\n }\n }\n\n requestAnimationFrame(() => {\n if (!instance || !instance.config) {\n return;\n }\n\n const mode = instance.config.mode as\n | 'single'\n | 'multiple'\n | 'range'\n | 'time';\n\n container.setAttribute('role', 'application');\n container.setAttribute('aria-label', 'Calendar');\n container.classList.remove(\n 'container-modal',\n 'container-body',\n 'container-default'\n );\n container.classList.add(\n modalDetected ? 'container-modal' : 'container-default'\n );\n\n const monthsEl = container.querySelector<HTMLElement>('.flatpickr-months');\n monthsEl?.setAttribute('tabindex', '0');\n monthsEl?.setAttribute('role', 'group');\n monthsEl?.setAttribute('aria-label', 'Month and year navigation');\n\n const prevBtn = container.querySelector<HTMLElement>(\n '.flatpickr-prev-month'\n );\n prevBtn?.setAttribute('tabindex', '0');\n prevBtn?.setAttribute('role', 'button');\n prevBtn?.setAttribute('aria-label', 'Previous month');\n prevBtn?.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n instance.changeMonth(-1);\n }\n });\n\n const nextBtn = container.querySelector<HTMLElement>(\n '.flatpickr-next-month'\n );\n nextBtn?.setAttribute('tabindex', '0');\n nextBtn?.setAttribute('role', 'button');\n nextBtn?.setAttribute('aria-label', 'Next month');\n nextBtn?.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n instance.changeMonth(1);\n }\n });\n\n const firstMonth = container.querySelector<HTMLElement>('.flatpickr-month');\n const yearInput = firstMonth?.querySelector<HTMLInputElement>(\n 'input.numInput.cur-year'\n );\n if (yearInput) {\n yearInput.tabIndex = 0;\n yearInput.setAttribute('role', 'spinbutton');\n yearInput.setAttribute('aria-label', 'Year');\n if (instance.config.minDate) {\n yearInput.setAttribute(\n 'aria-valuemin',\n String(new Date(instance.config.minDate!).getFullYear())\n );\n }\n if (instance.config.maxDate) {\n yearInput.setAttribute(\n 'aria-valuemax',\n String(new Date(instance.config.maxDate!).getFullYear())\n );\n }\n const updateNow = () =>\n yearInput.setAttribute('aria-valuenow', yearInput.value);\n yearInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n instance.changeYear(1);\n setTimeout(updateNow, 0);\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n instance.changeYear(-1);\n setTimeout(updateNow, 0);\n }\n });\n setTimeout(updateNow, 0);\n }\n\n const daysGrid = container.querySelector<HTMLElement>('.flatpickr-days');\n daysGrid?.removeAttribute('tabindex');\n daysGrid?.setAttribute('role', 'grid');\n daysGrid?.setAttribute(\n 'aria-multiselectable',\n mode === 'multiple' ? 'true' : 'false'\n );\n\n const enabledDays = Array.from(\n container.querySelectorAll<HTMLElement>(\n '.flatpickr-day:not(.flatpickr-disabled)'\n )\n );\n enabledDays.forEach((day) => {\n day.tabIndex = 0;\n day.setAttribute('role', mode === 'range' ? 'gridcell' : 'button');\n });\n\n const oldNav = (container as any)._keyboardNav as EventListener | undefined;\n if (oldNav) container.removeEventListener('keydown', oldNav);\n\n const keyboardNav = (e: KeyboardEvent) => {\n const targetDay = (e.target as HTMLElement).closest<HTMLElement>(\n '.flatpickr-day:not(.flatpickr-disabled)'\n );\n if (!targetDay) return;\n\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n targetDay.click();\n return;\n case 'ArrowRight':\n case 'ArrowLeft':\n case 'ArrowDown':\n case 'ArrowUp': {\n e.preventDefault();\n const idx = enabledDays.indexOf(targetDay);\n let nextIdx: number;\n switch (e.key) {\n case 'ArrowRight':\n nextIdx = idx + 1;\n break;\n case 'ArrowLeft':\n nextIdx = idx - 1;\n break;\n case 'ArrowDown':\n nextIdx = idx + 7;\n break;\n case 'ArrowUp':\n nextIdx = idx - 7;\n break;\n default:\n return;\n }\n const next = enabledDays[nextIdx];\n if (next) next.focus();\n return;\n }\n }\n };\n container.addEventListener('keydown', keyboardNav);\n (container as any)._keyboardNav = keyboardNav;\n\n const hourInput = container.querySelector<HTMLInputElement>(\n 'input.flatpickr-hour'\n );\n if (hourInput) {\n hourInput.tabIndex = 0;\n hourInput.setAttribute('role', 'spinbutton');\n hourInput.setAttribute('aria-label', 'Hour');\n hourInput.setAttribute('aria-valuemin', hourInput.min);\n hourInput.setAttribute('aria-valuemax', hourInput.max);\n hourInput.setAttribute('aria-valuenow', hourInput.value);\n hourInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n hourInput.stepUp();\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n hourInput.stepDown();\n }\n setTimeout(\n () => hourInput.setAttribute('aria-valuenow', hourInput.value),\n 0\n );\n });\n }\n\n const minuteInput = container.querySelector<HTMLInputElement>(\n 'input.flatpickr-minute'\n );\n if (minuteInput) {\n minuteInput.tabIndex = 0;\n minuteInput.setAttribute('role', 'spinbutton');\n minuteInput.setAttribute('aria-label', 'Minute');\n minuteInput.setAttribute('aria-valuemin', minuteInput.min);\n minuteInput.setAttribute('aria-valuemax', minuteInput.max);\n minuteInput.setAttribute('aria-valuenow', minuteInput.value);\n minuteInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n minuteInput.stepUp();\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n minuteInput.stepDown();\n }\n setTimeout(\n () => minuteInput.setAttribute('aria-valuenow', minuteInput.value),\n 0\n );\n });\n }\n\n const ampmToggle = container.querySelector<HTMLElement>('.flatpickr-am-pm');\n if (ampmToggle) {\n ampmToggle.tabIndex = 0;\n ampmToggle.setAttribute('role', 'button');\n ampmToggle.setAttribute('aria-label', 'Toggle AM/PM');\n ampmToggle.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n ampmToggle.click();\n }\n });\n }\n });\n}\n\nexport function hideEmptyYear(): void {\n // force year input to always be visible - don't hide it even when min === max\n document.querySelectorAll('.numInputWrapper').forEach((wrapper) => {\n const yearInput = wrapper.querySelector(\n '.numInput.cur-year'\n ) as HTMLInputElement;\n if (yearInput) {\n (wrapper as HTMLElement).style.display = '';\n\n yearInput.style.display = '';\n yearInput.disabled = false;\n\n if (!yearInput.hasAttribute('tabindex')) {\n yearInput.tabIndex = 0;\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\nexport async function clearFlatpickrInput(\n flatpickrInstance: Instance | undefined,\n inputEl: HTMLInputElement | undefined,\n updateCallback?: () => void\n): Promise<void> {\n if (flatpickrInstance) {\n flatpickrInstance.clear();\n }\n\n if (inputEl) {\n inputEl.value = '';\n }\n\n if (updateCallback) {\n await updateCallback();\n }\n}\n\nexport enum DateRangeEditableMode {\n BOTH = 'both',\n START = 'start',\n END = 'end',\n NONE = 'none',\n}\n\nexport function createDateRangeDayLockHandler(\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null]\n): (\n dObj: Date,\n dStr: string,\n fp: Instance,\n dayElem: HTMLElement & { dateObj: Date }\n) => void {\n return (_dObj, _dStr, _fp, dayElem: HTMLElement & { dateObj: Date }) => {\n const currentDate = dayElem.dateObj;\n\n if (\n editableMode === DateRangeEditableMode.END &&\n currentValue[0] !== null\n ) {\n if (currentDate.getTime() <= currentValue[0].getTime()) {\n if (currentDate.getTime() === currentValue[0].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n dayElem.setAttribute('locked', 'start');\n dayElem.setAttribute('aria-disabled', 'true');\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().lockedStartDate);\n }\n }\n } else if (\n editableMode === DateRangeEditableMode.START &&\n currentValue[1] !== null\n ) {\n if (currentDate.getTime() >= currentValue[1].getTime()) {\n if (currentDate.getTime() === currentValue[1].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().lockedEndDate);\n dayElem.setAttribute('locked', 'end');\n dayElem.setAttribute('aria-disabled', 'true');\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n }\n }\n } else if (\n editableMode === DateRangeEditableMode.NONE &&\n currentValue[0] !== null &&\n currentValue[1] !== null\n ) {\n if (currentDate.getTime() === currentValue[0].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateLocked);\n dayElem.setAttribute('locked', 'start');\n dayElem.setAttribute('aria-disabled', 'true');\n } else if (currentDate.getTime() === currentValue[1].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateLocked);\n dayElem.setAttribute('locked', 'end');\n dayElem.setAttribute('aria-disabled', 'true');\n } else if (\n currentDate.getTime() > currentValue[0].getTime() &&\n currentDate.getTime() < currentValue[1].getTime()\n ) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateInSelectedRange);\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n }\n }\n\n if (\n dayElem.classList.contains('flatpickr-disabled') &&\n !dayElem.classList.contains('flatpickr-locked-date')\n ) {\n dayElem.classList.add('flatpickr-locked-date');\n }\n };\n}\n\nexport function createDateRangeChangeLockHandler(\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null],\n originalOnChange: Hook | Hook[]\n): (selectedDates: Date[], dateStr: string, instance: Instance) => void {\n return (selectedDates, dateStr, instance) => {\n let lockedStartDate: Date | null = null;\n let lockedEndDate: Date | null = null;\n\n if (\n editableMode === DateRangeEditableMode.END &&\n currentValue[0] !== null\n ) {\n lockedStartDate = currentValue[0];\n }\n if (\n editableMode === DateRangeEditableMode.START &&\n currentValue[1] !== null\n ) {\n lockedEndDate = currentValue[1];\n }\n\n if (editableMode === DateRangeEditableMode.NONE) {\n if (currentValue[0] !== null && currentValue[1] !== null) {\n instance.setDate([currentValue[0], currentValue[1]], false);\n return;\n }\n }\n\n if (currentValue[0] === null && currentValue[1] === null) {\n callOriginalOnChange(originalOnChange, selectedDates, dateStr, instance);\n return;\n }\n\n if (\n editableMode === DateRangeEditableMode.END &&\n lockedStartDate !== null\n ) {\n let modified = false;\n const newDates = [...selectedDates];\n\n if (\n selectedDates.length === 2 &&\n selectedDates[0].getTime() !== lockedStartDate.getTime()\n ) {\n newDates[0] = lockedStartDate;\n modified = true;\n } else if (selectedDates.length === 1) {\n newDates.splice(0, 0, lockedStartDate);\n modified = true;\n }\n\n if (modified) {\n instance.setDate(newDates, false);\n callOriginalOnChange(\n originalOnChange,\n newDates,\n instance.input.value,\n instance\n );\n return;\n }\n }\n\n if (\n editableMode === DateRangeEditableMode.START &&\n lockedEndDate !== null\n ) {\n let modified = false;\n const newDates = [...selectedDates];\n\n if (\n selectedDates.length === 2 &&\n selectedDates[1].getTime() !== lockedEndDate.getTime()\n ) {\n newDates[1] = lockedEndDate;\n modified = true;\n } else if (selectedDates.length === 1) {\n newDates.push(lockedEndDate);\n modified = true;\n }\n\n if (modified) {\n instance.setDate(newDates, false);\n callOriginalOnChange(\n originalOnChange,\n newDates,\n instance.input.value,\n instance\n );\n return;\n }\n }\n\n callOriginalOnChange(originalOnChange, selectedDates, dateStr, instance);\n };\n}\n\nfunction callOriginalOnChange(\n originalOnChange: Hook | Hook[],\n selectedDates: Date[],\n dateStr: string,\n instance: Instance\n): void {\n try {\n if (typeof originalOnChange === 'function') {\n originalOnChange(selectedDates, dateStr, instance);\n } else if (Array.isArray(originalOnChange)) {\n originalOnChange.forEach((hook) => {\n if (typeof hook === 'function') {\n try {\n hook(selectedDates, dateStr, instance);\n } catch (e) {\n console.warn('Error in onChange hook:', e);\n }\n }\n });\n }\n } catch (e) {\n console.warn('Error calling original onChange handler:', e);\n }\n}\n\nexport function applyDateRangeEditingRestrictions(\n options: Partial<BaseOptions>,\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null],\n tooltipStrings?: FlatpickrTextStrings\n): Partial<BaseOptions> {\n if (tooltipStrings) {\n setTooltipStrings(tooltipStrings);\n }\n const newOptions = { ...options };\n\n if (editableMode === DateRangeEditableMode.BOTH) {\n return newOptions;\n }\n\n const originalOnChange = newOptions.onChange;\n\n newOptions.clickOpens = true;\n\n try {\n newOptions.onDayCreate = createDateRangeDayLockHandler(\n editableMode,\n currentValue\n ) as any;\n\n newOptions.onChange = createDateRangeChangeLockHandler(\n editableMode,\n currentValue,\n originalOnChange || (() => {})\n );\n } catch (e) {\n console.warn('Error setting up date range editing restrictions:', e);\n }\n\n return newOptions;\n}\n"],"names":["flatpickrStylesInjected","_defaultCalendarTooltipStrings","lockedStartDate","lockedEndDate","dateLocked","dateNotAvailable","dateInSelectedRange","currentTooltipStrings","setTooltipStrings","customTextStrings","getTextStrings","DATE_FORMAT_OPTIONS","preventFlatpickrOpen","event","setShouldFlatpickrOpen","preventDefault","stopPropagation","stopImmediatePropagation","handleInputClick","handleInputFocus","shouldFlatpickrOpen","closeFlatpickr","modifyWeekdayShorthands","localeOptions","weekdays","_a","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","loadLocale","locale","loadLocaleFromLangs","getModalContainer","element","node","ShadowRoot","host","Element","tag","tagName","toLowerCase","parentNode","body","enableTime","twentyFourHourFormat","allowInput","minDate","maxDate","minTime","maxTime","defaultDate","defaultHour","defaultMinute","enable","disable","closeOnSelect","wrap","noCalendar","onChange","onClose","onOpen","warn","English","baseLocale","split","isEnglishOr12HourLocale","includes","isWideScreen","window","innerWidth","modalContainer","inOverlay","enableSeconds","time_24hr","weekNumbers","static","showMonths","monthSelectorType","selectedDates","dateStr","instance","calendarContainer","timeContainer","length","classList","add","remove","push","fixedOverlayPositionPlugin","offset","minViewportMargin","preferTop","onReady","_","__","Array","isArray","parsedDate","year","month","Number","isNaN","Date","date","parseDate","updateEnableTime","df","modalDetected","config","container","getFullYear","requestAnimationFrame","setAttribute","monthsEl","prevBtn","e","key","changeMonth","nextBtn","firstMonth","yearInput","tabIndex","String","updateNow","value","changeYear","daysGrid","removeAttribute","enabledDays","from","querySelectorAll","forEach","oldNav","_keyboardNav","removeEventListener","keyboardNav","targetDay","target","closest","click","idx","indexOf","nextIdx","next","focus","hourInput","min","max","stepUp","stepDown","minuteInput","ampmToggle","hideEmptyYear","wrapper","disabled","hasAttribute","validate","required","invalidText","defaultErrorMessage","hasInteracted","internals","isValid","validationMessage","isEmpty","trim","isRequired","validity","valueMissing","customError","setValidity","emitValue","eventName","detail","dispatchEvent","CustomEvent","bubbles","composed","clearFlatpickrInput","updateCallback","clear","DateRangeEditableMode","createDateRangeDayLockHandler","editableMode","currentValue","_dObj","_dStr","_fp","dayElem","currentDate","dateObj","END","getTime","START","NONE","contains","createDateRangeChangeLockHandler","originalOnChange","modified","newDates","splice","setDate","callOriginalOnChange","hook","applyDateRangeEditingRestrictions","tooltipStrings","newOptions","BOTH","onDayCreate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"flatpickr.js","sources":["../../../src/common/helpers/flatpickr.ts"],"sourcesContent":["import flatpickr from 'flatpickr';\nimport rangePlugin from 'flatpickr/dist/esm/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/esm/l10n/default.js';\nimport { loadLocale as loadLocaleFromLangs } from '../flatpickrLangs';\n\nimport { fixedOverlayPositionPlugin } from '../helpers/flatpickrOverlayPosition';\n\nlet flatpickrStylesInjected = false;\n\nexport const _defaultCalendarTooltipStrings = {\n lockedStartDate: 'Start date is locked',\n lockedEndDate: 'End date is locked',\n dateLocked: 'Date is locked',\n dateNotAvailable: 'Date is not available',\n dateInSelectedRange: 'Date is in selected range',\n};\n\nexport type FlatpickrTextStrings = Partial<\n typeof _defaultCalendarTooltipStrings\n>;\n\nlet currentTooltipStrings = { ..._defaultCalendarTooltipStrings };\n\nexport function setTooltipStrings(\n customTextStrings: FlatpickrTextStrings = {}\n): void {\n currentTooltipStrings = {\n ..._defaultCalendarTooltipStrings,\n ...customTextStrings,\n };\n}\n\nexport function getTextStrings(\n customTextStrings: FlatpickrTextStrings = {}\n): typeof _defaultCalendarTooltipStrings {\n return { ...currentTooltipStrings, ...customTextStrings };\n}\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 'Y-m-d H:i:S': 'yyyy-mm-dd —— : —— ——',\n 'm-d-Y H:i:s': 'mm-dd-yyyy —— : —— ——',\n 'm-d-Y H:i:S': 'mm-dd-yyyy —— : —— ——',\n 'd-m-Y H:i:s': 'dd-mm-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 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?.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 (!dateFormat) {\n return isDateRange ? 'yyyy-mm-dd to yyyy-mm-dd' : 'yyyy-mm-dd';\n }\n\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 loadLocale(locale: string): Promise<Partial<Locale>> {\n return loadLocaleFromLangs(locale);\n}\n\nexport function getModalContainer(element: HTMLElement): HTMLElement {\n let node: Node | null = element;\n\n while (node) {\n if (node instanceof ShadowRoot) {\n node = node.host;\n continue;\n }\n\n if (node instanceof Element) {\n const tag = node.tagName.toLowerCase();\n if (tag === 'kyn-modal' || tag === 'kyn-side-drawer') {\n return node as HTMLElement;\n }\n node = node.parentNode;\n continue;\n }\n\n break;\n }\n\n return document.body;\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 =\n typeof window !== 'undefined' && window.innerWidth >= 767;\n\n const effectiveDateFormat =\n dateFormat ||\n (mode === 'time' ? (twentyFourHourFormat ? 'H:i' : 'h:i K') : 'Y-m-d');\n\n const modalContainer = getModalContainer(context.inputEl);\n const inOverlay = modalContainer !== document.body;\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: effectiveDateFormat.toLowerCase().includes(':s'),\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 (inOverlay) {\n options.appendTo = modalContainer;\n options.static = false;\n (options.plugins ||= []).push(\n fixedOverlayPositionPlugin({\n offset: 6,\n minViewportMargin: 8,\n preferTop: false,\n }) as any\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 const df = dateFormat || '';\n return (\n df.includes('H:') || df.includes('h:') || df.toLowerCase().includes(':s')\n );\n}\n\nexport function setCalendarAttributes(\n instance: Instance,\n modalDetected = false\n): void {\n if (!instance || !instance.config) {\n return;\n }\n\n const container = instance.calendarContainer;\n if (!container) return;\n\n const { minDate, maxDate } = instance.config;\n if (minDate && maxDate) {\n const minY = new Date(minDate).getFullYear();\n const maxY = new Date(maxDate).getFullYear();\n if (minY === maxY) {\n container.classList.add('single-year');\n } else {\n container.classList.remove('single-year');\n }\n }\n\n requestAnimationFrame(() => {\n if (!instance || !instance.config) {\n return;\n }\n\n const mode = instance.config.mode as\n | 'single'\n | 'multiple'\n | 'range'\n | 'time';\n\n container.setAttribute('role', 'application');\n container.setAttribute('aria-label', 'Calendar');\n container.classList.remove(\n 'container-modal',\n 'container-body',\n 'container-default'\n );\n container.classList.add(\n modalDetected ? 'container-modal' : 'container-default'\n );\n\n const monthsEl = container.querySelector<HTMLElement>('.flatpickr-months');\n monthsEl?.setAttribute('tabindex', '0');\n monthsEl?.setAttribute('role', 'group');\n monthsEl?.setAttribute('aria-label', 'Month and year navigation');\n\n const prevBtn = container.querySelector<HTMLElement>(\n '.flatpickr-prev-month'\n );\n prevBtn?.setAttribute('tabindex', '0');\n prevBtn?.setAttribute('role', 'button');\n prevBtn?.setAttribute('aria-label', 'Previous month');\n prevBtn?.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n instance.changeMonth(-1);\n }\n });\n\n const nextBtn = container.querySelector<HTMLElement>(\n '.flatpickr-next-month'\n );\n nextBtn?.setAttribute('tabindex', '0');\n nextBtn?.setAttribute('role', 'button');\n nextBtn?.setAttribute('aria-label', 'Next month');\n nextBtn?.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n instance.changeMonth(1);\n }\n });\n\n const firstMonth = container.querySelector<HTMLElement>('.flatpickr-month');\n const yearInput = firstMonth?.querySelector<HTMLInputElement>(\n 'input.numInput.cur-year'\n );\n if (yearInput) {\n yearInput.tabIndex = 0;\n yearInput.setAttribute('role', 'spinbutton');\n yearInput.setAttribute('aria-label', 'Year');\n if (instance.config.minDate) {\n yearInput.setAttribute(\n 'aria-valuemin',\n String(new Date(instance.config.minDate!).getFullYear())\n );\n }\n if (instance.config.maxDate) {\n yearInput.setAttribute(\n 'aria-valuemax',\n String(new Date(instance.config.maxDate!).getFullYear())\n );\n }\n const updateNow = () =>\n yearInput.setAttribute('aria-valuenow', yearInput.value);\n yearInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n instance.changeYear(1);\n setTimeout(updateNow, 0);\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n instance.changeYear(-1);\n setTimeout(updateNow, 0);\n }\n });\n setTimeout(updateNow, 0);\n }\n\n const daysGrid = container.querySelector<HTMLElement>('.flatpickr-days');\n daysGrid?.removeAttribute('tabindex');\n daysGrid?.setAttribute('role', 'grid');\n daysGrid?.setAttribute(\n 'aria-multiselectable',\n mode === 'multiple' ? 'true' : 'false'\n );\n\n const enabledDays = Array.from(\n container.querySelectorAll<HTMLElement>(\n '.flatpickr-day:not(.flatpickr-disabled)'\n )\n );\n enabledDays.forEach((day) => {\n day.tabIndex = 0;\n day.setAttribute('role', mode === 'range' ? 'gridcell' : 'button');\n });\n\n const oldNav = (container as any)._keyboardNav as EventListener | undefined;\n if (oldNav) container.removeEventListener('keydown', oldNav);\n\n const keyboardNav = (e: KeyboardEvent) => {\n const targetDay = (e.target as HTMLElement).closest<HTMLElement>(\n '.flatpickr-day:not(.flatpickr-disabled)'\n );\n if (!targetDay) return;\n\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n targetDay.click();\n return;\n case 'ArrowRight':\n case 'ArrowLeft':\n case 'ArrowDown':\n case 'ArrowUp': {\n e.preventDefault();\n const idx = enabledDays.indexOf(targetDay);\n let nextIdx: number;\n switch (e.key) {\n case 'ArrowRight':\n nextIdx = idx + 1;\n break;\n case 'ArrowLeft':\n nextIdx = idx - 1;\n break;\n case 'ArrowDown':\n nextIdx = idx + 7;\n break;\n case 'ArrowUp':\n nextIdx = idx - 7;\n break;\n default:\n return;\n }\n const next = enabledDays[nextIdx];\n if (next) next.focus();\n return;\n }\n }\n };\n container.addEventListener('keydown', keyboardNav);\n (container as any)._keyboardNav = keyboardNav;\n\n const hourInput = container.querySelector<HTMLInputElement>(\n 'input.flatpickr-hour'\n );\n if (hourInput) {\n hourInput.tabIndex = 0;\n hourInput.setAttribute('role', 'spinbutton');\n hourInput.setAttribute('aria-label', 'Hour');\n hourInput.setAttribute('aria-valuemin', hourInput.min);\n hourInput.setAttribute('aria-valuemax', hourInput.max);\n hourInput.setAttribute('aria-valuenow', hourInput.value);\n hourInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n hourInput.stepUp();\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n hourInput.stepDown();\n }\n setTimeout(\n () => hourInput.setAttribute('aria-valuenow', hourInput.value),\n 0\n );\n });\n }\n\n const minuteInput = container.querySelector<HTMLInputElement>(\n 'input.flatpickr-minute'\n );\n if (minuteInput) {\n minuteInput.tabIndex = 0;\n minuteInput.setAttribute('role', 'spinbutton');\n minuteInput.setAttribute('aria-label', 'Minute');\n minuteInput.setAttribute('aria-valuemin', minuteInput.min);\n minuteInput.setAttribute('aria-valuemax', minuteInput.max);\n minuteInput.setAttribute('aria-valuenow', minuteInput.value);\n minuteInput.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n minuteInput.stepUp();\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n minuteInput.stepDown();\n }\n setTimeout(\n () => minuteInput.setAttribute('aria-valuenow', minuteInput.value),\n 0\n );\n });\n }\n\n const ampmToggle = container.querySelector<HTMLElement>('.flatpickr-am-pm');\n if (ampmToggle) {\n ampmToggle.tabIndex = 0;\n ampmToggle.setAttribute('role', 'button');\n ampmToggle.setAttribute('aria-label', 'Toggle AM/PM');\n ampmToggle.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n ampmToggle.click();\n }\n });\n }\n });\n}\n\nexport function hideEmptyYear(): void {\n // force year input to always be visible - don't hide it even when min === max\n document.querySelectorAll('.numInputWrapper').forEach((wrapper) => {\n const yearInput = wrapper.querySelector(\n '.numInput.cur-year'\n ) as HTMLInputElement;\n if (yearInput) {\n (wrapper as HTMLElement).style.display = '';\n\n yearInput.style.display = '';\n yearInput.disabled = false;\n\n if (!yearInput.hasAttribute('tabindex')) {\n yearInput.tabIndex = 0;\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\nexport async function clearFlatpickrInput(\n flatpickrInstance: Instance | undefined,\n inputEl: HTMLInputElement | undefined,\n updateCallback?: () => void\n): Promise<void> {\n if (flatpickrInstance) {\n flatpickrInstance.clear();\n }\n\n if (inputEl) {\n inputEl.value = '';\n }\n\n if (updateCallback) {\n await updateCallback();\n }\n}\n\nexport enum DateRangeEditableMode {\n BOTH = 'both',\n START = 'start',\n END = 'end',\n NONE = 'none',\n}\n\nexport function createDateRangeDayLockHandler(\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null]\n): (\n dObj: Date,\n dStr: string,\n fp: Instance,\n dayElem: HTMLElement & { dateObj: Date }\n) => void {\n return (_dObj, _dStr, _fp, dayElem: HTMLElement & { dateObj: Date }) => {\n const currentDate = dayElem.dateObj;\n\n if (\n editableMode === DateRangeEditableMode.END &&\n currentValue[0] !== null\n ) {\n if (currentDate.getTime() <= currentValue[0].getTime()) {\n if (currentDate.getTime() === currentValue[0].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n dayElem.setAttribute('locked', 'start');\n dayElem.setAttribute('aria-disabled', 'true');\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().lockedStartDate);\n }\n }\n } else if (\n editableMode === DateRangeEditableMode.START &&\n currentValue[1] !== null\n ) {\n if (currentDate.getTime() >= currentValue[1].getTime()) {\n if (currentDate.getTime() === currentValue[1].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().lockedEndDate);\n dayElem.setAttribute('locked', 'end');\n dayElem.setAttribute('aria-disabled', 'true');\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n }\n }\n } else if (\n editableMode === DateRangeEditableMode.NONE &&\n currentValue[0] !== null &&\n currentValue[1] !== null\n ) {\n if (currentDate.getTime() === currentValue[0].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateLocked);\n dayElem.setAttribute('locked', 'start');\n dayElem.setAttribute('aria-disabled', 'true');\n } else if (currentDate.getTime() === currentValue[1].getTime()) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateLocked);\n dayElem.setAttribute('locked', 'end');\n dayElem.setAttribute('aria-disabled', 'true');\n } else if (\n currentDate.getTime() > currentValue[0].getTime() &&\n currentDate.getTime() < currentValue[1].getTime()\n ) {\n dayElem.classList.add('flatpickr-locked-date');\n dayElem.setAttribute('title', getTextStrings().dateInSelectedRange);\n } else {\n dayElem.classList.add('flatpickr-locked-date', 'flatpickr-disabled');\n dayElem.setAttribute('title', getTextStrings().dateNotAvailable);\n }\n }\n\n if (\n dayElem.classList.contains('flatpickr-disabled') &&\n !dayElem.classList.contains('flatpickr-locked-date')\n ) {\n dayElem.classList.add('flatpickr-locked-date');\n }\n };\n}\n\nexport function createDateRangeChangeLockHandler(\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null],\n originalOnChange: Hook | Hook[]\n): (selectedDates: Date[], dateStr: string, instance: Instance) => void {\n return (selectedDates, dateStr, instance) => {\n let lockedStartDate: Date | null = null;\n let lockedEndDate: Date | null = null;\n\n if (\n editableMode === DateRangeEditableMode.END &&\n currentValue[0] !== null\n ) {\n lockedStartDate = currentValue[0];\n }\n if (\n editableMode === DateRangeEditableMode.START &&\n currentValue[1] !== null\n ) {\n lockedEndDate = currentValue[1];\n }\n\n if (editableMode === DateRangeEditableMode.NONE) {\n if (currentValue[0] !== null && currentValue[1] !== null) {\n instance.setDate([currentValue[0], currentValue[1]], false);\n return;\n }\n }\n\n if (currentValue[0] === null && currentValue[1] === null) {\n callOriginalOnChange(originalOnChange, selectedDates, dateStr, instance);\n return;\n }\n\n if (\n editableMode === DateRangeEditableMode.END &&\n lockedStartDate !== null\n ) {\n let modified = false;\n const newDates = [...selectedDates];\n\n if (\n selectedDates.length === 2 &&\n selectedDates[0].getTime() !== lockedStartDate.getTime()\n ) {\n newDates[0] = lockedStartDate;\n modified = true;\n } else if (selectedDates.length === 1) {\n newDates.splice(0, 0, lockedStartDate);\n modified = true;\n }\n\n if (modified) {\n instance.setDate(newDates, false);\n callOriginalOnChange(\n originalOnChange,\n newDates,\n instance.input.value,\n instance\n );\n return;\n }\n }\n\n if (\n editableMode === DateRangeEditableMode.START &&\n lockedEndDate !== null\n ) {\n let modified = false;\n const newDates = [...selectedDates];\n\n if (\n selectedDates.length === 2 &&\n selectedDates[1].getTime() !== lockedEndDate.getTime()\n ) {\n newDates[1] = lockedEndDate;\n modified = true;\n } else if (selectedDates.length === 1) {\n newDates.push(lockedEndDate);\n modified = true;\n }\n\n if (modified) {\n instance.setDate(newDates, false);\n callOriginalOnChange(\n originalOnChange,\n newDates,\n instance.input.value,\n instance\n );\n return;\n }\n }\n\n callOriginalOnChange(originalOnChange, selectedDates, dateStr, instance);\n };\n}\n\nfunction callOriginalOnChange(\n originalOnChange: Hook | Hook[],\n selectedDates: Date[],\n dateStr: string,\n instance: Instance\n): void {\n try {\n if (typeof originalOnChange === 'function') {\n originalOnChange(selectedDates, dateStr, instance);\n } else if (Array.isArray(originalOnChange)) {\n originalOnChange.forEach((hook) => {\n if (typeof hook === 'function') {\n try {\n hook(selectedDates, dateStr, instance);\n } catch (e) {\n console.warn('Error in onChange hook:', e);\n }\n }\n });\n }\n } catch (e) {\n console.warn('Error calling original onChange handler:', e);\n }\n}\n\nexport function applyDateRangeEditingRestrictions(\n options: Partial<BaseOptions>,\n editableMode: DateRangeEditableMode,\n currentValue: [Date | null, Date | null],\n tooltipStrings?: FlatpickrTextStrings\n): Partial<BaseOptions> {\n if (tooltipStrings) {\n setTooltipStrings(tooltipStrings);\n }\n const newOptions = { ...options };\n\n if (editableMode === DateRangeEditableMode.BOTH) {\n return newOptions;\n }\n\n const originalOnChange = newOptions.onChange;\n\n newOptions.clickOpens = true;\n\n try {\n newOptions.onDayCreate = createDateRangeDayLockHandler(\n editableMode,\n currentValue\n ) as any;\n\n newOptions.onChange = createDateRangeChangeLockHandler(\n editableMode,\n currentValue,\n originalOnChange || (() => {})\n );\n } catch (e) {\n console.warn('Error setting up date range editing restrictions:', e);\n }\n\n return newOptions;\n}\n"],"names":["flatpickrStylesInjected","_defaultCalendarTooltipStrings","lockedStartDate","lockedEndDate","dateLocked","dateNotAvailable","dateInSelectedRange","currentTooltipStrings","setTooltipStrings","customTextStrings","getTextStrings","DATE_FORMAT_OPTIONS","preventFlatpickrOpen","event","setShouldFlatpickrOpen","preventDefault","stopPropagation","stopImmediatePropagation","handleInputClick","handleInputFocus","shouldFlatpickrOpen","closeFlatpickr","modifyWeekdayShorthands","localeOptions","weekdays","_a","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","loadLocale","locale","loadLocaleFromLangs","getModalContainer","element","node","ShadowRoot","host","Element","tag","tagName","toLowerCase","parentNode","body","enableTime","twentyFourHourFormat","allowInput","minDate","maxDate","minTime","maxTime","defaultDate","defaultHour","defaultMinute","enable","disable","closeOnSelect","wrap","noCalendar","onChange","onClose","onOpen","warn","English","baseLocale","split","isEnglishOr12HourLocale","includes","isWideScreen","window","innerWidth","modalContainer","inOverlay","enableSeconds","time_24hr","weekNumbers","static","showMonths","monthSelectorType","selectedDates","dateStr","instance","calendarContainer","timeContainer","length","classList","add","remove","push","fixedOverlayPositionPlugin","offset","minViewportMargin","preferTop","onReady","_","__","Array","isArray","parsedDate","year","month","Number","isNaN","Date","date","parseDate","updateEnableTime","df","modalDetected","config","container","getFullYear","requestAnimationFrame","setAttribute","monthsEl","prevBtn","e","key","changeMonth","nextBtn","firstMonth","yearInput","tabIndex","String","updateNow","value","changeYear","daysGrid","removeAttribute","enabledDays","from","querySelectorAll","forEach","oldNav","_keyboardNav","removeEventListener","keyboardNav","targetDay","target","closest","click","idx","indexOf","nextIdx","next","focus","hourInput","min","max","stepUp","stepDown","minuteInput","ampmToggle","hideEmptyYear","wrapper","disabled","hasAttribute","validate","required","invalidText","defaultErrorMessage","hasInteracted","internals","isValid","validationMessage","isEmpty","trim","isRequired","validity","valueMissing","customError","setValidity","emitValue","eventName","detail","dispatchEvent","CustomEvent","bubbles","composed","clearFlatpickrInput","updateCallback","clear","DateRangeEditableMode","createDateRangeDayLockHandler","editableMode","currentValue","_dObj","_dStr","_fp","dayElem","currentDate","dateObj","END","getTime","START","NONE","contains","createDateRangeChangeLockHandler","originalOnChange","modified","newDates","splice","setDate","callOriginalOnChange","hook","applyDateRangeEditingRestrictions","tooltipStrings","newOptions","BOTH","onDayCreate"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as i,__esDecorate as o,__runInitializers as a,__classPrivateFieldGet as t,__classPrivateFieldSet as n}from"tslib";import{css as r,LitElement as e,unsafeCSS as l,html as s}from"lit";import{customElement as x,property as d,query as m,state as k}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import c from"lottie-web";var y={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
1
|
+
import{__setFunctionName as i,__esDecorate as o,__runInitializers as a,__classPrivateFieldGet as t,__classPrivateFieldSet as n}from"tslib";import{css as r,LitElement as e,unsafeCSS as l,html as s}from"lit";import{customElement as x,property as d,query as m,state as k}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import*as c from"lottie-web";var y={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } 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?inline';\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 = unsafeCSS(Styles);\n\n /** Whether the button is disabled. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Animation container element.\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Instance of animation.\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n /** Whether to stop at next loop completion\n * @internal\n */\n @state()\n private accessor _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","customElement","LitElement","_classThis","_classSuper","disabled","__classPrivateFieldGet","this","_AILaunchButton_disabled_accessor_storage","value","__classPrivateFieldSet","_containerEl","_AILaunchButton__containerEl_accessor_storage","_animation","_AILaunchButton__animation_accessor_storage","_shouldStop","_AILaunchButton__shouldStop_accessor_storage","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","set","__runInitializers","_disabled_initializers","_disabled_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","__animation_extraInitializers","__shouldStop_initializers","_disabled_decorators","property","type","Boolean","query","__animation_decorators","state","__shouldStop_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__shouldStop_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAc,qCAD1BC,EAAc,6BACqBC,iDAARC,EAAA,cAAQC,EAKlC,YAASC,GAAQ,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAjB,YAASH,CAAQI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAMjB,gBAAiBE,GAAY,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAA7B,gBAAiBD,CAAYF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAM7B,cAAiBI,GAAU,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAA3B,cAAiBD,CAAUJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAM3B,eAAiBM,GAAW,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAA5B,eAAiBD,CAAWN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAEnB,MAAAQ,GACP,MAAMC,EAAU,CACd,oBAAoB,EACpBb,SAAUE,KAAKF,UAGjB,OAAOc,CAAI;;;iBAGEC,EAASF;;qBAELX,KAAKF;iBACT,IAAME,KAAKc;sBACN,IAAMd,KAAKe;sBACX,IAAMf,KAAKgB;;;;MAOtB,YAAAC,GACPjB,KAAKkB,iBAIC,cAAAA,GACNlB,KAAKM,
|
|
1
|
+
{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss?inline';\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 = unsafeCSS(Styles);\n\n /** Whether the button is disabled. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Animation container element.\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Instance of animation.\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n /** Whether to stop at next loop completion\n * @internal\n */\n @state()\n private accessor _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 as any).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","customElement","LitElement","_classThis","_classSuper","disabled","__classPrivateFieldGet","this","_AILaunchButton_disabled_accessor_storage","value","__classPrivateFieldSet","_containerEl","_AILaunchButton__containerEl_accessor_storage","_animation","_AILaunchButton__animation_accessor_storage","_shouldStop","_AILaunchButton__shouldStop_accessor_storage","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","set","__runInitializers","_disabled_initializers","_disabled_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","__animation_extraInitializers","__shouldStop_initializers","_disabled_decorators","property","type","Boolean","query","__animation_decorators","state","__shouldStop_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__shouldStop_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as r,LitElement as n,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as p}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import{unsafeSVG as f}from"lit-html/directives/unsafe-svg.js";import{getPlaceholder as g,injectFlatpickrStyles as k,updateEnableTime as v,clearFlatpickrInput as b,emitValue as y,initializeSingleAnchorFlatpickr as x,getModalContainer as w,setCalendarAttributes as _,hideEmptyYear as D,getFlatpickrOptions as I,preventFlatpickrOpen as z,handleInputClick as F,handleInputFocus as S,loadLocale as E}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as M}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{c as T,q as $,r as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var A=r`*,
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as r,LitElement as n,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as p}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import{unsafeSVG as f}from"lit-html/directives/unsafe-svg.js";import{getPlaceholder as g,injectFlatpickrStyles as k,updateEnableTime as v,clearFlatpickrInput as b,emitValue as y,initializeSingleAnchorFlatpickr as x,getModalContainer as w,setCalendarAttributes as _,hideEmptyYear as D,getFlatpickrOptions as I,preventFlatpickrOpen as z,handleInputClick as F,handleInputFocus as S,loadLocale as E}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as M}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{c as T,q as $,r as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var A=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{DatePicker}from"./datepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"lit-html/directives/unsafe-svg.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
1
|
+
export{DatePicker}from"./datepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"lit-html/directives/unsafe-svg.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as n,LitElement as r,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as u}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import{unsafeSVG as g}from"lit-html/directives/unsafe-svg.js";import{DateRangeEditableMode as f,getPlaceholder as v,injectFlatpickrStyles as k,updateEnableTime as b,clearFlatpickrInput as y,emitValue as x,initializeSingleAnchorFlatpickr as w,getModalContainer as D,setCalendarAttributes as _,hideEmptyYear as I,getFlatpickrOptions as E,applyDateRangeEditingRestrictions as F,preventFlatpickrOpen as S,handleInputClick as z,handleInputFocus as M,loadLocale as T}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as A}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{c as $,q as O,r as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var R=n`*,
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as n,LitElement as r,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as u}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import{unsafeSVG as g}from"lit-html/directives/unsafe-svg.js";import{DateRangeEditableMode as f,getPlaceholder as v,injectFlatpickrStyles as k,updateEnableTime as b,clearFlatpickrInput as y,emitValue as x,initializeSingleAnchorFlatpickr as w,getModalContainer as D,setCalendarAttributes as _,hideEmptyYear as I,getFlatpickrOptions as E,applyDateRangeEditingRestrictions as F,preventFlatpickrOpen as S,handleInputClick as z,handleInputFocus as M,loadLocale as T}from"../../../common/helpers/flatpickr.js";import"../button/button.js";import{c as A}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{c as $,q as O,r as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var R=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{DateRangePicker}from"./daterangepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"lit-html/directives/unsafe-svg.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
1
|
+
export{DateRangePicker}from"./daterangepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"lit-html/directives/unsafe-svg.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as s,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{LitElement as o,unsafeCSS as r,html as d}from"lit";import{customElement as c,property as p,state as l,query as h}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import u from"lottie-web";import{c as _,a as v}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";let y=(()=>{var y,E,k,b;let w,S,j,M,W,$,x=[c("kyn-loader-inline")],C=[],L=o,O=[],A=[],D=[],I=[],P=[],U=[],q=[],z=[];return S=class extends L{get status(){return a(this,y,"f")}set status(t){i(this,y,t,"f")}get _stopped(){return a(this,E,"f")}set _stopped(t){i(this,E,t,"f")}get _hidden(){return a(this,k,"f")}set _hidden(t){i(this,k,t,"f")}get _containerEl(){return a(this,b,"f")}set _containerEl(t){i(this,b,t,"f")}render(){const t={wrapper:!0,"variant-inline":!0,stopped:this._stopped,hidden:this._hidden,"status-success":"success"===this.status,"status-error":"error"===this.status};return d`
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as s,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{LitElement as o,unsafeCSS as r,html as d}from"lit";import{customElement as c,property as p,state as l,query as h}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import*as u from"lottie-web";import{c as _,a as v}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";let y=(()=>{var y,E,k,b;let w,S,j,M,W,$,x=[c("kyn-loader-inline")],C=[],L=o,O=[],A=[],D=[],I=[],P=[],U=[],q=[],z=[];return S=class extends L{get status(){return a(this,y,"f")}set status(t){i(this,y,t,"f")}get _stopped(){return a(this,E,"f")}set _stopped(t){i(this,E,t,"f")}get _hidden(){return a(this,k,"f")}set _hidden(t){i(this,k,t,"f")}get _containerEl(){return a(this,b,"f")}set _containerEl(t){i(this,b,t,"f")}render(){const t={wrapper:!0,"variant-inline":!0,stopped:this._stopped,hidden:this._hidden,"status-success":"success"===this.status,"status-error":"error"===this.status};return d`
|
|
2
2
|
<div class="${m(t)}">
|
|
3
3
|
<div class="container"></div>
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline.js","sources":["../../../../src/components/reusable/loaders/inline.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } 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/indeterminate.json';\nimport Styles from './inline.scss?inline';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\n/**\n * Inline Loader.\n * @fires on-start - Emits when the loader been started. `detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed. `detail: null`\n * @slot unnamed - Slot for text/description.\n */\n@customElement('kyn-loader-inline')\nexport class LoaderInline extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n\n <slot></slot>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n // initialize the animation\n lottie.loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n // this._animation.addEventListener('loopComplete', () => {\n // if (this.status !== 'active') {\n // this._animation.stop();\n // this._stopped = true;\n // }\n // });\n\n // hide the wrapper element after stopped and transitionend\n this._containerEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('status')) {\n // play the animation if stopped prop changes to false\n if (this.status === 'active') {\n // this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n } else {\n // this._animation.pause();\n this._stopped = true;\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader-inline': LoaderInline;\n }\n}\n"],"names":["LoaderInline","customElement","LitElement","_classThis","_classSuper","status","__classPrivateFieldGet","this","_LoaderInline_status_accessor_storage","value","__classPrivateFieldSet","_stopped","_LoaderInline__stopped_accessor_storage","_hidden","_LoaderInline__hidden_accessor_storage","_containerEl","_LoaderInline__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","_emitStop","updated","changedProps","has","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_status_initializers","_status_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_status_decorators","property","type","String","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"inline.js","sources":["../../../../src/components/reusable/loaders/inline.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/indeterminate.json';\nimport Styles from './inline.scss?inline';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\n/**\n * Inline Loader.\n * @fires on-start - Emits when the loader been started. `detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed. `detail: null`\n * @slot unnamed - Slot for text/description.\n */\n@customElement('kyn-loader-inline')\nexport class LoaderInline extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n\n <slot></slot>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n // initialize the animation\n (lottie as any).loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n // this._animation.addEventListener('loopComplete', () => {\n // if (this.status !== 'active') {\n // this._animation.stop();\n // this._stopped = true;\n // }\n // });\n\n // hide the wrapper element after stopped and transitionend\n this._containerEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('status')) {\n // play the animation if stopped prop changes to false\n if (this.status === 'active') {\n // this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n } else {\n // this._animation.pause();\n this._stopped = true;\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader-inline': LoaderInline;\n }\n}\n"],"names":["LoaderInline","customElement","LitElement","_classThis","_classSuper","status","__classPrivateFieldGet","this","_LoaderInline_status_accessor_storage","value","__classPrivateFieldSet","_stopped","_LoaderInline__stopped_accessor_storage","_hidden","_LoaderInline__hidden_accessor_storage","_containerEl","_LoaderInline__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","_emitStop","updated","changedProps","has","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_status_initializers","_status_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_status_decorators","property","type","String","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as i,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as e,__classPrivateFieldSet as n}from"tslib";import{css as s,LitElement as o,unsafeCSS as r,html as p}from"lit";import{customElement as l,property as m,state as d,query as x}from"lit/decorators.js";import{classMap as k}from"lit/directives/class-map.js";import c from"lottie-web";var h={v:"4.8.0",meta:{g:"LottieFiles AE 3.5.7",a:"",k:"",d:"",tc:""},fr:30,ip:0,op:101,w:500,h:500,nm:"Pre Loader",ddd:0,assets:[{id:"comp_0",layers:[{ddd:0,ind:1,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[.184313729405,.501960813999,.549019634724,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:23,op:101,st:23,bm:0},{ddd:0,ind:2,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[1,0,0,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:0,op:101,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Filler",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:101,st:0,bm:0}]},{id:"comp_1",layers:[{ddd:0,ind:1,ty:4,nm:"Mask",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[964,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[130.395,368.008],ix:2},p:{a:0,k:[0,3],ix:3},r:{a:0,k:73,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[-3.311,-127.861],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[94.051,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Rectangle 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:900,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Fill 2",parent:3,tt:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.701,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:55,op:900,st:0,bm:0},{ddd:0,ind:3,ty:3,nm:"Controller",sr:1,ks:{o:{a:0,k:0,ix:11},r:{a:1,k:[{i:{x:[.352],y:[1]},o:{x:[.659],y:[0]},t:10,s:[0]},{t:55,s:[-360]}],ix:10},p:{a:0,k:[960,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ip:0,op:900,st:0,bm:0},{ddd:0,ind:4,ty:4,nm:"Fill 1",parent:3,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.8,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:55,st:0,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Loader Main",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,260.025,0],ix:2},a:{a:0,k:[250,250,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,w:500,h:500,ip:0,op:101,st:0,bm:0}],markers:[]},y=s`*,
|
|
1
|
+
import{__setFunctionName as i,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as e,__classPrivateFieldSet as n}from"tslib";import{css as s,LitElement as o,unsafeCSS as r,html as p}from"lit";import{customElement as l,property as m,state as d,query as x}from"lit/decorators.js";import{classMap as k}from"lit/directives/class-map.js";import*as c from"lottie-web";var h={v:"4.8.0",meta:{g:"LottieFiles AE 3.5.7",a:"",k:"",d:"",tc:""},fr:30,ip:0,op:101,w:500,h:500,nm:"Pre Loader",ddd:0,assets:[{id:"comp_0",layers:[{ddd:0,ind:1,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[.184313729405,.501960813999,.549019634724,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:23,op:101,st:23,bm:0},{ddd:0,ind:2,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[1,0,0,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:0,op:101,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Filler",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:101,st:0,bm:0}]},{id:"comp_1",layers:[{ddd:0,ind:1,ty:4,nm:"Mask",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[964,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[130.395,368.008],ix:2},p:{a:0,k:[0,3],ix:3},r:{a:0,k:73,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[-3.311,-127.861],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[94.051,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Rectangle 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:900,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Fill 2",parent:3,tt:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.701,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:55,op:900,st:0,bm:0},{ddd:0,ind:3,ty:3,nm:"Controller",sr:1,ks:{o:{a:0,k:0,ix:11},r:{a:1,k:[{i:{x:[.352],y:[1]},o:{x:[.659],y:[0]},t:10,s:[0]},{t:55,s:[-360]}],ix:10},p:{a:0,k:[960,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ip:0,op:900,st:0,bm:0},{ddd:0,ind:4,ty:4,nm:"Fill 1",parent:3,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.8,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:55,st:0,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Loader Main",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,260.025,0],ix:2},a:{a:0,k:[250,250,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,w:500,h:500,ip:0,op:101,st:0,bm:0}],markers:[]},y=s`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../../../../src/components/reusable/loaders/loader.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } 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/loader.json';\nimport Styles from './loader.scss?inline';\n\n/**\n * Loader.\n * @fires on-start - Emits when the loader been started.`detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed.`detail:null`\n */\n@customElement('kyn-loader')\nexport class Loader extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Animation stopped state */\n @property({ type: Boolean })\n accessor stopped = false;\n\n /** Display the loader as an overlay */\n @property({ type: Boolean })\n accessor overlay = false;\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Wrapper element\n * @internal\n */\n @query('.wrapper')\n private accessor _wrapperEl!: any;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Animation instance\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n overlay: this.overlay,\n stopped: this._stopped,\n hidden: this._hidden,\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.stopped;\n this._hidden = this.stopped;\n\n // initialize the animation\n this._animation = lottie.loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n this._animation.addEventListener('loopComplete', () => {\n if (this.stopped) {\n this._animation.stop();\n this._stopped = true;\n }\n });\n\n // hide the wrapper element and emit an event after stopped and transitionend\n this._wrapperEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('stopped')) {\n // play the animation if stopped prop changes to false\n if (!this.stopped) {\n this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader': Loader;\n }\n}\n"],"names":["Loader","customElement","LitElement","_classThis","_classSuper","stopped","__classPrivateFieldGet","this","_Loader_stopped_accessor_storage","value","__classPrivateFieldSet","overlay","_Loader_overlay_accessor_storage","_stopped","_Loader__stopped_accessor_storage","_wrapperEl","_Loader__wrapperEl_accessor_storage","_hidden","_Loader__hidden_accessor_storage","_containerEl","_Loader__containerEl_accessor_storage","_animation","_Loader__animation_accessor_storage","render","Classes","wrapper","hidden","html","classMap","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","stop","_emitStop","updated","changedProps","has","play","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_stopped_initializers","_stopped_extraInitializers","_overlay_initializers","_overlay_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__wrapperEl_initializers","__wrapperEl_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","_stopped_decorators","property","type","Boolean","_overlay_decorators","__stopped_decorators","state","query","__hidden_decorators","__animation_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__wrapperEl_decorators","__containerEl_decorators","__animation_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAM,iDADlBC,EAAc,sBACaC,+EAARC,EAAA,cAAQC,EAK1B,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIhB,WAASE,GAAO,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAhB,WAASD,CAAOF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAMhB,YAAiBI,GAAQ,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAzB,YAAiBD,CAAQJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAMzB,cAAiBM,GAAU,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAA3B,cAAiBD,CAAUN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAM3B,WAAiBQ,GAAO,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAxB,WAAiBD,CAAOR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAMxB,gBAAiBU,GAAY,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAA7B,gBAAiBD,CAAYV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAM7B,cAAiBY,GAAU,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAA3B,cAAiBD,CAAUZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAElB,MAAAc,GACP,MAAMC,EAAU,CACdC,SAAS,EACTd,QAASJ,KAAKI,QACdN,QAASE,KAAKM,SACda,OAAQnB,KAAKU,SAGf,OAAOU,CAAI;oBACKC,EAASJ;;;MAMlB,YAAAK,GAEPtB,KAAKM,SAAWN,KAAKF,QACrBE,KAAKU,QAAUV,KAAKF,QAGpBE,KAAKc,
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../../src/components/reusable/loaders/loader.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/loader.json';\nimport Styles from './loader.scss?inline';\n\n/**\n * Loader.\n * @fires on-start - Emits when the loader been started.`detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed.`detail:null`\n */\n@customElement('kyn-loader')\nexport class Loader extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Animation stopped state */\n @property({ type: Boolean })\n accessor stopped = false;\n\n /** Display the loader as an overlay */\n @property({ type: Boolean })\n accessor overlay = false;\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Wrapper element\n * @internal\n */\n @query('.wrapper')\n private accessor _wrapperEl!: any;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Animation instance\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n overlay: this.overlay,\n stopped: this._stopped,\n hidden: this._hidden,\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.stopped;\n this._hidden = this.stopped;\n\n // initialize the animation\n this._animation = (lottie as any).loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n this._animation.addEventListener('loopComplete', () => {\n if (this.stopped) {\n this._animation.stop();\n this._stopped = true;\n }\n });\n\n // hide the wrapper element and emit an event after stopped and transitionend\n this._wrapperEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('stopped')) {\n // play the animation if stopped prop changes to false\n if (!this.stopped) {\n this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader': Loader;\n }\n}\n"],"names":["Loader","customElement","LitElement","_classThis","_classSuper","stopped","__classPrivateFieldGet","this","_Loader_stopped_accessor_storage","value","__classPrivateFieldSet","overlay","_Loader_overlay_accessor_storage","_stopped","_Loader__stopped_accessor_storage","_wrapperEl","_Loader__wrapperEl_accessor_storage","_hidden","_Loader__hidden_accessor_storage","_containerEl","_Loader__containerEl_accessor_storage","_animation","_Loader__animation_accessor_storage","render","Classes","wrapper","hidden","html","classMap","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","stop","_emitStop","updated","changedProps","has","play","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_stopped_initializers","_stopped_extraInitializers","_overlay_initializers","_overlay_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__wrapperEl_initializers","__wrapperEl_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","_stopped_decorators","property","type","Boolean","_overlay_decorators","__stopped_decorators","state","query","__hidden_decorators","__animation_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__wrapperEl_decorators","__containerEl_decorators","__animation_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as a,__runInitializers as e,__classPrivateFieldGet as i,__classPrivateFieldSet as s}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as n,LitElement as o,unsafeCSS as c,html as d}from"lit";import{customElement as l,property as p,state as h,query as m}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import k from"lottie-web";import{c as u,a as y}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var w=n`/* aiLoader.scss */
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as a,__runInitializers as e,__classPrivateFieldGet as i,__classPrivateFieldSet as s}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as n,LitElement as o,unsafeCSS as c,html as d}from"lit";import{customElement as l,property as p,state as h,query as m}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import*as k from"lottie-web";import{c as u,a as y}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var w=n`/* aiLoader.scss */
|
|
2
2
|
*,
|
|
3
3
|
*::before,
|
|
4
4
|
*::after {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../../src/components/reusable/loaders/spinner.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\n\nimport InlineStyles from './inline.scss?inline';\nimport AiStyles from './aiLoader.scss?inline';\n\nimport animationData from './json/indeterminate.json';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\ntype SpinnerVariant = 'ai' | 'inline';\ntype SpinnerSize = 'default' | 'mini';\n\n/**\n * Spinner component\n *\n * - tag: <kyn-spinner>\n * - variant: 'ai' (CSS/SVG spinner) or 'inline' (lottie indeterminate animation)\n * - status: for inline variant -> 'active' | 'inactive' | 'success' | 'error'\n * - size: for ai variant -> 'default' | 'mini'\n *\n * Colors can be set via properties: primaryColor, secondaryColor, trackColor\n * which set CSS variables on the host (--loader-primary, --loader-secondary, --loader-track).\n */\n@customElement('kyn-spinner')\nexport class KynSpinner extends LitElement {\n static override styles = [unsafeCSS(InlineStyles), unsafeCSS(AiStyles)];\n\n /** Which variant to render: 'ai' | 'inline' */\n @property({ type: String })\n accessor variant: SpinnerVariant = 'ai';\n\n /** Inline spinner status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Size for AI spinner */\n @property({ type: String })\n accessor size: SpinnerSize = 'default';\n\n /** Primary color for spinner (CSS color string). Sets --loader-primary on host. */\n @property({ type: String })\n accessor primaryColor: string | undefined = undefined;\n\n /** Secondary color (e.g., arc color). Sets --loader-secondary on host. */\n @property({ type: String })\n accessor secondaryColor: string | undefined = undefined;\n\n /** Track/backdrop color for SVG track. Sets --loader-track on host. */\n @property({ type: String })\n accessor trackColor: string | undefined = undefined;\n\n /** Inline spinner internal states */\n @state()\n private accessor _stopped = false;\n\n @state()\n private accessor _hidden = false;\n\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n if (this.variant === 'inline') {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n <slot></slot>\n </div>\n `;\n }\n\n const Classes = {\n wrapper: true,\n 'variant-ai': true,\n 'ai-connected': true,\n [`size-${this.size}`]: true,\n };\n\n return html`\n <div\n class=\"${classMap(Classes)}\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Loading\"\n >\n <div class=\"ai-spinner-svg\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 100 100\" class=\"ai-svg\">\n <circle class=\"ai-track\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n <circle class=\"ai-arc\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n </svg>\n </div>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._syncCssVars();\n }\n\n override updated(changed: Map<string, unknown>) {\n if (\n changed.has('primaryColor') ||\n changed.has('secondaryColor') ||\n changed.has('trackColor')\n ) {\n this._syncCssVars();\n }\n if (changed.has('status') && this.variant === 'inline') {\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n if (this.status === 'active') this._emitStart();\n }\n }\n\n override firstUpdated() {\n if (this.variant !== 'inline') return;\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n try {\n lottie.loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: this.status === 'active',\n animationData,\n });\n } catch {\n /* do nothing on error -- lottie failed to load/render */\n }\n\n this._containerEl?.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n private _syncCssVars() {\n if (this.primaryColor)\n this.style.setProperty('--loader-primary', this.primaryColor);\n if (this.secondaryColor)\n this.style.setProperty('--loader-secondary', this.secondaryColor);\n if (this.trackColor)\n this.style.setProperty('--loader-track', this.trackColor);\n }\n\n private _emitStart() {\n this.dispatchEvent(new CustomEvent('on-start'));\n }\n private _emitStop() {\n this.dispatchEvent(new CustomEvent('on-stop'));\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-spinner': KynSpinner;\n }\n}\n"],"names":["KynSpinner","customElement","LitElement","_classThis","_classSuper","variant","__classPrivateFieldGet","this","_KynSpinner_variant_accessor_storage","value","__classPrivateFieldSet","status","_KynSpinner_status_accessor_storage","size","_KynSpinner_size_accessor_storage","primaryColor","_KynSpinner_primaryColor_accessor_storage","secondaryColor","_KynSpinner_secondaryColor_accessor_storage","trackColor","_KynSpinner_trackColor_accessor_storage","_stopped","_KynSpinner__stopped_accessor_storage","_hidden","_KynSpinner__hidden_accessor_storage","_containerEl","_KynSpinner__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","connectedCallback","super","_syncCssVars","updated","changed","has","_emitStart","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","_a","addEventListener","_emitStop","style","setProperty","dispatchEvent","CustomEvent","set","__runInitializers","_variant_initializers","_variant_extraInitializers","_status_initializers","_status_extraInitializers","_size_initializers","_size_extraInitializers","_primaryColor_initializers","undefined","_primaryColor_extraInitializers","_secondaryColor_initializers","_secondaryColor_extraInitializers","_trackColor_initializers","_trackColor_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_variant_decorators","property","type","String","_status_decorators","_size_decorators","_primaryColor_decorators","_secondaryColor_decorators","_trackColor_decorators","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","InlineStyles","AiStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../../src/components/reusable/loaders/spinner.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\n\nimport InlineStyles from './inline.scss?inline';\nimport AiStyles from './aiLoader.scss?inline';\n\nimport animationData from './json/indeterminate.json';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\ntype SpinnerVariant = 'ai' | 'inline';\ntype SpinnerSize = 'default' | 'mini';\n\n/**\n * Spinner component\n *\n * - tag: <kyn-spinner>\n * - variant: 'ai' (CSS/SVG spinner) or 'inline' (lottie indeterminate animation)\n * - status: for inline variant -> 'active' | 'inactive' | 'success' | 'error'\n * - size: for ai variant -> 'default' | 'mini'\n *\n * Colors can be set via properties: primaryColor, secondaryColor, trackColor\n * which set CSS variables on the host (--loader-primary, --loader-secondary, --loader-track).\n */\n@customElement('kyn-spinner')\nexport class KynSpinner extends LitElement {\n static override styles = [unsafeCSS(InlineStyles), unsafeCSS(AiStyles)];\n\n /** Which variant to render: 'ai' | 'inline' */\n @property({ type: String })\n accessor variant: SpinnerVariant = 'ai';\n\n /** Inline spinner status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Size for AI spinner */\n @property({ type: String })\n accessor size: SpinnerSize = 'default';\n\n /** Primary color for spinner (CSS color string). Sets --loader-primary on host. */\n @property({ type: String })\n accessor primaryColor: string | undefined = undefined;\n\n /** Secondary color (e.g., arc color). Sets --loader-secondary on host. */\n @property({ type: String })\n accessor secondaryColor: string | undefined = undefined;\n\n /** Track/backdrop color for SVG track. Sets --loader-track on host. */\n @property({ type: String })\n accessor trackColor: string | undefined = undefined;\n\n /** Inline spinner internal states */\n @state()\n private accessor _stopped = false;\n\n @state()\n private accessor _hidden = false;\n\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n if (this.variant === 'inline') {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n <slot></slot>\n </div>\n `;\n }\n\n const Classes = {\n wrapper: true,\n 'variant-ai': true,\n 'ai-connected': true,\n [`size-${this.size}`]: true,\n };\n\n return html`\n <div\n class=\"${classMap(Classes)}\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Loading\"\n >\n <div class=\"ai-spinner-svg\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 100 100\" class=\"ai-svg\">\n <circle class=\"ai-track\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n <circle class=\"ai-arc\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n </svg>\n </div>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._syncCssVars();\n }\n\n override updated(changed: Map<string, unknown>) {\n if (\n changed.has('primaryColor') ||\n changed.has('secondaryColor') ||\n changed.has('trackColor')\n ) {\n this._syncCssVars();\n }\n if (changed.has('status') && this.variant === 'inline') {\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n if (this.status === 'active') this._emitStart();\n }\n }\n\n override firstUpdated() {\n if (this.variant !== 'inline') return;\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n try {\n (lottie as any).loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: this.status === 'active',\n animationData,\n });\n } catch {\n /* do nothing on error -- lottie failed to load/render */\n }\n\n this._containerEl?.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n private _syncCssVars() {\n if (this.primaryColor)\n this.style.setProperty('--loader-primary', this.primaryColor);\n if (this.secondaryColor)\n this.style.setProperty('--loader-secondary', this.secondaryColor);\n if (this.trackColor)\n this.style.setProperty('--loader-track', this.trackColor);\n }\n\n private _emitStart() {\n this.dispatchEvent(new CustomEvent('on-start'));\n }\n private _emitStop() {\n this.dispatchEvent(new CustomEvent('on-stop'));\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-spinner': KynSpinner;\n }\n}\n"],"names":["KynSpinner","customElement","LitElement","_classThis","_classSuper","variant","__classPrivateFieldGet","this","_KynSpinner_variant_accessor_storage","value","__classPrivateFieldSet","status","_KynSpinner_status_accessor_storage","size","_KynSpinner_size_accessor_storage","primaryColor","_KynSpinner_primaryColor_accessor_storage","secondaryColor","_KynSpinner_secondaryColor_accessor_storage","trackColor","_KynSpinner_trackColor_accessor_storage","_stopped","_KynSpinner__stopped_accessor_storage","_hidden","_KynSpinner__hidden_accessor_storage","_containerEl","_KynSpinner__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","connectedCallback","super","_syncCssVars","updated","changed","has","_emitStart","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","_a","addEventListener","_emitStop","style","setProperty","dispatchEvent","CustomEvent","set","__runInitializers","_variant_initializers","_variant_extraInitializers","_status_initializers","_status_extraInitializers","_size_initializers","_size_extraInitializers","_primaryColor_initializers","undefined","_primaryColor_extraInitializers","_secondaryColor_initializers","_secondaryColor_extraInitializers","_trackColor_initializers","_trackColor_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_variant_decorators","property","type","String","_status_decorators","_size_decorators","_primaryColor_decorators","_secondaryColor_decorators","_trackColor_decorators","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","InlineStyles","AiStyles"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{TimePicker}from"./timepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
1
|
+
export{TimePicker}from"./timepicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"../button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";import"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as r,LitElement as n,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as p}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import"../button/button.js";import{injectFlatpickrStyles as f,clearFlatpickrInput as k,emitValue as g,initializeSingleAnchorFlatpickr as v,getModalContainer as b,setCalendarAttributes as y,hideEmptyYear as x,getFlatpickrOptions as w,preventFlatpickrOpen as _,handleInputClick as z,handleInputFocus as T,loadLocale as S}from"../../../common/helpers/flatpickr.js";import{c as M}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{unsafeSVG as I}from"lit-html/directives/unsafe-svg.js";import{c as C,v as F,r as E}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";var $=r`*,
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as r,LitElement as n,unsafeCSS as l,html as o}from"lit";import{customElement as d,property as c,state as h,query as p}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{FormMixin as m}from"../../../common/mixins/form-input.js";import"../button/button.js";import{injectFlatpickrStyles as f,clearFlatpickrInput as k,emitValue as g,initializeSingleAnchorFlatpickr as v,getModalContainer as b,setCalendarAttributes as y,hideEmptyYear as x,getFlatpickrOptions as w,preventFlatpickrOpen as _,handleInputClick as z,handleInputFocus as T,loadLocale as S}from"../../../common/helpers/flatpickr.js";import{c as M}from"../../../shidoka-flatpickr-theme-C3BFDEsz.js";import{unsafeSVG as I}from"lit-html/directives/unsafe-svg.js";import{c as C,v as F,r as E}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/flatpickrLangs.js";import"../../../common/helpers/flatpickrOverlayPosition.js";var $=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-CT51Uy4V.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"./vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"query-selector-shadow-dom";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"./common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/flatpickrLangs.js";import"./common/helpers/flatpickrOverlayPosition.js";import"./shidoka-flatpickr-theme-C3BFDEsz.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"prismjs-components-importer";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.js";import"./components/reusable/splitButton/defs.js";
|
|
1
|
+
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-CT51Uy4V.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"./vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"query-selector-shadow-dom";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"./common/helpers/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/flatpickrLangs.js";import"./common/helpers/flatpickrOverlayPosition.js";import"./shidoka-flatpickr-theme-C3BFDEsz.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"prismjs-components-importer";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.js";import"./components/reusable/splitButton/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|