@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.3

package/cjs/time-slot-bar-week/time-slot-bar-week-days.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@react-spring/web"),l=require("../external/dayjs/dayjs.min.js"),r=require("../external/lodash/isEmpty.js"),i=require("../external/lodash/maxBy.js"),a=require("../external/lodash/minBy.js"),n=require("react"),o=require("../external/react-resize-detector/build/index.esm.js"),s=require("../shared/accessibility/index.js"),d=require("../shared/internal-calendar/day-cell/day-cell.js"),c=require("../util/calendar-helper.js"),u=require("../util/date-helper.js");require("../util/simple-id-generator.js");var f=require("../util/string-helper.js");require("@react-aria/live-announcer");var m=require("../util/time-helper.js"),h=require("../v3_theme/index.js"),v=require("./time-slot-bar-week-days.style.js");exports.TimeSlotBarWeekDays=({calendarDate:p,disabledDates:x,selectedDate:b,onSelect:g,minDate:j,maxDate:y,startTime:T,endTime:k,maxVisibleCellHeight:D,slots:w,interval:C=30,variant:M="flexible",enableSelection:$=!0,onSlotClick:H})=>{var S,I,q,A;const W="YYYY-MM-DD",[L,E]=n.useState(!1),[O,R]=n.useState(),Y=n.useRef({}),B=n.useMemo((()=>c.CalendarHelper.generateDaysForCurrentWeek(p)),[p]),F=Object.values(null!=w?w:{}).flat(),V=null!==(I=null!=T?T:null===(S=a.default(F,"startTime"))||void 0===S?void 0:S.startTime)&&void 0!==I?I:"00:00",P=null!==(A=null!=k?k:null===(q=i.default(F,"endTime"))||void 0===q?void 0:q.endTime)&&void 0!==A?A:"24:00",U=Math.ceil(u.DateHelper.getTimeDiffInMinutes(V,P)/C),{height:z=0,ref:_}=o.useResizeDetector(),G=!!D&&z>D,K=void 0!==D?Math.max(1,Math.floor((D+4)/16)):0,N=D?!G||L?z:K>0?16*K-4:D:z,J=t.useSpring({height:N}),Q=n.useMemo((()=>{if(w){const e={};return Object.entries(w).forEach((([t,l])=>{const i=function(e){const t=Array(U).fill({});return e.forEach((e=>{const l=Math.max(0,u.DateHelper.getTimeDiffInMinutes(V,e.startTime)/C),i=Math.min(U,u.DateHelper.getTimeDiffInMinutes(V,e.endTime)/C),a=Math.ceil(i)-Math.floor(l);switch(M){case"fixed":t[Math.floor(l)]=Object.assign(Object.assign({},e),{isActualSlot:!0,rowIndex:Math.floor(l),cellLength:i-l});break;case"flexible":for(let n=0;n<a;n++){const o=u.DateHelper.addMinutesToTime(V,Math.floor(l+n)*C),s=u.DateHelper.addMinutesToTime(o,C);let d;r.default(t[Math.floor(l+n)])?0===n&&l%1!=0?d="top":n===a-1&&i%1!=0&&(d="bottom"):d=void 0,t[Math.floor(l+n)]=Object.assign(Object.assign({},e),{id:`${e.id}-${n}`,startTime:o,endTime:s,isActualSlot:!0,rowIndex:Math.floor(l+n),cellLength:1,halfFill:d})}}})),t}(l);e[t]=function(e){var t,l,i,a;let n=0;switch(M){case"fixed":for(e=e.reduce(((e,t)=>{const l=e.length>0?e[e.length-1]:e[0];return r.default(t)&&r.default(l)?e:[...e,t]}),[{}]);n<e.length;){if(r.default(e[n])){const r=null!==(l=null===(t=e[n-1])||void 0===t?void 0:t.endTime)&&void 0!==l?l:V,o=null!==(a=null===(i=e[n+1])||void 0===i?void 0:i.startTime)&&void 0!==a?a:P;if(r!==o){const t=u.DateHelper.getTimeDiffInMinutes(r,o)/C;e[n]=Object.assign(Object.assign({},ae(n)),{startTime:r,endTime:o,cellLength:t})}}n++}break;case"flexible":for(;n<e.length;)r.default(e[n])?(e[n]=ae(n),n++):n+=e[n].cellLength}return e.filter((e=>!r.default(e)&&e.cellLength>0))}(i)})),e}return{}}),[w]),X=n.useMemo((()=>B.reduce(((e,t)=>{const l=t.format(W);return e[l]=oe(l).filter((e=>!!e.isActualSlot&&void 0!==e.rowIndex)).map((e=>({key:`${l}-${e.id}`,date:l,rowIndex:e.rowIndex}))).sort(((e,t)=>e.rowIndex-t.rowIndex)),e}),{})),[B,Q]),Z=e=>{R(e)},ee=()=>{R(void 0)},te=(e,t)=>{null==H||H(e,t)},le=(e,t)=>l=>{l.stopPropagation(),te(e,t)},re=e=>{e.preventDefault(),E((e=>!e))},ie=e=>{var t;const r=c.CalendarHelper.isWithinRange(e,j?l.default(j):void 0,y?l.default(y):void 0),i=null!==(t=x&&x.includes(e.format(W)))&&void 0!==t&&t;return!r||i};function ae(e,t=1){return{id:`${e.toString()}-${(new Date).getTime()}`,startTime:"",endTime:"",clickable:!1,isActualSlot:!1,styleAttributes:{backgroundColor:h.V3_Colour["bg-stronger"]},cellLength:t}}function ne(e,t){var r;const{startTime:i,endTime:a}=t;return f.StringHelper.joinNonEmptyStrings([l.default(e).format("D MMMM YYYY dddd"),i&&a?m.TimeHelper.formatTimeRange(i,a):void 0,t.label,null===(r=t.clickable)||void 0===r||r?"Available":"Unavailable"])}function oe(e){var t;return null!==(t=Q[e])&&void 0!==t?t:Array("flexible"===M?U:1).fill(void 0).map(((e,t)=>ae(t,"fixed"===M?U:void 0)))}const se=(t,l)=>{var r;const{id:i,clickable:a=!0,isActualSlot:n,styleAttributes:o,cellLength:d,halfFill:c}=l,{styleType:u="default",backgroundColor:f,backgroundColor2:m}=o,h=`${t}-${i}`,p=G&&!L&&(null!==(r=l.rowIndex)&&void 0!==r?r:0)>=K;return e.jsx(v.TimeSlotComponent,{$type:"vertical",$variant:"default",$styleType:u,$bgColor:f,$bgColor2:m,$halfFill:c,$clickable:a,$height:"fixed"===M?12*d+4*(d-1):12,onClick:()=>a&&te(t,l),children:n&&e.jsx(s.VisuallyHidden,{inert:s.inertValue(p),children:e.jsx("button",{type:"button",ref:e=>{Y.current[h]=e},"aria-disabled":!a,"aria-label":ne(t,l),onKeyDown:e=>{var r;return((e,t)=>{var l;const r=null!==(l=X[t.date])&&void 0!==l?l:[],i=e=>{var t;e&&(null===(t=Y.current[e.key])||void 0===t||t.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const l=r.findIndex((e=>e.key===t.key));i(r[l+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const l=r.findIndex((e=>e.key===t.key));i(r[l-1]);break}case"Home":case"PageUp":e.preventDefault(),i(r[0]);break;case"End":e.preventDefault(),i(r[r.length-1]);break;case"PageDown":if(e.preventDefault(),G&&!L){E(!0);const e=[...r].reverse().find((e=>e.rowIndex<K));i(null!=e?e:r[0]);break}i(r[r.length-1])}})(e,{key:h,date:t,rowIndex:null!==(r=l.rowIndex)&&void 0!==r?r:0})},onClick:a?le(t,l):void 0})})},i)};return e.jsxs(v.Wrapper,{children:[e.jsxs(v.GridWrapper,{role:"grid",children:[e.jsx(v.HeaderCellWeekColumn,{role:"row",onBlur:ee,children:B.map(((t,r)=>{const i=(e=>{const t=e.format(W),l=ie(e),r={},i=$&&!l;l&&(r.disabled=!0),r.interactive=!!$&&i;const a=i&&O&&e.isSame(O,"day"),n=[b].includes(t);return n&&a?(r.labelType="selected-hover",r.circleLeft="selected-hover-outline",r.circleRight="selected-hover-outline"):n?(r.labelType="selected",r.circleLeft="selected-outline",r.circleRight="selected-outline"):a&&(r.labelType="hover",r.circleLeft="hover-subtle",r.circleRight="hover-subtle"),r})(t);return e.jsx(d.DayCell,Object.assign({date:t,calendarDate:l.default(b),role:"columnheader",tabIndex:i.interactive?0:-1,onSelect:()=>{((e,t)=>{!t&&$&&g(e)})(t,!i.interactive)},onHover:Z,onHoverEnd:ee,onFocus:Z},i),`day-${r}`)}))}),e.jsx(v.HeaderCellWeekColumn,{role:"row",children:B.map(((t,r)=>e.jsx(v.HeaderCellWeek,{role:"gridcell",children:e.jsx(v.CellWeekText,{weight:"semibold",$disabled:ie(t),children:l.default(t).format("ddd")})},`week-day-${r}`)))}),(()=>{let t=!1;const r=e=>{const r=l.default(V,"HH:mm").add(4*e*C,"minutes"),i=r.format("h"),a=r.format("mm"),n=r.format("a");let o=`${i}${"00"!==a?` ${a}`:""}`;return t||"pm"!==n||"00"!==a||(o+=` ${n}`,t=!0),o};return e.jsx(v.TimeColumn,{$height:N,"aria-hidden":!0,children:Array(Math.ceil(U/4)).fill(void 0).map(((t,l)=>e.jsx(v.TimeColumnWrapper,{children:e.jsx(v.TimeColumnText,{children:r(l)})},`time-${l}`)))})})(),e.jsx(v.Expandable,{style:J,role:"row",children:e.jsx(v.ColumnWeekCell,{ref:_,children:B.map(((t,l)=>{const r=t.format(W),i=oe(r);return e.jsx(v.TimeSlotWrapper,{role:"gridcell",children:i.map((e=>se(r,e)))},`wrapper-${l}`)}))},`week-cell-${p.format(W)}`)})]}),(()=>{if(D&&_.current)return e.jsx(v.CollapseExpandAllWrapper,{children:e.jsxs(v.CollapseExpandAllButton,{"data-testid":"time-bar-expand-collapse-button",styleType:"light","aria-expanded":L,onClick:re,children:[e.jsx(v.ChevronIcon,{$isExpanded:L}),(L?"Hide":"Show")+" later times"]})})})()]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@react-spring/web"),t=require("../external/dayjs/dayjs.min.js"),l=require("../external/lodash/isEmpty.js"),i=require("../external/lodash/maxBy.js"),a=require("../external/lodash/minBy.js"),n=require("react"),o=require("../external/react-resize-detector/build/index.esm.js"),s=require("../shared/accessibility/index.js"),d=require("../shared/internal-calendar/day-cell/day-cell.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var c=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var u=require("../util/calendar-helper.js"),m=require("../util/date-helper.js");require("../util/simple-id-generator.js");var h=require("../util/string-helper.js");require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var f=require("../util/time-helper.js"),v=require("./time-slot-bar-week-days.style.js");exports.TimeSlotBarWeekDays=({calendarDate:p,disabledDates:x,selectedDate:b,onSelect:g,minDate:j,maxDate:y,startTime:T,endTime:k,maxVisibleCellHeight:D,slots:w,interval:C=30,variant:M="flexible",enableSelection:q=!0,onSlotClick:$})=>{var H,S,I,A;const W="YYYY-MM-DD",[L,E]=n.useState(!1),[O,R]=n.useState(),Y=n.useRef({}),B=n.useMemo((()=>u.CalendarHelper.generateDaysForCurrentWeek(p)),[p]),F=Object.values(null!=w?w:{}).flat(),P=null!==(S=null!=T?T:null===(H=a.default(F,"startTime"))||void 0===H?void 0:H.startTime)&&void 0!==S?S:"00:00",U=null!==(A=null!=k?k:null===(I=i.default(F,"endTime"))||void 0===I?void 0:I.endTime)&&void 0!==A?A:"24:00",V=Math.ceil(m.DateHelper.getTimeDiffInMinutes(P,U)/C),{height:z=0,ref:G}=o.useResizeDetector(),K=!!D&&z>D,N=void 0!==D?Math.max(1,Math.floor((D+4)/16)):0,J=D?!K||L?z:N>0?16*N-4:D:z,Q=r.useSpring({height:J}),X=n.useMemo((()=>{if(w){const e={};return Object.entries(w).forEach((([r,t])=>{const i=function(e){const r=Array(V).fill({});return e.forEach((e=>{const t=Math.max(0,m.DateHelper.getTimeDiffInMinutes(P,e.startTime)/C),i=Math.min(V,m.DateHelper.getTimeDiffInMinutes(P,e.endTime)/C),a=Math.ceil(i)-Math.floor(t);switch(M){case"fixed":r[Math.floor(t)]=Object.assign(Object.assign({},e),{isActualSlot:!0,rowIndex:Math.floor(t),cellLength:i-t});break;case"flexible":for(let n=0;n<a;n++){const o=m.DateHelper.addMinutesToTime(P,Math.floor(t+n)*C),s=m.DateHelper.addMinutesToTime(o,C);let d;l.default(r[Math.floor(t+n)])?0===n&&t%1!=0?d="top":n===a-1&&i%1!=0&&(d="bottom"):d=void 0,r[Math.floor(t+n)]=Object.assign(Object.assign({},e),{id:`${e.id}-${n}`,startTime:o,endTime:s,isActualSlot:!0,rowIndex:Math.floor(t+n),cellLength:1,halfFill:d})}}})),r}(t);e[r]=function(e){var r,t,i,a;let n=0;switch(M){case"fixed":for(e=e.reduce(((e,r)=>{const t=e.length>0?e[e.length-1]:e[0];return l.default(r)&&l.default(t)?e:[...e,r]}),[{}]);n<e.length;){if(l.default(e[n])){const l=null!==(t=null===(r=e[n-1])||void 0===r?void 0:r.endTime)&&void 0!==t?t:P,o=null!==(a=null===(i=e[n+1])||void 0===i?void 0:i.startTime)&&void 0!==a?a:U;if(l!==o){const r=m.DateHelper.getTimeDiffInMinutes(l,o)/C;e[n]=Object.assign(Object.assign({},ae(n)),{startTime:l,endTime:o,cellLength:r})}}n++}break;case"flexible":for(;n<e.length;)l.default(e[n])?(e[n]=ae(n),n++):n+=e[n].cellLength}return e.filter((e=>!l.default(e)&&e.cellLength>0))}(i)})),e}return{}}),[w]),Z=n.useMemo((()=>B.reduce(((e,r)=>{const t=r.format(W);return e[t]=oe(t).filter((e=>!!e.isActualSlot&&void 0!==e.rowIndex)).map((e=>({key:`${t}-${e.id}`,date:t,rowIndex:e.rowIndex}))).sort(((e,r)=>e.rowIndex-r.rowIndex)),e}),{})),[B,X]),_=e=>{R(e)},ee=()=>{R(void 0)},re=(e,r)=>{null==$||$(e,r)},te=(e,r)=>t=>{t.stopPropagation(),re(e,r)},le=e=>{e.preventDefault(),E((e=>!e))},ie=e=>{var r;const l=u.CalendarHelper.isWithinRange(e,j?t.default(j):void 0,y?t.default(y):void 0),i=null!==(r=x&&x.includes(e.format(W)))&&void 0!==r&&r;return!l||i};function ae(e,r=1){return{id:`${e.toString()}-${(new Date).getTime()}`,startTime:"",endTime:"",clickable:!1,isActualSlot:!1,styleAttributes:{backgroundColor:c.Colour["bg-stronger"]},cellLength:r}}function ne(e,r){var l;const{startTime:i,endTime:a}=r;return h.StringHelper.joinNonEmptyStrings([t.default(e).format("D MMMM YYYY dddd"),i&&a?f.TimeHelper.formatTimeRange(i,a):void 0,r.label,null===(l=r.clickable)||void 0===l||l?"Available":"Unavailable"])}function oe(e){var r;return null!==(r=X[e])&&void 0!==r?r:Array("flexible"===M?V:1).fill(void 0).map(((e,r)=>ae(r,"fixed"===M?V:void 0)))}const se=(r,t)=>{var l;const{id:i,clickable:a=!0,isActualSlot:n,styleAttributes:o,cellLength:d,halfFill:c}=t,{styleType:u="default",backgroundColor:m,backgroundColor2:h}=o,f=`${r}-${i}`,p=K&&!L&&(null!==(l=t.rowIndex)&&void 0!==l?l:0)>=N;return e.jsx(v.TimeSlotComponent,{styleType:u,bgColor:m,bgColor2:h,clickable:a,$halfFill:c,$height:"fixed"===M?12*d+4*(d-1):12,onClick:()=>a&&re(r,t),children:n&&e.jsx(s.VisuallyHidden,{inert:s.inertValue(p),children:e.jsx("button",{type:"button",ref:e=>{Y.current[f]=e},"aria-disabled":!a,"aria-label":ne(r,t),onKeyDown:e=>{var l;return((e,r)=>{var t;const l=null!==(t=Z[r.date])&&void 0!==t?t:[],i=e=>{var r;e&&(null===(r=Y.current[e.key])||void 0===r||r.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t-1]);break}case"Home":case"PageUp":e.preventDefault(),i(l[0]);break;case"End":e.preventDefault(),i(l[l.length-1]);break;case"PageDown":if(e.preventDefault(),K&&!L){E(!0);const e=[...l].reverse().find((e=>e.rowIndex<N));i(null!=e?e:l[0]);break}i(l[l.length-1])}})(e,{key:f,date:r,rowIndex:null!==(l=t.rowIndex)&&void 0!==l?l:0})},onClick:a?te(r,t):void 0})})},i)};return e.jsxs(v.Wrapper,{children:[e.jsxs(v.GridWrapper,{role:"grid",children:[e.jsx(v.HeaderCellWeekColumn,{role:"row",onBlur:ee,children:B.map(((r,l)=>{const i=(e=>{const r=e.format(W),t=ie(e),l={},i=q&&!t;t&&(l.disabled=!0),l.interactive=!!q&&i;const a=i&&O&&e.isSame(O,"day"),n=[b].includes(r);return n&&a?(l.labelType="selected-hover",l.circleLeft="selected-hover-outline",l.circleRight="selected-hover-outline"):n?(l.labelType="selected",l.circleLeft="selected-outline",l.circleRight="selected-outline"):a&&(l.labelType="hover",l.circleLeft="hover-subtle",l.circleRight="hover-subtle"),l})(r);return e.jsx(d.DayCell,Object.assign({date:r,calendarDate:t.default(b),role:"columnheader",tabIndex:i.interactive?0:-1,onSelect:()=>{((e,r)=>{!r&&q&&g(e)})(r,!i.interactive)},onHover:_,onHoverEnd:ee,onFocus:_},i),`day-${l}`)}))}),e.jsx(v.HeaderCellWeekColumn,{role:"row",children:B.map(((r,l)=>e.jsx(v.HeaderCellWeek,{role:"gridcell",children:e.jsx(v.CellWeekText,{weight:"semibold",$disabled:ie(r),children:t.default(r).format("ddd")})},`week-day-${l}`)))}),(()=>{let r=!1;const l=e=>{const l=t.default(P,"HH:mm").add(4*e*C,"minutes"),i=l.format("h"),a=l.format("mm"),n=l.format("a");let o=`${i}${"00"!==a?` ${a}`:""}`;return r||"pm"!==n||"00"!==a||(o+=` ${n}`,r=!0),o};return e.jsx(v.TimeColumn,{$height:J,"aria-hidden":!0,children:Array(Math.ceil(V/4)).fill(void 0).map(((r,t)=>e.jsx(v.TimeColumnWrapper,{children:e.jsx(v.TimeColumnText,{children:l(t)})},`time-${t}`)))})})(),e.jsx(v.Expandable,{style:Q,role:"row",children:e.jsx(v.ColumnWeekCell,{ref:G,children:B.map(((r,t)=>{const l=r.format(W),i=oe(l);return e.jsx(v.TimeSlotWrapper,{role:"gridcell",children:i.map((e=>se(l,e)))},`wrapper-${t}`)}))},`week-cell-${p.format(W)}`)})]}),(()=>{if(D&&G.current)return e.jsx(v.CollapseExpandAllWrapper,{children:e.jsxs(v.CollapseExpandAllButton,{"data-testid":"time-bar-expand-collapse-button",styleType:"light","aria-expanded":L,onClick:le,children:[e.jsx(v.ChevronIcon,{$isExpanded:L}),(L?"Hide":"Show")+" later times"]})})})()]})};
 //# sourceMappingURL=time-slot-bar-week-days.js.map

package/cjs/time-slot-bar-week/time-slot-bar-week-days.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-slot-bar-week-days.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.tsx"],"sourcesContent":["import { useSpring } from \"@react-spring/web\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isEmpty from \"lodash/isEmpty\";\nimport maxBy from \"lodash/maxBy\";\nimport minBy from \"lodash/minBy\";\nimport type React from \"react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport type { InternalCalendarProps } from \"../shared/internal-calendar\";\nimport type { CellStyleProps } from \"../shared/internal-calendar/day-cell\";\nimport { DayCell } from \"../shared/internal-calendar/day-cell\";\nimport type { TimeSlot } from \"../time-slot-bar/types\";\nimport { DateHelper } from \"../util\";\nimport { CalendarHelper } from \"../util/calendar-helper\";\nimport { StringHelper } from \"../util/string-helper\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { V3_Colour } from \"../v3_theme\";\nimport {\n    CellWeekText,\n    ChevronIcon,\n    CollapseExpandAllButton,\n    CollapseExpandAllWrapper,\n    ColumnWeekCell,\n    Expandable,\n    GridWrapper,\n    HeaderCellWeek,\n    HeaderCellWeekColumn,\n    TimeColumn,\n    TimeColumnText,\n    TimeColumnWrapper,\n    TimeSlotComponent,\n    TimeSlotWrapper,\n    Wrapper,\n} from \"./time-slot-bar-week-days.style\";\nimport type { TimeSlotCellsVariant } from \"./types\";\n\ninterface TimeSlotWeekDaysProps\n    extends Pick<\n        InternalCalendarProps,\n        \"disabledDates\" | \"minDate\" | \"maxDate\"\n    > {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    slots: { [date: string]: TimeSlot[] };\n    startTime?: string | undefined;\n    endTime?: string | undefined;\n    maxVisibleCellHeight?: number | undefined;\n    interval?: number | undefined;\n    variant?: TimeSlotCellsVariant | undefined;\n    enableSelection?: boolean | undefined;\n    onSlotClick?: ((date: string, timeSlot: TimeSlot) => void) | undefined;\n}\n\ninterface TimeSlotCell extends TimeSlot {\n    cellLength: number;\n    halfFill?: \"top\" | \"bottom\" | undefined;\n    isActualSlot?: boolean | undefined;\n    rowIndex?: number | undefined;\n}\n\ninterface FocusableSlotMeta {\n    key: string;\n    date: string;\n    rowIndex: number;\n}\n\nconst SLOT_HEIGHT = 12; // px\nconst SLOT_GAP = 4; // px\nconst ROW_HEIGHT = SLOT_HEIGHT + SLOT_GAP;\n\nexport const TimeSlotBarWeekDays = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    minDate,\n    maxDate,\n    startTime,\n    endTime,\n    maxVisibleCellHeight,\n    slots: daySlots,\n    interval = 30,\n    variant = \"flexible\",\n    enableSelection = true,\n    onSlotClick,\n}: TimeSlotWeekDaysProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const dateFormat = \"YYYY-MM-DD\";\n    const [expandAll, setExpandAll] = useState<boolean>(false);\n    const [hoverDay, setHoverDay] = useState<Dayjs>();\n    const slotButtonRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n    const currentCalendarWeek = useMemo((): Dayjs[] => {\n        return CalendarHelper.generateDaysForCurrentWeek(calendarDate);\n    }, [calendarDate]);\n\n    const flattenedSlots = Object.values(daySlots ?? {}).flat();\n    const minStartTime =\n        startTime ?? minBy(flattenedSlots, \"startTime\")?.startTime ?? \"00:00\";\n    const maxEndTime =\n        endTime ?? maxBy(flattenedSlots, \"endTime\")?.endTime ?? \"24:00\";\n    const numberOfCells = Math.ceil(\n        DateHelper.getTimeDiffInMinutes(minStartTime, maxEndTime) / interval\n    );\n\n    // React spring animation configuration\n    const { height: actualHeight = 0, ref: cellsRef } = useResizeDetector();\n    const hasCollapsedContent =\n        !!maxVisibleCellHeight && actualHeight > maxVisibleCellHeight;\n    const visibleRowCount =\n        maxVisibleCellHeight !== undefined\n            ? Math.max(\n                  1,\n                  Math.floor((maxVisibleCellHeight + SLOT_GAP) / ROW_HEIGHT)\n              )\n            : 0;\n    const collapsedHeight =\n        visibleRowCount > 0\n            ? visibleRowCount * ROW_HEIGHT - SLOT_GAP\n            : maxVisibleCellHeight;\n    const height = maxVisibleCellHeight\n        ? !hasCollapsedContent || expandAll\n            ? actualHeight\n            : collapsedHeight\n        : actualHeight;\n    const expandableStyles = useSpring({ height });\n\n    const generatedDaySlots = useMemo((): {\n        [date: string]: TimeSlotCell[];\n    } => {\n        if (daySlots) {\n            const transformedDaySlots: Record<string, TimeSlotCell[]> = {};\n            Object.entries(daySlots).forEach(([key, slots]) => {\n                const cellsArray = initializeAndFillSlots(slots);\n                transformedDaySlots[key] = populateEmptyCells(cellsArray);\n            });\n            return transformedDaySlots;\n        }\n        return {};\n    }, [daySlots]);\n\n    const focusableSlotsByDate = useMemo(() => {\n        return currentCalendarWeek.reduce<Record<string, FocusableSlotMeta[]>>(\n            (result, day) => {\n                const formattedDate = day.format(dateFormat);\n\n                result[formattedDate] = getCellsForDate(formattedDate)\n                    .filter(\n                        (\n                            slot\n                        ): slot is TimeSlotCell & {\n                            isActualSlot: true;\n                            rowIndex: number;\n                        } => !!slot.isActualSlot && slot.rowIndex !== undefined\n                    )\n                    .map((slot) => ({\n                        key: `${formattedDate}-${slot.id}`,\n                        date: formattedDate,\n                        rowIndex: slot.rowIndex,\n                    }))\n                    .sort((a, b) => a.rowIndex - b.rowIndex);\n\n                return result;\n            },\n            {}\n        );\n    }, [currentCalendarWeek, generatedDaySlots]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled || !enableSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleDayHover = (value: Dayjs) => {\n        setHoverDay(value);\n    };\n\n    const handleDayHoverClear = () => {\n        setHoverDay(undefined);\n    };\n\n    const handleSlotClick = (date: string, slot: TimeSlot) => {\n        onSlotClick?.(date, slot);\n    };\n\n    const handleSlotButtonClick =\n        (date: string, slot: TimeSlot) =>\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n\n            handleSlotClick(date, slot);\n        };\n\n    const handleExpandCollapseClick = (event: React.MouseEvent) => {\n        event.preventDefault();\n        setExpandAll((prevExpandValue) => !prevExpandValue);\n    };\n\n    const handleSlotKeyDown = (\n        event: React.KeyboardEvent<HTMLButtonElement>,\n        currentSlot: FocusableSlotMeta\n    ) => {\n        const sameColumnSlots = focusableSlotsByDate[currentSlot.date] ?? [];\n\n        const focusSlot = (slot?: FocusableSlotMeta) => {\n            if (!slot) return;\n            slotButtonRefs.current[slot.key]?.focus();\n        };\n\n        switch (event.key) {\n            case \"ArrowRight\":\n            case \"ArrowDown\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex + 1]);\n                break;\n            }\n            case \"ArrowLeft\":\n            case \"ArrowUp\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex - 1]);\n                break;\n            }\n            case \"Home\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"End\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            case \"PageUp\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"PageDown\": {\n                event.preventDefault();\n                if (hasCollapsedContent && !expandAll) {\n                    setExpandAll(true);\n                    const lastVisibleSlot = [...sameColumnSlots]\n                        .reverse()\n                        .find((slot) => slot.rowIndex < visibleRowCount);\n                    focusSlot(lastVisibleSlot ?? sameColumnSlots[0]);\n                    break;\n                }\n\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            }\n            default:\n                break;\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined\n        );\n\n        const isDisabledDate =\n            (disabledDates && disabledDates.includes(day.format(dateFormat))) ??\n            false;\n\n        return !isWithinRange || isDisabledDate;\n    };\n\n    const generateStyleProps = (day: Dayjs) => {\n        const dateStartWithYear = day.format(dateFormat);\n        const disabled = isDisabled(day);\n        const dayCellStyleProps: CellStyleProps = {};\n        const isHoverEnabled = enableSelection && !disabled;\n\n        if (disabled) {\n            dayCellStyleProps.disabled = true;\n        }\n\n        dayCellStyleProps.interactive = enableSelection\n            ? isHoverEnabled\n            : false;\n\n        const isHover =\n            isHoverEnabled && hoverDay && day.isSame(hoverDay, \"day\");\n        const isSelected = [selectedDate].includes(dateStartWithYear);\n\n        if (isSelected && isHover) {\n            dayCellStyleProps.labelType = \"selected-hover\";\n            dayCellStyleProps.circleLeft = \"selected-hover-outline\";\n            dayCellStyleProps.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            dayCellStyleProps.labelType = \"selected\";\n            dayCellStyleProps.circleLeft = \"selected-outline\";\n            dayCellStyleProps.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            dayCellStyleProps.labelType = \"hover\";\n            dayCellStyleProps.circleLeft = \"hover-subtle\";\n            dayCellStyleProps.circleRight = \"hover-subtle\";\n        }\n\n        return dayCellStyleProps;\n    };\n\n    function generateFallbackCell(\n        prefix: string | number,\n        cellLength = 1\n    ): TimeSlotCell {\n        return {\n            id: `${prefix.toString()}-${new Date().getTime()}`,\n            startTime: \"\",\n            endTime: \"\",\n            clickable: false,\n            isActualSlot: false,\n            styleAttributes: {\n                backgroundColor: V3_Colour[\"bg-stronger\"],\n            },\n            cellLength,\n        };\n    }\n\n    function getSlotAriaLabel(date: string, slot: TimeSlot) {\n        const { startTime: slotStartTime, endTime: slotEndTime } = slot;\n\n        return StringHelper.joinNonEmptyStrings([\n            dayjs(date).format(\"D MMMM YYYY dddd\"),\n            slotStartTime && slotEndTime\n                ? TimeHelper.formatTimeRange(slotStartTime, slotEndTime)\n                : undefined,\n            slot.label,\n            slot.clickable ?? true ? \"Available\" : \"Unavailable\",\n        ]);\n    }\n\n    function initializeAndFillSlots(slots: TimeSlot[]): TimeSlotCell[] {\n        const cellsArray = Array(numberOfCells).fill({});\n\n        slots.forEach((slot) => {\n            const startIndex = Math.max(\n                0,\n                DateHelper.getTimeDiffInMinutes(minStartTime, slot.startTime) /\n                    interval\n            );\n            const endIndex = Math.min(\n                numberOfCells,\n                DateHelper.getTimeDiffInMinutes(minStartTime, slot.endTime) /\n                    interval\n            );\n            const cellLength = Math.ceil(endIndex) - Math.floor(startIndex);\n\n            switch (variant) {\n                case \"fixed\":\n                    // Keep fixed slots as 1 long cell\n                    cellsArray[Math.floor(startIndex)] = {\n                        ...slot,\n                        isActualSlot: true,\n                        rowIndex: Math.floor(startIndex),\n                        cellLength: endIndex - startIndex,\n                    };\n                    break;\n                case \"flexible\":\n                    // Split long slot into multiple cells of length 1\n                    for (let i = 0; i < cellLength; i++) {\n                        const startTime = DateHelper.addMinutesToTime(\n                            minStartTime,\n                            Math.floor(startIndex + i) * interval\n                        );\n                        const endTime = DateHelper.addMinutesToTime(\n                            startTime,\n                            interval\n                        );\n\n                        let halfFill: string | undefined;\n\n                        if (!isEmpty(cellsArray[Math.floor(startIndex + i)])) {\n                            // Previous cell extends into current cell, fill entire cell\n                            halfFill = undefined;\n                        } else if (i === 0 && startIndex % 1 !== 0) {\n                            halfFill = \"top\";\n                        } else if (i === cellLength - 1 && endIndex % 1 !== 0) {\n                            halfFill = \"bottom\";\n                        }\n\n                        cellsArray[Math.floor(startIndex + i)] = {\n                            ...slot,\n                            id: `${slot.id}-${i}`,\n                            startTime,\n                            endTime,\n                            isActualSlot: true,\n                            rowIndex: Math.floor(startIndex + i),\n                            cellLength: 1,\n                            halfFill,\n                        };\n                    }\n                    break;\n            }\n        });\n        return cellsArray;\n    }\n\n    function populateEmptyCells(cellsArray: any[]): TimeSlotCell[] {\n        let i = 0;\n        switch (variant) {\n            case \"fixed\":\n                // Truncate consecutive empty cells into 1 [{},{},{...},{},{}] -> [{},{...},{}]\n                cellsArray = cellsArray.reduce(\n                    (result, obj) => {\n                        const lastObj =\n                            result.length > 0\n                                ? result[result.length - 1]\n                                : result[0];\n                        if (isEmpty(obj) && isEmpty(lastObj)) {\n                            return result;\n                        }\n                        return [...result, obj];\n                    },\n                    [{}]\n                );\n\n                // Fill in empty cells with timings & corresponding cell lengths\n                while (i < cellsArray.length) {\n                    if (isEmpty(cellsArray[i])) {\n                        const startTime =\n                            cellsArray[i - 1]?.endTime ?? minStartTime;\n                        const endTime =\n                            cellsArray[i + 1]?.startTime ?? maxEndTime;\n                        if (startTime !== endTime) {\n                            const cellLength =\n                                DateHelper.getTimeDiffInMinutes(\n                                    startTime,\n                                    endTime\n                                ) / interval;\n                            cellsArray[i] = {\n                                ...generateFallbackCell(i),\n                                startTime,\n                                endTime,\n                                cellLength,\n                            };\n                        }\n                    }\n                    i++;\n                }\n                break;\n            case \"flexible\":\n                // Fill in individual empty cell with interval timings\n                while (i < cellsArray.length) {\n                    if (isEmpty(cellsArray[i])) {\n                        cellsArray[i] = generateFallbackCell(i);\n                        i++;\n                    } else {\n                        i += cellsArray[i].cellLength;\n                    }\n                }\n                break;\n        }\n        return cellsArray.filter(\n            (slot) => !isEmpty(slot) && slot.cellLength > 0\n        );\n    }\n\n    function getCellsForDate(formattedDate: string) {\n        return (\n            generatedDaySlots[formattedDate] ??\n            Array(variant === \"flexible\" ? numberOfCells : 1)\n                .fill(undefined)\n                .map((_, index) =>\n                    generateFallbackCell(\n                        index,\n                        variant === \"fixed\" ? numberOfCells : undefined\n                    )\n                )\n        );\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderWeek = () => {\n        return (\n            <HeaderCellWeekColumn role=\"row\">\n                {currentCalendarWeek.map((day, index) => (\n                    <HeaderCellWeek key={`week-day-${index}`} role=\"gridcell\">\n                        <CellWeekText\n                            weight={\"semibold\"}\n                            $disabled={isDisabled(day)}\n                        >\n                            {dayjs(day).format(\"ddd\")}\n                        </CellWeekText>\n                    </HeaderCellWeek>\n                ))}\n            </HeaderCellWeekColumn>\n        );\n    };\n\n    const renderHeader = () => {\n        return (\n            <HeaderCellWeekColumn role=\"row\" onBlur={handleDayHoverClear}>\n                {currentCalendarWeek.map((day, dayIndex) => {\n                    const dayCellStyleProps = generateStyleProps(day);\n\n                    return (\n                        <DayCell\n                            key={`day-${dayIndex}`}\n                            date={day}\n                            calendarDate={dayjs(selectedDate)}\n                            role=\"columnheader\"\n                            tabIndex={dayCellStyleProps.interactive ? 0 : -1}\n                            onSelect={() => {\n                                handleDayClick(\n                                    day,\n                                    !dayCellStyleProps.interactive\n                                );\n                            }}\n                            onHover={handleDayHover}\n                            onHoverEnd={handleDayHoverClear}\n                            onFocus={handleDayHover}\n                            {...dayCellStyleProps}\n                        ></DayCell>\n                    );\n                })}\n            </HeaderCellWeekColumn>\n        );\n    };\n\n    const renderTimeColumn = () => {\n        let hasSetFirstAfternoonHour = false;\n\n        const formatTime = (index: number) => {\n            const parsedTime = dayjs(minStartTime, \"HH:mm\").add(\n                index * 4 * interval,\n                \"minutes\"\n            );\n            const hour = parsedTime.format(\"h\");\n            const minutes = parsedTime.format(\"mm\");\n            const amPm = parsedTime.format(\"a\");\n\n            let formattedTime = `${hour}${\n                minutes !== \"00\" ? ` ${minutes}` : \"\"\n            }`;\n\n            if (\n                !hasSetFirstAfternoonHour &&\n                amPm === \"pm\" &&\n                minutes === \"00\"\n            ) {\n                formattedTime += ` ${amPm}`;\n                hasSetFirstAfternoonHour = true;\n            }\n\n            return formattedTime;\n        };\n\n        return (\n            <TimeColumn $height={height} aria-hidden>\n                {Array(Math.ceil(numberOfCells / 4))\n                    .fill(undefined)\n                    .map((_, index) => (\n                        <TimeColumnWrapper key={`time-${index}`}>\n                            <TimeColumnText>{formatTime(index)}</TimeColumnText>\n                        </TimeColumnWrapper>\n                    ))}\n            </TimeColumn>\n        );\n    };\n    const renderSlotCell = (formattedDate: string, slot: TimeSlotCell) => {\n        const {\n            id,\n            clickable = true,\n            isActualSlot,\n            styleAttributes,\n            cellLength,\n            halfFill,\n        } = slot;\n        const {\n            styleType = \"default\",\n            backgroundColor,\n            backgroundColor2,\n        } = styleAttributes;\n        const slotId = `${formattedDate}-${id}`;\n        const isCollapsedSlot =\n            hasCollapsedContent &&\n            !expandAll &&\n            (slot.rowIndex ?? 0) >= visibleRowCount;\n\n        return (\n            <TimeSlotComponent\n                $type=\"vertical\"\n                $variant=\"default\"\n                key={id}\n                $styleType={styleType}\n                $bgColor={backgroundColor}\n                $bgColor2={backgroundColor2}\n                $halfFill={halfFill}\n                $clickable={clickable}\n                $height={\n                    variant === \"fixed\"\n                        ? cellLength * SLOT_HEIGHT + (cellLength - 1) * SLOT_GAP\n                        : SLOT_HEIGHT\n                }\n                onClick={() =>\n                    clickable && handleSlotClick(formattedDate, slot)\n                }\n            >\n                {isActualSlot && (\n                    <VisuallyHidden inert={inertValue(isCollapsedSlot)}>\n                        <button\n                            type=\"button\"\n                            ref={(element) => {\n                                slotButtonRefs.current[slotId] = element;\n                            }}\n                            aria-disabled={!clickable}\n                            aria-label={getSlotAriaLabel(formattedDate, slot)}\n                            onKeyDown={(event) =>\n                                handleSlotKeyDown(event, {\n                                    key: slotId,\n                                    date: formattedDate,\n                                    rowIndex: slot.rowIndex ?? 0,\n                                })\n                            }\n                            onClick={\n                                clickable\n                                    ? handleSlotButtonClick(formattedDate, slot)\n                                    : undefined\n                            }\n                        />\n                    </VisuallyHidden>\n                )}\n            </TimeSlotComponent>\n        );\n    };\n\n    const renderTimeSlotBarCells = () => {\n        return (\n            <Expandable style={expandableStyles} role=\"row\">\n                <ColumnWeekCell\n                    ref={cellsRef}\n                    key={`week-cell-${calendarDate.format(dateFormat)}`}\n                >\n                    {currentCalendarWeek.map((day, dayIndex) => {\n                        const formattedDate = day.format(dateFormat);\n                        const cellsArray = getCellsForDate(formattedDate);\n                        return (\n                            <TimeSlotWrapper\n                                key={`wrapper-${dayIndex}`}\n                                role=\"gridcell\"\n                            >\n                                {cellsArray.map((slot) =>\n                                    renderSlotCell(formattedDate, slot)\n                                )}\n                            </TimeSlotWrapper>\n                        );\n                    })}\n                </ColumnWeekCell>\n            </Expandable>\n        );\n    };\n\n    const renderCollapseExpandAll = () => {\n        if (!maxVisibleCellHeight || !cellsRef.current) return;\n        return (\n            <CollapseExpandAllWrapper>\n                <CollapseExpandAllButton\n                    data-testid=\"time-bar-expand-collapse-button\"\n                    styleType=\"light\"\n                    aria-expanded={expandAll}\n                    onClick={handleExpandCollapseClick}\n                >\n                    <ChevronIcon $isExpanded={expandAll} />\n                    {`${expandAll ? \"Hide\" : \"Show\"} later times`}\n                </CollapseExpandAllButton>\n            </CollapseExpandAllWrapper>\n        );\n    };\n\n    return (\n        <Wrapper>\n            <GridWrapper role=\"grid\">\n                {renderHeader()}\n                {renderWeek()}\n                {renderTimeColumn()}\n                {renderTimeSlotBarCells()}\n            </GridWrapper>\n            {renderCollapseExpandAll()}\n        </Wrapper>\n    );\n};\n"],"names":["calendarDate","disabledDates","selectedDate","onSelect","minDate","maxDate","startTime","endTime","maxVisibleCellHeight","slots","daySlots","interval","variant","enableSelection","onSlotClick","dateFormat","expandAll","setExpandAll","useState","hoverDay","setHoverDay","slotButtonRefs","useRef","currentCalendarWeek","useMemo","CalendarHelper","generateDaysForCurrentWeek","flattenedSlots","Object","values","flat","minStartTime","_b","_a","minBy","maxEndTime","_d","_c","maxBy","numberOfCells","Math","ceil","DateHelper","getTimeDiffInMinutes","height","actualHeight","ref","cellsRef","useResizeDetector","hasCollapsedContent","visibleRowCount","undefined","max","floor","SLOT_HEIGHT","expandableStyles","useSpring","generatedDaySlots","transformedDaySlots","entries","forEach","key","cellsArray","Array","fill","slot","startIndex","endIndex","min","cellLength","assign","isActualSlot","rowIndex","i","addMinutesToTime","halfFill","isEmpty","id","initializeAndFillSlots","reduce","result","obj","lastObj","length","generateFallbackCell","filter","populateEmptyCells","focusableSlotsByDate","day","formattedDate","format","getCellsForDate","map","date","sort","a","b","handleDayHover","value","handleDayHoverClear","handleSlotClick","handleSlotButtonClick","event","stopPropagation","handleExpandCollapseClick","preventDefault","prevExpandValue","isDisabled","isWithinRange","dayjs","isDisabledDate","includes","prefix","toString","Date","getTime","clickable","styleAttributes","backgroundColor","V3_Colour","getSlotAriaLabel","slotStartTime","slotEndTime","StringHelper","joinNonEmptyStrings","TimeHelper","formatTimeRange","label","_","index","renderSlotCell","styleType","backgroundColor2","slotId","isCollapsedSlot","_jsx","TimeSlotComponent","$type","$variant","$bgColor","$bgColor2","$clickable","$height","onClick","children","VisuallyHidden","inert","inertValue","type","element","current","onKeyDown","currentSlot","sameColumnSlots","focusSlot","focus","currentIndex","findIndex","lastVisibleSlot","reverse","find","handleSlotKeyDown","_jsxs","Wrapper","GridWrapper","role","HeaderCellWeekColumn","onBlur","dayIndex","dayCellStyleProps","dateStartWithYear","disabled","isHoverEnabled","interactive","isHover","isSame","isSelected","labelType","circleLeft","circleRight","generateStyleProps","DayCell","tabIndex","handleDayClick","onHover","onHoverEnd","onFocus","HeaderCellWeek","CellWeekText","weight","$disabled","hasSetFirstAfternoonHour","formatTime","parsedTime","add","hour","minutes","amPm","formattedTime","TimeColumn","TimeColumnWrapper","TimeColumnText","renderTimeColumn","Expandable","style","ColumnWeekCell","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","ChevronIcon","renderCollapseExpandAll"],"mappings":"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"}
+{"version":3,"file":"time-slot-bar-week-days.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.tsx"],"sourcesContent":["import { useSpring } from \"@react-spring/web\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isEmpty from \"lodash/isEmpty\";\nimport maxBy from \"lodash/maxBy\";\nimport minBy from \"lodash/minBy\";\nimport type React from \"react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { inertValue, VisuallyHidden } from \"../shared/accessibility\";\nimport type { InternalCalendarProps } from \"../shared/internal-calendar\";\nimport type { CellStyleProps } from \"../shared/internal-calendar/day-cell\";\nimport { DayCell } from \"../shared/internal-calendar/day-cell\";\nimport { Colour } from \"../theme\";\nimport type { TimeSlot } from \"../time-slot-bar/types\";\nimport { DateHelper } from \"../util\";\nimport { CalendarHelper } from \"../util/calendar-helper\";\nimport { StringHelper } from \"../util/string-helper\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport {\n    CellWeekText,\n    ChevronIcon,\n    CollapseExpandAllButton,\n    CollapseExpandAllWrapper,\n    ColumnWeekCell,\n    Expandable,\n    GridWrapper,\n    HeaderCellWeek,\n    HeaderCellWeekColumn,\n    TimeColumn,\n    TimeColumnText,\n    TimeColumnWrapper,\n    TimeSlotComponent,\n    TimeSlotWrapper,\n    Wrapper,\n} from \"./time-slot-bar-week-days.style\";\nimport type { TimeSlotCellsVariant } from \"./types\";\n\ninterface TimeSlotWeekDaysProps\n    extends Pick<\n        InternalCalendarProps,\n        \"disabledDates\" | \"minDate\" | \"maxDate\"\n    > {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    slots: { [date: string]: TimeSlot[] };\n    startTime?: string | undefined;\n    endTime?: string | undefined;\n    maxVisibleCellHeight?: number | undefined;\n    interval?: number | undefined;\n    variant?: TimeSlotCellsVariant | undefined;\n    enableSelection?: boolean | undefined;\n    onSlotClick?: ((date: string, timeSlot: TimeSlot) => void) | undefined;\n}\n\ninterface TimeSlotCell extends TimeSlot {\n    cellLength: number;\n    halfFill?: \"top\" | \"bottom\" | undefined;\n    isActualSlot?: boolean | undefined;\n    rowIndex?: number | undefined;\n}\n\ninterface FocusableSlotMeta {\n    key: string;\n    date: string;\n    rowIndex: number;\n}\n\nconst SLOT_HEIGHT = 12; // px\nconst SLOT_GAP = 4; // px\nconst ROW_HEIGHT = SLOT_HEIGHT + SLOT_GAP;\n\nexport const TimeSlotBarWeekDays = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    minDate,\n    maxDate,\n    startTime,\n    endTime,\n    maxVisibleCellHeight,\n    slots: daySlots,\n    interval = 30,\n    variant = \"flexible\",\n    enableSelection = true,\n    onSlotClick,\n}: TimeSlotWeekDaysProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const dateFormat = \"YYYY-MM-DD\";\n    const [expandAll, setExpandAll] = useState<boolean>(false);\n    const [hoverDay, setHoverDay] = useState<Dayjs>();\n    const slotButtonRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n    const currentCalendarWeek = useMemo((): Dayjs[] => {\n        return CalendarHelper.generateDaysForCurrentWeek(calendarDate);\n    }, [calendarDate]);\n\n    const flattenedSlots = Object.values(daySlots ?? {}).flat();\n    const minStartTime =\n        startTime ?? minBy(flattenedSlots, \"startTime\")?.startTime ?? \"00:00\";\n    const maxEndTime =\n        endTime ?? maxBy(flattenedSlots, \"endTime\")?.endTime ?? \"24:00\";\n    const numberOfCells = Math.ceil(\n        DateHelper.getTimeDiffInMinutes(minStartTime, maxEndTime) / interval\n    );\n\n    // React spring animation configuration\n    const { height: actualHeight = 0, ref: cellsRef } = useResizeDetector();\n    const hasCollapsedContent =\n        !!maxVisibleCellHeight && actualHeight > maxVisibleCellHeight;\n    const visibleRowCount =\n        maxVisibleCellHeight !== undefined\n            ? Math.max(\n                  1,\n                  Math.floor((maxVisibleCellHeight + SLOT_GAP) / ROW_HEIGHT)\n              )\n            : 0;\n    const collapsedHeight =\n        visibleRowCount > 0\n            ? visibleRowCount * ROW_HEIGHT - SLOT_GAP\n            : maxVisibleCellHeight;\n    const height = maxVisibleCellHeight\n        ? !hasCollapsedContent || expandAll\n            ? actualHeight\n            : collapsedHeight\n        : actualHeight;\n    const expandableStyles = useSpring({ height });\n\n    const generatedDaySlots = useMemo((): {\n        [date: string]: TimeSlotCell[];\n    } => {\n        if (daySlots) {\n            const transformedDaySlots: Record<string, TimeSlotCell[]> = {};\n            Object.entries(daySlots).forEach(([key, slots]) => {\n                const cellsArray = initializeAndFillSlots(slots);\n                transformedDaySlots[key] = populateEmptyCells(cellsArray);\n            });\n            return transformedDaySlots;\n        }\n        return {};\n    }, [daySlots]);\n\n    const focusableSlotsByDate = useMemo(() => {\n        return currentCalendarWeek.reduce<Record<string, FocusableSlotMeta[]>>(\n            (result, day) => {\n                const formattedDate = day.format(dateFormat);\n\n                result[formattedDate] = getCellsForDate(formattedDate)\n                    .filter(\n                        (\n                            slot\n                        ): slot is TimeSlotCell & {\n                            isActualSlot: true;\n                            rowIndex: number;\n                        } => !!slot.isActualSlot && slot.rowIndex !== undefined\n                    )\n                    .map((slot) => ({\n                        key: `${formattedDate}-${slot.id}`,\n                        date: formattedDate,\n                        rowIndex: slot.rowIndex,\n                    }))\n                    .sort((a, b) => a.rowIndex - b.rowIndex);\n\n                return result;\n            },\n            {}\n        );\n    }, [currentCalendarWeek, generatedDaySlots]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled || !enableSelection) return;\n\n        onSelect(value);\n    };\n\n    const handleDayHover = (value: Dayjs) => {\n        setHoverDay(value);\n    };\n\n    const handleDayHoverClear = () => {\n        setHoverDay(undefined);\n    };\n\n    const handleSlotClick = (date: string, slot: TimeSlot) => {\n        onSlotClick?.(date, slot);\n    };\n\n    const handleSlotButtonClick =\n        (date: string, slot: TimeSlot) =>\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n\n            handleSlotClick(date, slot);\n        };\n\n    const handleExpandCollapseClick = (event: React.MouseEvent) => {\n        event.preventDefault();\n        setExpandAll((prevExpandValue) => !prevExpandValue);\n    };\n\n    const handleSlotKeyDown = (\n        event: React.KeyboardEvent<HTMLButtonElement>,\n        currentSlot: FocusableSlotMeta\n    ) => {\n        const sameColumnSlots = focusableSlotsByDate[currentSlot.date] ?? [];\n\n        const focusSlot = (slot?: FocusableSlotMeta) => {\n            if (!slot) return;\n            slotButtonRefs.current[slot.key]?.focus();\n        };\n\n        switch (event.key) {\n            case \"ArrowRight\":\n            case \"ArrowDown\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex + 1]);\n                break;\n            }\n            case \"ArrowLeft\":\n            case \"ArrowUp\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex - 1]);\n                break;\n            }\n            case \"Home\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"End\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            case \"PageUp\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"PageDown\": {\n                event.preventDefault();\n                if (hasCollapsedContent && !expandAll) {\n                    setExpandAll(true);\n                    const lastVisibleSlot = [...sameColumnSlots]\n                        .reverse()\n                        .find((slot) => slot.rowIndex < visibleRowCount);\n                    focusSlot(lastVisibleSlot ?? sameColumnSlots[0]);\n                    break;\n                }\n\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            }\n            default:\n                break;\n        }\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined\n        );\n\n        const isDisabledDate =\n            (disabledDates && disabledDates.includes(day.format(dateFormat))) ??\n            false;\n\n        return !isWithinRange || isDisabledDate;\n    };\n\n    const generateStyleProps = (day: Dayjs) => {\n        const dateStartWithYear = day.format(dateFormat);\n        const disabled = isDisabled(day);\n        const dayCellStyleProps: CellStyleProps = {};\n        const isHoverEnabled = enableSelection && !disabled;\n\n        if (disabled) {\n            dayCellStyleProps.disabled = true;\n        }\n\n        dayCellStyleProps.interactive = enableSelection\n            ? isHoverEnabled\n            : false;\n\n        const isHover =\n            isHoverEnabled && hoverDay && day.isSame(hoverDay, \"day\");\n        const isSelected = [selectedDate].includes(dateStartWithYear);\n\n        if (isSelected && isHover) {\n            dayCellStyleProps.labelType = \"selected-hover\";\n            dayCellStyleProps.circleLeft = \"selected-hover-outline\";\n            dayCellStyleProps.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            dayCellStyleProps.labelType = \"selected\";\n            dayCellStyleProps.circleLeft = \"selected-outline\";\n            dayCellStyleProps.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            dayCellStyleProps.labelType = \"hover\";\n            dayCellStyleProps.circleLeft = \"hover-subtle\";\n            dayCellStyleProps.circleRight = \"hover-subtle\";\n        }\n\n        return dayCellStyleProps;\n    };\n\n    function generateFallbackCell(\n        prefix: string | number,\n        cellLength = 1\n    ): TimeSlotCell {\n        return {\n            id: `${prefix.toString()}-${new Date().getTime()}`,\n            startTime: \"\",\n            endTime: \"\",\n            clickable: false,\n            isActualSlot: false,\n            styleAttributes: {\n                backgroundColor: Colour[\"bg-stronger\"],\n            },\n            cellLength,\n        };\n    }\n\n    function getSlotAriaLabel(date: string, slot: TimeSlot) {\n        const { startTime: slotStartTime, endTime: slotEndTime } = slot;\n\n        return StringHelper.joinNonEmptyStrings([\n            dayjs(date).format(\"D MMMM YYYY dddd\"),\n            slotStartTime && slotEndTime\n                ? TimeHelper.formatTimeRange(slotStartTime, slotEndTime)\n                : undefined,\n            slot.label,\n            slot.clickable ?? true ? \"Available\" : \"Unavailable\",\n        ]);\n    }\n\n    function initializeAndFillSlots(slots: TimeSlot[]): TimeSlotCell[] {\n        const cellsArray = Array(numberOfCells).fill({});\n\n        slots.forEach((slot) => {\n            const startIndex = Math.max(\n                0,\n                DateHelper.getTimeDiffInMinutes(minStartTime, slot.startTime) /\n                    interval\n            );\n            const endIndex = Math.min(\n                numberOfCells,\n                DateHelper.getTimeDiffInMinutes(minStartTime, slot.endTime) /\n                    interval\n            );\n            const cellLength = Math.ceil(endIndex) - Math.floor(startIndex);\n\n            switch (variant) {\n                case \"fixed\":\n                    // Keep fixed slots as 1 long cell\n                    cellsArray[Math.floor(startIndex)] = {\n                        ...slot,\n                        isActualSlot: true,\n                        rowIndex: Math.floor(startIndex),\n                        cellLength: endIndex - startIndex,\n                    };\n                    break;\n                case \"flexible\":\n                    // Split long slot into multiple cells of length 1\n                    for (let i = 0; i < cellLength; i++) {\n                        const startTime = DateHelper.addMinutesToTime(\n                            minStartTime,\n                            Math.floor(startIndex + i) * interval\n                        );\n                        const endTime = DateHelper.addMinutesToTime(\n                            startTime,\n                            interval\n                        );\n\n                        let halfFill: string | undefined;\n\n                        if (!isEmpty(cellsArray[Math.floor(startIndex + i)])) {\n                            // Previous cell extends into current cell, fill entire cell\n                            halfFill = undefined;\n                        } else if (i === 0 && startIndex % 1 !== 0) {\n                            halfFill = \"top\";\n                        } else if (i === cellLength - 1 && endIndex % 1 !== 0) {\n                            halfFill = \"bottom\";\n                        }\n\n                        cellsArray[Math.floor(startIndex + i)] = {\n                            ...slot,\n                            id: `${slot.id}-${i}`,\n                            startTime,\n                            endTime,\n                            isActualSlot: true,\n                            rowIndex: Math.floor(startIndex + i),\n                            cellLength: 1,\n                            halfFill,\n                        };\n                    }\n                    break;\n            }\n        });\n        return cellsArray;\n    }\n\n    function populateEmptyCells(cellsArray: any[]): TimeSlotCell[] {\n        let i = 0;\n        switch (variant) {\n            case \"fixed\":\n                // Truncate consecutive empty cells into 1 [{},{},{...},{},{}] -> [{},{...},{}]\n                cellsArray = cellsArray.reduce(\n                    (result, obj) => {\n                        const lastObj =\n                            result.length > 0\n                                ? result[result.length - 1]\n                                : result[0];\n                        if (isEmpty(obj) && isEmpty(lastObj)) {\n                            return result;\n                        }\n                        return [...result, obj];\n                    },\n                    [{}]\n                );\n\n                // Fill in empty cells with timings & corresponding cell lengths\n                while (i < cellsArray.length) {\n                    if (isEmpty(cellsArray[i])) {\n                        const startTime =\n                            cellsArray[i - 1]?.endTime ?? minStartTime;\n                        const endTime =\n                            cellsArray[i + 1]?.startTime ?? maxEndTime;\n                        if (startTime !== endTime) {\n                            const cellLength =\n                                DateHelper.getTimeDiffInMinutes(\n                                    startTime,\n                                    endTime\n                                ) / interval;\n                            cellsArray[i] = {\n                                ...generateFallbackCell(i),\n                                startTime,\n                                endTime,\n                                cellLength,\n                            };\n                        }\n                    }\n                    i++;\n                }\n                break;\n            case \"flexible\":\n                // Fill in individual empty cell with interval timings\n                while (i < cellsArray.length) {\n                    if (isEmpty(cellsArray[i])) {\n                        cellsArray[i] = generateFallbackCell(i);\n                        i++;\n                    } else {\n                        i += cellsArray[i].cellLength;\n                    }\n                }\n                break;\n        }\n        return cellsArray.filter(\n            (slot) => !isEmpty(slot) && slot.cellLength > 0\n        );\n    }\n\n    function getCellsForDate(formattedDate: string) {\n        return (\n            generatedDaySlots[formattedDate] ??\n            Array(variant === \"flexible\" ? numberOfCells : 1)\n                .fill(undefined)\n                .map((_, index) =>\n                    generateFallbackCell(\n                        index,\n                        variant === \"fixed\" ? numberOfCells : undefined\n                    )\n                )\n        );\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderWeek = () => {\n        return (\n            <HeaderCellWeekColumn role=\"row\">\n                {currentCalendarWeek.map((day, index) => (\n                    <HeaderCellWeek key={`week-day-${index}`} role=\"gridcell\">\n                        <CellWeekText\n                            weight={\"semibold\"}\n                            $disabled={isDisabled(day)}\n                        >\n                            {dayjs(day).format(\"ddd\")}\n                        </CellWeekText>\n                    </HeaderCellWeek>\n                ))}\n            </HeaderCellWeekColumn>\n        );\n    };\n\n    const renderHeader = () => {\n        return (\n            <HeaderCellWeekColumn role=\"row\" onBlur={handleDayHoverClear}>\n                {currentCalendarWeek.map((day, dayIndex) => {\n                    const dayCellStyleProps = generateStyleProps(day);\n\n                    return (\n                        <DayCell\n                            key={`day-${dayIndex}`}\n                            date={day}\n                            calendarDate={dayjs(selectedDate)}\n                            role=\"columnheader\"\n                            tabIndex={dayCellStyleProps.interactive ? 0 : -1}\n                            onSelect={() => {\n                                handleDayClick(\n                                    day,\n                                    !dayCellStyleProps.interactive\n                                );\n                            }}\n                            onHover={handleDayHover}\n                            onHoverEnd={handleDayHoverClear}\n                            onFocus={handleDayHover}\n                            {...dayCellStyleProps}\n                        ></DayCell>\n                    );\n                })}\n            </HeaderCellWeekColumn>\n        );\n    };\n\n    const renderTimeColumn = () => {\n        let hasSetFirstAfternoonHour = false;\n\n        const formatTime = (index: number) => {\n            const parsedTime = dayjs(minStartTime, \"HH:mm\").add(\n                index * 4 * interval,\n                \"minutes\"\n            );\n            const hour = parsedTime.format(\"h\");\n            const minutes = parsedTime.format(\"mm\");\n            const amPm = parsedTime.format(\"a\");\n\n            let formattedTime = `${hour}${\n                minutes !== \"00\" ? ` ${minutes}` : \"\"\n            }`;\n\n            if (\n                !hasSetFirstAfternoonHour &&\n                amPm === \"pm\" &&\n                minutes === \"00\"\n            ) {\n                formattedTime += ` ${amPm}`;\n                hasSetFirstAfternoonHour = true;\n            }\n\n            return formattedTime;\n        };\n\n        return (\n            <TimeColumn $height={height} aria-hidden>\n                {Array(Math.ceil(numberOfCells / 4))\n                    .fill(undefined)\n                    .map((_, index) => (\n                        <TimeColumnWrapper key={`time-${index}`}>\n                            <TimeColumnText>{formatTime(index)}</TimeColumnText>\n                        </TimeColumnWrapper>\n                    ))}\n            </TimeColumn>\n        );\n    };\n    const renderSlotCell = (formattedDate: string, slot: TimeSlotCell) => {\n        const {\n            id,\n            clickable = true,\n            isActualSlot,\n            styleAttributes,\n            cellLength,\n            halfFill,\n        } = slot;\n        const {\n            styleType = \"default\",\n            backgroundColor,\n            backgroundColor2,\n        } = styleAttributes;\n        const slotId = `${formattedDate}-${id}`;\n        const isCollapsedSlot =\n            hasCollapsedContent &&\n            !expandAll &&\n            (slot.rowIndex ?? 0) >= visibleRowCount;\n\n        return (\n            <TimeSlotComponent\n                key={id}\n                styleType={styleType}\n                bgColor={backgroundColor}\n                bgColor2={backgroundColor2}\n                clickable={clickable}\n                $halfFill={halfFill}\n                $height={\n                    variant === \"fixed\"\n                        ? cellLength * SLOT_HEIGHT + (cellLength - 1) * SLOT_GAP\n                        : SLOT_HEIGHT\n                }\n                onClick={() =>\n                    clickable && handleSlotClick(formattedDate, slot)\n                }\n            >\n                {isActualSlot && (\n                    <VisuallyHidden inert={inertValue(isCollapsedSlot)}>\n                        <button\n                            type=\"button\"\n                            ref={(element) => {\n                                slotButtonRefs.current[slotId] = element;\n                            }}\n                            aria-disabled={!clickable}\n                            aria-label={getSlotAriaLabel(formattedDate, slot)}\n                            onKeyDown={(event) =>\n                                handleSlotKeyDown(event, {\n                                    key: slotId,\n                                    date: formattedDate,\n                                    rowIndex: slot.rowIndex ?? 0,\n                                })\n                            }\n                            onClick={\n                                clickable\n                                    ? handleSlotButtonClick(formattedDate, slot)\n                                    : undefined\n                            }\n                        />\n                    </VisuallyHidden>\n                )}\n            </TimeSlotComponent>\n        );\n    };\n\n    const renderTimeSlotBarCells = () => {\n        return (\n            <Expandable style={expandableStyles} role=\"row\">\n                <ColumnWeekCell\n                    ref={cellsRef}\n                    key={`week-cell-${calendarDate.format(dateFormat)}`}\n                >\n                    {currentCalendarWeek.map((day, dayIndex) => {\n                        const formattedDate = day.format(dateFormat);\n                        const cellsArray = getCellsForDate(formattedDate);\n                        return (\n                            <TimeSlotWrapper\n                                key={`wrapper-${dayIndex}`}\n                                role=\"gridcell\"\n                            >\n                                {cellsArray.map((slot) =>\n                                    renderSlotCell(formattedDate, slot)\n                                )}\n                            </TimeSlotWrapper>\n                        );\n                    })}\n                </ColumnWeekCell>\n            </Expandable>\n        );\n    };\n\n    const renderCollapseExpandAll = () => {\n        if (!maxVisibleCellHeight || !cellsRef.current) return;\n        return (\n            <CollapseExpandAllWrapper>\n                <CollapseExpandAllButton\n                    data-testid=\"time-bar-expand-collapse-button\"\n                    styleType=\"light\"\n                    aria-expanded={expandAll}\n                    onClick={handleExpandCollapseClick}\n                >\n                    <ChevronIcon $isExpanded={expandAll} />\n                    {`${expandAll ? \"Hide\" : \"Show\"} later times`}\n                </CollapseExpandAllButton>\n            </CollapseExpandAllWrapper>\n        );\n    };\n\n    return (\n        <Wrapper>\n            <GridWrapper role=\"grid\">\n                {renderHeader()}\n                {renderWeek()}\n                {renderTimeColumn()}\n                {renderTimeSlotBarCells()}\n            </GridWrapper>\n            {renderCollapseExpandAll()}\n        </Wrapper>\n    );\n};\n"],"names":["calendarDate","disabledDates","selectedDate","onSelect","minDate","maxDate","startTime","endTime","maxVisibleCellHeight","slots","daySlots","interval","variant","enableSelection","onSlotClick","dateFormat","expandAll","setExpandAll","useState","hoverDay","setHoverDay","slotButtonRefs","useRef","currentCalendarWeek","useMemo","CalendarHelper","generateDaysForCurrentWeek","flattenedSlots","Object","values","flat","minStartTime","_b","_a","minBy","maxEndTime","_d","_c","maxBy","numberOfCells","Math","ceil","DateHelper","getTimeDiffInMinutes","height","actualHeight","ref","cellsRef","useResizeDetector","hasCollapsedContent","visibleRowCount","undefined","max","floor","SLOT_HEIGHT","expandableStyles","useSpring","generatedDaySlots","transformedDaySlots","entries","forEach","key","cellsArray","Array","fill","slot","startIndex","endIndex","min","cellLength","assign","isActualSlot","rowIndex","i","addMinutesToTime","halfFill","isEmpty","id","initializeAndFillSlots","reduce","result","obj","lastObj","length","generateFallbackCell","filter","populateEmptyCells","focusableSlotsByDate","day","formattedDate","format","getCellsForDate","map","date","sort","a","b","handleDayHover","value","handleDayHoverClear","handleSlotClick","handleSlotButtonClick","event","stopPropagation","handleExpandCollapseClick","preventDefault","prevExpandValue","isDisabled","isWithinRange","dayjs","isDisabledDate","includes","prefix","toString","Date","getTime","clickable","styleAttributes","backgroundColor","Colour","getSlotAriaLabel","slotStartTime","slotEndTime","StringHelper","joinNonEmptyStrings","TimeHelper","formatTimeRange","label","_","index","renderSlotCell","styleType","backgroundColor2","slotId","isCollapsedSlot","_jsx","TimeSlotComponent","bgColor","bgColor2","$height","onClick","children","VisuallyHidden","inert","inertValue","type","element","current","onKeyDown","currentSlot","sameColumnSlots","focusSlot","focus","currentIndex","findIndex","lastVisibleSlot","reverse","find","handleSlotKeyDown","_jsxs","Wrapper","GridWrapper","role","HeaderCellWeekColumn","onBlur","dayIndex","dayCellStyleProps","dateStartWithYear","disabled","isHoverEnabled","interactive","isHover","isSame","isSelected","labelType","circleLeft","circleRight","generateStyleProps","DayCell","tabIndex","handleDayClick","onHover","onHoverEnd","onFocus","HeaderCellWeek","CellWeekText","weight","$disabled","hasSetFirstAfternoonHour","formatTime","parsedTime","add","hour","minutes","amPm","formattedTime","TimeColumn","TimeColumnWrapper","TimeColumnText","renderTimeColumn","Expandable","style","ColumnWeekCell","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","ChevronIcon","renderCollapseExpandAll"],"mappings":"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"}

package/cjs/time-slot-bar-week/time-slot-bar-week-days.style.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("@lifesg/react-icons"),t=require("@react-spring/web"),o=require("styled-components"),i=require("../button/button.js"),r=require("../time-slot-bar/time-slot-bar.styles.js"),l=require("../typography/index.js"),n=require("../v3_theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(o);const p=s.default.div`
+"use strict";var e=require("@lifesg/react-icons"),t=require("@react-spring/web"),o=require("styled-components"),i=require("../button/button.js"),r=require("../shared/time-slot/time-slot.js"),l=require("../typography/index.js"),n=require("../v3_theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(o);const d=s.default.div`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -6,29 +6,29 @@
     user-select: none;
     margin-bottom: ${n.V3_Spacing["spacing-8"]};
     flex: 1;
-`,d=s.default(l.Typography.BodyXS)`
+`,p=s.default(l.Typography.BodyXS)`
     ${e=>e.$disabled&&o.css`
             color: ${n.V3_Colour["text-disabled-subtlest"]};
         `}
-`,u=s.default.div`
+`,g=s.default.div`
     grid-column: 2 / -1;
     display: flex;
-`,g=s.default.div`
+`,u=s.default.div`
     width: 100%;
 `,c=s.default.div`
     width: 100%;
     display: grid;
     grid-template-columns: auto repeat(7, 1fr);
     column-gap: ${n.V3_Spacing["spacing-4"]};
-`,$=t.animated(s.default.div`
+`,x=t.animated(s.default.div`
     grid-column: 2 / -1;
     overflow: hidden;
-`),x=s.default.div`
+`),f=s.default.div`
     display: flex;
     gap: ${n.V3_Spacing["spacing-4"]};
     transition: all ${n.V3_Motion["duration-250"]} ${n.V3_Motion["ease-default"]};
     overflow: hidden;
-`,f=s.default.div`
+`,h=s.default.div`
     display: flex;
     flex-direction: column;
     grid-row: 3 / auto;
@@ -38,7 +38,7 @@
     overflow: hidden;
 
     ${e=>e.$height&&`height: ${e.$height}px;`}
-`,h=s.default.div`
+`,$=s.default.div`
     min-height: 60px;
     &:last-child {
         min-height: 0;
@@ -51,12 +51,12 @@
     &:first-line {
         font-size: ${n.V3_Font.Spec["body-size-sm"]};
     }
-`,b=s.default.div`
+`,C=s.default.div`
     display: flex;
     flex-direction: column;
     flex: 1;
     gap: ${n.V3_Spacing["spacing-4"]};
-`,C=s.default.div`
+`,b=s.default.div`
     display: flex;
     margin-top: ${n.V3_Spacing["spacing-8"]};
 `,_=s.default(i.Button.Small)`
@@ -72,14 +72,17 @@
     transition: transform ${n.V3_Motion["duration-250"]}
         ${n.V3_Motion["ease-default"]};
 `,V=s.default(r.TimeSlot)`
-    ${e=>{if("vertical"===e.$type)return o.css`
-                position: relative;
-                max-width: 200px;
-                height: ${e.$height}px;
-                min-height: ${e.$height}px;
-                margin: 0;
-                border-radius: ${n.V3_Radius.xs};
-            `}}
+    display: flex;
+    flex-grow: 1;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    position: relative;
+    max-width: 200px;
+    height: ${e=>e.$height}px;
+    min-height: ${e=>e.$height}px;
+    margin: 0;
+    border-radius: ${n.V3_Radius.xs};
 
     &:focus-within {
         outline: 2px solid ${n.V3_Colour["focus-ring"]};
@@ -89,13 +92,13 @@
     ${e=>e.$halfFill?o.css`
                 background: linear-gradient(
                         to ${e.$halfFill},
-                        ${"stripes"===e.$styleType?"transparent":e.$bgColor}
+                        ${"stripes"===e.styleType?"transparent":e.bgColor}
                             50%,
                         ${n.V3_Colour["bg-strongest"]} 0%
                     )
-                    ${"stripes"===e.$styleType&&`, repeating-linear-gradient(\n                            135deg,\n                            ${e.$bgColor2||n.V3_Colour["bg-strongest"]} 0px,\n                            ${e.$bgColor2||n.V3_Colour["bg-strongest"]} 10px,\n                            ${e.$bgColor||n.V3_Colour["bg-stronger"]} 10px,\n                            ${e.$bgColor||n.V3_Colour["bg-stronger"]} 20px\n                        )`};
+                    ${"stripes"===e.styleType&&`, repeating-linear-gradient(\n                            135deg,\n                            ${e.bgColor2||n.V3_Colour["bg-strongest"]} 0px,\n                            ${e.bgColor2||n.V3_Colour["bg-strongest"]} 10px,\n                            ${e.bgColor||n.V3_Colour["bg-stronger"]} 10px,\n                            ${e.bgColor||n.V3_Colour["bg-stronger"]} 20px\n                        )`};
             `:o.css`
-                background-color: ${e.$bgColor};
+                background-color: ${e.bgColor};
             `}
-`;exports.CellWeekText=d,exports.ChevronIcon=y,exports.CollapseExpandAllButton=_,exports.CollapseExpandAllWrapper=C,exports.ColumnWeekCell=x,exports.Expandable=$,exports.GridWrapper=c,exports.HeaderCellWeek=p,exports.HeaderCellWeekColumn=u,exports.TimeColumn=f,exports.TimeColumnText=m,exports.TimeColumnWrapper=h,exports.TimeSlotComponent=V,exports.TimeSlotWrapper=b,exports.Wrapper=g;
+`;exports.CellWeekText=p,exports.ChevronIcon=y,exports.CollapseExpandAllButton=_,exports.CollapseExpandAllWrapper=b,exports.ColumnWeekCell=f,exports.Expandable=x,exports.GridWrapper=c,exports.HeaderCellWeek=d,exports.HeaderCellWeekColumn=g,exports.TimeColumn=h,exports.TimeColumnText=m,exports.TimeColumnWrapper=$,exports.TimeSlotComponent=V,exports.TimeSlotWrapper=C,exports.Wrapper=u;
 //# sourceMappingURL=time-slot-bar-week-days.style.js.map

package/cjs/time-slot-bar-week/time-slot-bar-week-days.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport type { TimeSlotStyleProps } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\ninterface TimeSlotCellProps extends TimeSlotStyleProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${V3_Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const GridWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 60px;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${V3_Font[\"body-xs-bold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${V3_Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    display: flex;\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${V3_Motion[\"duration-250\"]}\n        ${V3_Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    ${(props) => {\n        if (props.$type === \"vertical\") {\n            return css`\n                position: relative;\n                max-width: 200px;\n                height: ${props.$height}px;\n                min-height: ${props.$height}px;\n                margin: 0;\n                border-radius: ${V3_Radius[\"xs\"]};\n            `;\n        }\n    }}\n\n    &:focus-within {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.$bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.$styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.$bgColor}\n                            50%,\n                        ${V3_Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.$styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.$bgColor2 || V3_Colour[\"bg-strongest\"]} 0px,\n                            ${\n                                props.$bgColor2 || V3_Colour[\"bg-strongest\"]\n                            } 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","V3_Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","V3_Colour","HeaderCellWeekColumn","Wrapper","GridWrapper","Expandable","animated","ColumnWeekCell","V3_Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","V3_Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","$type","V3_Radius","$halfFill","$styleType","$bgColor","$bgColor2"],"mappings":"gWAiCO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;qBAMnBC,EAAAA,WAAW;;EAInBC,EAAeH,EAAAA,QAAOI,aAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,KAAG;qBACUC,EAAAA,UAAU;;EAIlBC,EAAuBV,EAAAA,QAAOC,GAAG;;;EAKjCU,EAAUX,EAAAA,QAAOC,GAAG;;EAIpBW,EAAcZ,EAAAA,QAAOC,GAAG;;;;kBAInBC,EAAAA,WAAW;EAGhBW,EAAaC,EAAAA,SAASd,EAAAA,QAAOC,GAAG;;;GAKhCc,EAAiBf,EAAAA,QAAOC,GAAG;;WAE7BC,EAAAA,WAAW;sBACAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;EAIhDC,EAAajB,EAAAA,QAAOC,GAAyB;;;;WAI/CC,EAAAA,WAAW;;sBAEAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;;MAGtDV,GAAUA,EAAMY,SAAW,WAAWZ,EAAMY;EAGtCC,EAAoBnB,EAAAA,QAAOC,GAAG;;;;;EAO9BmB,EAAiBpB,EAAAA,QAAOC,GAAG;MAClCoB,EAAAA,QAAQ;aACDZ,EAAAA,UAAU;;;;qBAIFY,EAAAA,QAAQC,KAAK;;EAIrBC,EAAkBvB,EAAAA,QAAOC,GAAG;;;;WAI9BC,EAAAA,WAAW;EAGTsB,EAA2BxB,EAAAA,QAAOC,GAAG;;kBAEhCC,EAAAA,WAAW;EAGhBuB,EAA0BzB,EAAAA,QAAO0B,SAAOC,MAAM;;;;;;eAM5CzB,EAAAA,WAAW;;EAIb0B,EAAc5B,EAAAA,QAAO6B,EAAAA,cAAqC;wBAC9CvB,GAAWA,EAAMwB,YAAc,EAAI;4BAChCd,EAAAA,UAAU;UAC5BA,EAAAA,UAAU;EAGPe,EAAoB/B,EAAAA,QAAOgC,EAAAA,SAA4B;MAC7D1B,IACC,GAAoB,aAAhBA,EAAM2B,MACN,OAAOzB,KAAG;;;0BAGIF,EAAMY;8BACFZ,EAAMY;;iCAEHgB,EAAAA,UAAc;aAEvC;;;6BAIqBzB,EAAAA,UAAU;;;;MAIhCH,GACMA,EAAM6B,UAKA3B,KAAG;;6BAEOF,EAAM6B;0BACY,YAArB7B,EAAM8B,WACE,cACA9B,EAAM+B;;0BAEd5B,EAAAA,UAAU;;sBAEO,YAArBH,EAAM8B,YACR,kGAEU9B,EAAMgC,WAAa7B,EAAAA,UAAU,qDAE3BH,EAAMgC,WAAa7B,EAAAA,UAAU,sDAE/BH,EAAM+B,UAAY5B,EAAAA,UAAU,qDAC5BH,EAAM+B,UAAY5B,EAAAA,UAAU;cArBvCD,KAAG;oCACcF,EAAM+B;;"}
+{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { TimeSlot } from \"../shared/time-slot\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\ninterface TimeSlotCellProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${V3_Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const GridWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 60px;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${V3_Font[\"body-xs-bold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${V3_Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    display: flex;\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${V3_Motion[\"duration-250\"]}\n        ${V3_Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    position: relative;\n    max-width: 200px;\n    height: ${(props) => props.$height}px;\n    min-height: ${(props) => props.$height}px;\n    margin: 0;\n    border-radius: ${V3_Radius[\"xs\"]};\n\n    &:focus-within {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.bgColor}\n                            50%,\n                        ${V3_Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.bgColor2 || V3_Colour[\"bg-strongest\"]} 0px,\n                            ${props.bgColor2 || V3_Colour[\"bg-strongest\"]} 10px,\n                            ${props.bgColor || V3_Colour[\"bg-stronger\"]} 10px,\n                            ${props.bgColor || V3_Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","V3_Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","V3_Colour","HeaderCellWeekColumn","Wrapper","GridWrapper","Expandable","animated","ColumnWeekCell","V3_Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","V3_Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","V3_Radius","$halfFill","styleType","bgColor","bgColor2"],"mappings":"wVAgCO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;qBAMnBC,EAAAA,WAAW;;EAInBC,EAAeH,EAAAA,QAAOI,aAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,KAAG;qBACUC,EAAAA,UAAU;;EAIlBC,EAAuBV,EAAAA,QAAOC,GAAG;;;EAKjCU,EAAUX,EAAAA,QAAOC,GAAG;;EAIpBW,EAAcZ,EAAAA,QAAOC,GAAG;;;;kBAInBC,EAAAA,WAAW;EAGhBW,EAAaC,EAAAA,SAASd,EAAAA,QAAOC,GAAG;;;GAKhCc,EAAiBf,EAAAA,QAAOC,GAAG;;WAE7BC,EAAAA,WAAW;sBACAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;EAIhDC,EAAajB,EAAAA,QAAOC,GAAyB;;;;WAI/CC,EAAAA,WAAW;;sBAEAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;;MAGtDV,GAAUA,EAAMY,SAAW,WAAWZ,EAAMY;EAGtCC,EAAoBnB,EAAAA,QAAOC,GAAG;;;;;EAO9BmB,EAAiBpB,EAAAA,QAAOC,GAAG;MAClCoB,EAAAA,QAAQ;aACDZ,EAAAA,UAAU;;;;qBAIFY,EAAAA,QAAQC,KAAK;;EAIrBC,EAAkBvB,EAAAA,QAAOC,GAAG;;;;WAI9BC,EAAAA,WAAW;EAGTsB,EAA2BxB,EAAAA,QAAOC,GAAG;;kBAEhCC,EAAAA,WAAW;EAGhBuB,EAA0BzB,EAAAA,QAAO0B,SAAOC,MAAM;;;;;;eAM5CzB,EAAAA,WAAW;;EAIb0B,EAAc5B,EAAAA,QAAO6B,EAAAA,cAAqC;wBAC9CvB,GAAWA,EAAMwB,YAAc,EAAI;4BAChCd,EAAAA,UAAU;UAC5BA,EAAAA,UAAU;EAGPe,EAAoB/B,EAAAA,QAAOgC,EAAAA,SAA4B;;;;;;;;cAQrD1B,GAAUA,EAAMY;kBACZZ,GAAUA,EAAMY;;qBAEde,EAAAA,UAAc;;;6BAGNxB,EAAAA,UAAU;;;;MAIhCH,GACMA,EAAM4B,UAKA1B,KAAG;;6BAEOF,EAAM4B;0BACW,YAApB5B,EAAM6B,UACE,cACA7B,EAAM8B;;0BAEd3B,EAAAA,UAAU;;sBAEM,YAApBH,EAAM6B,WACR,kGAEU7B,EAAM+B,UAAY5B,EAAAA,UAAU,qDAC5BH,EAAM+B,UAAY5B,EAAAA,UAAU,sDAC5BH,EAAM8B,SAAW3B,EAAAA,UAAU,qDAC3BH,EAAM8B,SAAW3B,EAAAA,UAAU;cAnBtCD,KAAG;oCACcF,EAAM8B;;"}

package/cjs/time-slot-week-view/time-slot-week-days.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../external/dayjs/dayjs.min.js"),l=require("../external/dayjs/plugin/isBetween.js"),a=require("react"),t=require("../shared/accessibility/index.js"),n=require("../shared/internal-calendar/day-cell/day-cell.js"),o=require("../util/calendar-helper.js"),i=require("../util/time-helper.js"),s=require("../v3_theme/index.js"),d=require("./time-slot-week-days.style.js");r.default.extend(l.default);const c="YYYY-MM-DD",u={id:"1",startTime:"",endTime:"",clickable:!1,styleAttributes:{color:"",styleType:"stripes",backgroundColor:s.V3_Colour["bg-stronger"],backgroundColor2:s.V3_Colour["bg-strongest"]}};exports.TimeSlotWeekDays=({calendarDate:l,disabledDates:s,selectedDate:b,onSelect:p,minDate:v,maxDate:y,slots:m,enableSelection:h=!0,onSlotClick:k})=>{const f=a.useMemo((()=>o.CalendarHelper.generateDaysForCurrentWeek(l)),[l]),[j,x]=a.useState(),g=a.useRef({}),T=(e,r)=>{null==k||k(e,r)},C=(e,r)=>l=>{var a;l.stopPropagation(),(null===(a=r.clickable)||void 0===a||a)&&T(e,r)},D=e=>{x(e)},w=()=>{x(void 0)},$=e=>{const l=e.format(c),a=(e=>{const l=o.CalendarHelper.isWithinRange(e,v?r.default(v):void 0,y?r.default(y):void 0),a=!!s&&s.includes(e.format(c));return!l||a})(e),t=h&&!a,n=t&&j&&e.isSame(j,"day"),i=[b].includes(l),d={labelType:"available",interactive:!!h&&t};return a&&(d.disabled=!0,d.labelType="unavailable"),i&&n?(d.labelType="selected-hover",d.circleLeft="selected-hover-outline",d.circleRight="selected-hover-outline"):i?(d.labelType="selected",d.circleLeft="selected-outline",d.circleRight="selected-outline"):n&&(d.labelType="hover",d.circleLeft="hover-subtle",d.circleRight="hover-subtle"),d},H=(e,r)=>{const l=(a=r.date,(null!==(t=null==m?void 0:m[a])&&void 0!==t?t:[]).map(((e,r)=>({key:`${a}-${e.id}`,date:a,rowIndex:r}))));var a,t;const n=e=>{var r;e&&(null===(r=g.current[e.key])||void 0===r||r.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const a=l.findIndex((e=>e.key===r.key));n(l[a+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const a=l.findIndex((e=>e.key===r.key));n(l[a-1]);break}case"Home":case"PageUp":e.preventDefault(),n(l[0]);break;case"End":case"PageDown":e.preventDefault(),n(l[l.length-1])}},q=(e,l)=>{var a;const{startTime:n,endTime:o}=l;return t.concatIds(r.default(e).format("D MMMM YYYY dddd"),n&&o?i.TimeHelper.formatTimeRange(n,o):void 0,l.label,null===(a=l.clickable)||void 0===a||a?"Available":"Unavailable")};return e.jsxs(d.Wrapper,{role:"grid",children:[e.jsx(d.HeaderRow,{role:"row",onBlur:w,children:f.map(((l,a)=>{const t=$(l);return e.jsxs(d.HeaderCellWeek,{role:"presentation",children:[e.jsx(n.DayCell,Object.assign({date:l,calendarDate:r.default(b),onSelect:()=>{((e,r)=>{!r&&h&&p(e)})(l,!t.interactive)},onHover:D,onHoverEnd:w,onFocus:D,role:"columnheader",tabIndex:t.interactive?0:-1},t),`day-${a}`),e.jsx(d.DayLabel,{"aria-hidden":!0,$disabled:t.disabled,children:r.default(l).format("ddd")})]},`week-day-${a}`)}))}),e.jsx(d.ColumnWeekCell,{role:"row",children:f.map(((r,l)=>{var a;const n=r.format(c),i=null!==(a=null==m?void 0:m[n])&&void 0!==a?a:[u];return e.jsx(d.TimeSlotWrapper,{role:"gridcell",children:i&&i.map(((r,l)=>{const{id:a,startTime:i,endTime:s,clickable:c=!0,styleAttributes:b}=r,{color:p,styleType:v="default",backgroundColor:y,backgroundColor2:m}=b,h=`${n}-${a}`,k=r!==u;return e.jsxs(d.TimeSlotComponent,{$type:"vertical",$variant:"default",$styleType:v,$bgColor:y,$bgColor2:m,$clickable:c,onClick:()=>c&&T(n,r),children:[e.jsxs(d.TimeSlotText,{style:{color:p},children:[e.jsx("span",{children:o.CalendarHelper.convertTo12HourFormat(i)}),s&&i&&e.jsx("span",{children:"-"}),e.jsx("span",{children:o.CalendarHelper.convertTo12HourFormat(s)})]}),k&&e.jsx(t.VisuallyHidden,{children:e.jsx("button",{type:"button",ref:e=>{g.current[h]=e},"aria-disabled":!c,"aria-label":q(n,r),onKeyDown:e=>H(e,{key:h,date:n}),onClick:C(n,r)})})]},a)}))},`wrapper-${l}`)}))},`week-cell-${l.format(c)}`)]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("../external/dayjs/dayjs.min.js"),l=require("../external/dayjs/plugin/isBetween.js"),t=require("react"),a=require("../shared/accessibility/index.js"),i=require("../shared/internal-calendar/day-cell/day-cell.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var n=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var o=require("../util/calendar-helper.js");require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var s=require("../util/time-helper.js"),d=require("./time-slot-week-days.style.js");r.default.extend(l.default);const c="YYYY-MM-DD",u={id:"1",startTime:"",endTime:"",clickable:!1,styleAttributes:{color:"",styleType:"stripes",backgroundColor:n.Colour["bg-stronger"],backgroundColor2:n.Colour["bg-strongest"]}};exports.TimeSlotWeekDays=({calendarDate:l,disabledDates:n,selectedDate:m,onSelect:p,minDate:b,maxDate:v,slots:y,enableSelection:h=!0,onSlotClick:j})=>{const k=t.useMemo((()=>o.CalendarHelper.generateDaysForCurrentWeek(l)),[l]),[f,x]=t.useState(),g=t.useRef({}),T=(e,r)=>{null==j||j(e,r)},q=(e,r)=>l=>{var t;l.stopPropagation(),(null===(t=r.clickable)||void 0===t||t)&&T(e,r)},C=e=>{x(e)},D=()=>{x(void 0)},w=e=>{const l=e.format(c),t=(e=>{const l=o.CalendarHelper.isWithinRange(e,b?r.default(b):void 0,v?r.default(v):void 0),t=!!n&&n.includes(e.format(c));return!l||t})(e),a=h&&!t,i=a&&f&&e.isSame(f,"day"),s=[m].includes(l),d={labelType:"available",interactive:!!h&&a};return t&&(d.disabled=!0,d.labelType="unavailable"),s&&i?(d.labelType="selected-hover",d.circleLeft="selected-hover-outline",d.circleRight="selected-hover-outline"):s?(d.labelType="selected",d.circleLeft="selected-outline",d.circleRight="selected-outline"):i&&(d.labelType="hover",d.circleLeft="hover-subtle",d.circleRight="hover-subtle"),d},H=(e,r)=>{const l=(t=r.date,(null!==(a=null==y?void 0:y[t])&&void 0!==a?a:[]).map(((e,r)=>({key:`${t}-${e.id}`,date:t,rowIndex:r}))));var t,a;const i=e=>{var r;e&&(null===(r=g.current[e.key])||void 0===r||r.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t-1]);break}case"Home":case"PageUp":e.preventDefault(),i(l[0]);break;case"End":case"PageDown":e.preventDefault(),i(l[l.length-1])}},S=(e,l)=>{var t;const{startTime:i,endTime:n}=l;return a.concatIds(r.default(e).format("D MMMM YYYY dddd"),i&&n?s.TimeHelper.formatTimeRange(i,n):void 0,l.label,null===(t=l.clickable)||void 0===t||t?"Available":"Unavailable")};return e.jsxs(d.Wrapper,{role:"grid",children:[e.jsx(d.HeaderRow,{role:"row",onBlur:D,children:k.map(((l,t)=>{const a=w(l);return e.jsxs(d.HeaderCellWeek,{role:"presentation",children:[e.jsx(i.DayCell,Object.assign({date:l,calendarDate:r.default(m),onSelect:()=>{((e,r)=>{!r&&h&&p(e)})(l,!a.interactive)},onHover:C,onHoverEnd:D,onFocus:C,role:"columnheader",tabIndex:a.interactive?0:-1},a),`day-${t}`),e.jsx(d.DayLabel,{"aria-hidden":!0,$disabled:a.disabled,children:r.default(l).format("ddd")})]},`week-day-${t}`)}))}),e.jsx(d.ColumnWeekCell,{role:"row",children:k.map(((r,l)=>{var t;const i=r.format(c),n=null!==(t=null==y?void 0:y[i])&&void 0!==t?t:[u];return e.jsx(d.TimeSlotWrapper,{role:"gridcell",children:n&&n.map(((r,l)=>{const{id:t,startTime:n,endTime:s,clickable:c=!0,styleAttributes:m}=r,{color:p,styleType:b="default",backgroundColor:v,backgroundColor2:y}=m,h=`${i}-${t}`,j=r!==u;return e.jsxs(d.TimeSlotComponent,{styleType:b,bgColor:v,bgColor2:y,clickable:c,onClick:()=>c&&T(i,r),children:[e.jsxs(d.TimeSlotText,{style:{color:p},children:[e.jsx("span",{children:o.CalendarHelper.convertTo12HourFormat(n)}),s&&n&&e.jsx("span",{children:"-"}),e.jsx("span",{children:o.CalendarHelper.convertTo12HourFormat(s)})]}),j&&e.jsx(a.VisuallyHidden,{children:e.jsx("button",{type:"button",ref:e=>{g.current[h]=e},"aria-disabled":!c,"aria-label":S(i,r),onKeyDown:e=>H(e,{key:h,date:i}),onClick:q(i,r)})})]},t)}))},`wrapper-${l}`)}))},`week-cell-${l.format(c)}`)]})};
 //# sourceMappingURL=time-slot-week-days.js.map

package/cjs/time-slot-week-view/time-slot-week-days.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-slot-week-days.js","sources":["../../../src/time-slot-week-view/time-slot-week-days.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport type React from \"react\";\nimport { useMemo, useRef, useState } from \"react\";\n\nimport { concatIds, VisuallyHidden } from \"../shared/accessibility\";\nimport type { InternalCalendarProps } from \"../shared/internal-calendar\";\nimport type { CellStyleProps } from \"../shared/internal-calendar/day-cell\";\nimport { DayCell } from \"../shared/internal-calendar/day-cell\";\nimport type { TimeSlot } from \"../time-slot-bar/types\";\nimport { CalendarHelper } from \"../util/calendar-helper\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport { V3_Colour } from \"../v3_theme\";\nimport {\n    ColumnWeekCell,\n    DayLabel,\n    HeaderCellWeek,\n    HeaderRow,\n    TimeSlotComponent,\n    TimeSlotText,\n    TimeSlotWrapper,\n    Wrapper,\n} from \"./time-slot-week-days.style\";\n\ndayjs.extend(isBetween);\n\ninterface FocusableSlotMeta {\n    key: string;\n    date: string;\n    rowIndex: number;\n}\n\ninterface TimeSlotWeekDaysProps\n    extends Pick<\n        InternalCalendarProps,\n        \"disabledDates\" | \"minDate\" | \"maxDate\"\n    > {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    slots?: { [date: string]: TimeSlot[] } | undefined;\n    enableSelection?: boolean | undefined;\n    onSlotClick?: ((date: string, timeSlot: TimeSlot) => void) | undefined;\n}\n\nconst dateFormat = \"YYYY-MM-DD\";\n\nconst fallbackSlot: TimeSlot = {\n    id: \"1\",\n    startTime: \"\",\n    endTime: \"\",\n    clickable: false,\n    styleAttributes: {\n        color: \"\",\n        styleType: \"stripes\",\n        backgroundColor: V3_Colour[\"bg-stronger\"],\n        backgroundColor2: V3_Colour[\"bg-strongest\"],\n    },\n};\n\nexport const TimeSlotWeekDays = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    minDate,\n    maxDate,\n    slots: daySlots,\n    enableSelection = true,\n    onSlotClick,\n}: TimeSlotWeekDaysProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const currentCalendarWeek = useMemo((): Dayjs[] => {\n        return CalendarHelper.generateDaysForCurrentWeek(calendarDate);\n    }, [calendarDate]);\n    const [hoverDay, setHoverDay] = useState<Dayjs>();\n    const slotButtonRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled || !enableSelection) return;\n        onSelect(value);\n    };\n\n    const handleSlotClick = (date: string, slot: TimeSlot) => {\n        onSlotClick?.(date, slot);\n    };\n\n    const handleSlotButtonClick =\n        (date: string, slot: TimeSlot) =>\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n\n            if (slot.clickable ?? true) {\n                handleSlotClick(date, slot);\n            }\n        };\n\n    const handleDayHover = (value: Dayjs) => {\n        setHoverDay(value);\n    };\n\n    const handleDayHoverClear = () => {\n        setHoverDay(undefined);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined\n        );\n\n        const isDisabledDate =\n            !!disabledDates && disabledDates.includes(day.format(dateFormat));\n\n        return !isWithinRange || isDisabledDate;\n    };\n\n    const generateStyleProps = (day: Dayjs) => {\n        const dateStartWithYear = day.format(dateFormat);\n        const disabled = isDisabled(day);\n        const isHoverEnabled = enableSelection && !disabled;\n        const isHover =\n            isHoverEnabled && hoverDay && day.isSame(hoverDay, \"day\");\n        const isSelected = [selectedDate].includes(dateStartWithYear);\n\n        const dayCellStyleProps: CellStyleProps = {\n            labelType: \"available\",\n            interactive: enableSelection ? isHoverEnabled : false,\n        };\n\n        if (disabled) {\n            dayCellStyleProps.disabled = true;\n            dayCellStyleProps.labelType = \"unavailable\";\n        }\n\n        if (isSelected && isHover) {\n            dayCellStyleProps.labelType = \"selected-hover\";\n            dayCellStyleProps.circleLeft = \"selected-hover-outline\";\n            dayCellStyleProps.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            dayCellStyleProps.labelType = \"selected\";\n            dayCellStyleProps.circleLeft = \"selected-outline\";\n            dayCellStyleProps.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            dayCellStyleProps.labelType = \"hover\";\n            dayCellStyleProps.circleLeft = \"hover-subtle\";\n            dayCellStyleProps.circleRight = \"hover-subtle\";\n        }\n\n        return dayCellStyleProps;\n    };\n\n    const getFocusableSlotsForDate = (\n        formattedDate: string\n    ): FocusableSlotMeta[] => {\n        return (daySlots?.[formattedDate] ?? []).map((slot, index) => ({\n            key: `${formattedDate}-${slot.id}`,\n            date: formattedDate,\n            rowIndex: index,\n        }));\n    };\n\n    const handleSlotKeyDown = (\n        event: React.KeyboardEvent<HTMLButtonElement>,\n        currentSlot: FocusableSlotMeta\n    ) => {\n        const sameColumnSlots = getFocusableSlotsForDate(currentSlot.date);\n\n        const focusSlot = (slot?: FocusableSlotMeta) => {\n            if (!slot) return;\n            slotButtonRefs.current[slot.key]?.focus();\n        };\n\n        switch (event.key) {\n            case \"ArrowRight\":\n            case \"ArrowDown\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex + 1]);\n                break;\n            }\n            case \"ArrowLeft\":\n            case \"ArrowUp\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex - 1]);\n                break;\n            }\n            case \"Home\":\n            case \"PageUp\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"End\":\n            case \"PageDown\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const getSlotAriaLabel = (date: string, slot: TimeSlot) => {\n        const { startTime: slotStartTime, endTime: slotEndTime } = slot;\n\n        return concatIds(\n            dayjs(date).format(\"D MMMM YYYY dddd\"),\n            slotStartTime && slotEndTime\n                ? TimeHelper.formatTimeRange(slotStartTime, slotEndTime)\n                : undefined,\n            slot.label,\n            slot.clickable ?? true ? \"Available\" : \"Unavailable\"\n        );\n    };\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return (\n            <HeaderRow role=\"row\" onBlur={handleDayHoverClear}>\n                {currentCalendarWeek.map((day, index) => {\n                    const dayCellStyleProps = generateStyleProps(day);\n\n                    return (\n                        <HeaderCellWeek\n                            key={`week-day-${index}`}\n                            role=\"presentation\"\n                        >\n                            <DayCell\n                                key={`day-${index}`}\n                                date={day}\n                                calendarDate={dayjs(selectedDate)}\n                                onSelect={() => {\n                                    handleDayClick(\n                                        day,\n                                        !dayCellStyleProps.interactive\n                                    );\n                                }}\n                                onHover={handleDayHover}\n                                onHoverEnd={handleDayHoverClear}\n                                onFocus={handleDayHover}\n                                role=\"columnheader\"\n                                tabIndex={\n                                    dayCellStyleProps.interactive ? 0 : -1\n                                }\n                                {...dayCellStyleProps}\n                            />\n                            <DayLabel\n                                aria-hidden\n                                $disabled={dayCellStyleProps.disabled}\n                            >\n                                {dayjs(day).format(\"ddd\")}\n                            </DayLabel>\n                        </HeaderCellWeek>\n                    );\n                })}\n            </HeaderRow>\n        );\n    };\n\n    const renderTimeSlotBarCells = () => {\n        return (\n            <ColumnWeekCell\n                key={`week-cell-${calendarDate.format(dateFormat)}`}\n                role=\"row\"\n            >\n                {currentCalendarWeek.map((day, dayIndex) => {\n                    const formattedDate = day.format(dateFormat);\n                    const slots = daySlots?.[formattedDate] ?? [fallbackSlot];\n\n                    return (\n                        <TimeSlotWrapper\n                            key={`wrapper-${dayIndex}`}\n                            role=\"gridcell\"\n                        >\n                            {slots &&\n                                slots.map((slot, rowIndex) => {\n                                    const {\n                                        id,\n                                        startTime: slotStartTime,\n                                        endTime: slotEndTime,\n                                        clickable = true,\n                                        styleAttributes,\n                                    } = slot;\n                                    const {\n                                        color,\n                                        styleType = \"default\",\n                                        backgroundColor,\n                                        backgroundColor2,\n                                    } = styleAttributes;\n                                    const slotKey = `${formattedDate}-${id}`;\n                                    const isActualSlot = slot !== fallbackSlot;\n\n                                    return (\n                                        <TimeSlotComponent\n                                            $type=\"vertical\"\n                                            $variant=\"default\"\n                                            key={id}\n                                            $styleType={styleType}\n                                            $bgColor={backgroundColor}\n                                            $bgColor2={backgroundColor2}\n                                            $clickable={clickable}\n                                            onClick={() =>\n                                                clickable &&\n                                                handleSlotClick(\n                                                    formattedDate,\n                                                    slot\n                                                )\n                                            }\n                                        >\n                                            <TimeSlotText\n                                                style={{ color: color }}\n                                            >\n                                                <span>\n                                                    {CalendarHelper.convertTo12HourFormat(\n                                                        slotStartTime\n                                                    )}\n                                                </span>\n                                                {slotEndTime &&\n                                                    slotStartTime && (\n                                                        <span>-</span>\n                                                    )}\n                                                <span>\n                                                    {CalendarHelper.convertTo12HourFormat(\n                                                        slotEndTime\n                                                    )}\n                                                </span>\n                                            </TimeSlotText>\n                                            {isActualSlot && (\n                                                <VisuallyHidden>\n                                                    <button\n                                                        type=\"button\"\n                                                        ref={(element) => {\n                                                            slotButtonRefs.current[\n                                                                slotKey\n                                                            ] = element;\n                                                        }}\n                                                        aria-disabled={\n                                                            !clickable\n                                                        }\n                                                        aria-label={getSlotAriaLabel(\n                                                            formattedDate,\n                                                            slot\n                                                        )}\n                                                        onKeyDown={(event) =>\n                                                            handleSlotKeyDown(\n                                                                event,\n                                                                {\n                                                                    key: slotKey,\n                                                                    date: formattedDate,\n                                                                    rowIndex,\n                                                                }\n                                                            )\n                                                        }\n                                                        onClick={handleSlotButtonClick(\n                                                            formattedDate,\n                                                            slot\n                                                        )}\n                                                    />\n                                                </VisuallyHidden>\n                                            )}\n                                        </TimeSlotComponent>\n                                    );\n                                })}\n                        </TimeSlotWrapper>\n                    );\n                })}\n            </ColumnWeekCell>\n        );\n    };\n\n    return (\n        <Wrapper role=\"grid\">\n            {renderHeader()}\n            {renderTimeSlotBarCells()}\n        </Wrapper>\n    );\n};\n"],"names":["dayjs","extend","isBetween","dateFormat","fallbackSlot","id","startTime","endTime","clickable","styleAttributes","color","styleType","backgroundColor","V3_Colour","backgroundColor2","calendarDate","disabledDates","selectedDate","onSelect","minDate","maxDate","slots","daySlots","enableSelection","onSlotClick","currentCalendarWeek","useMemo","CalendarHelper","generateDaysForCurrentWeek","hoverDay","setHoverDay","useState","slotButtonRefs","useRef","handleSlotClick","date","slot","handleSlotButtonClick","event","stopPropagation","_a","handleDayHover","value","handleDayHoverClear","undefined","generateStyleProps","day","dateStartWithYear","format","disabled","isWithinRange","isDisabledDate","includes","isDisabled","isHoverEnabled","isHover","isSame","isSelected","dayCellStyleProps","labelType","interactive","circleLeft","circleRight","handleSlotKeyDown","currentSlot","sameColumnSlots","formattedDate","map","index","key","rowIndex","focusSlot","current","focus","preventDefault","currentIndex","findIndex","length","getSlotAriaLabel","slotStartTime","slotEndTime","concatIds","TimeHelper","formatTimeRange","label","_jsxs","Wrapper","role","children","_jsx","HeaderRow","onBlur","HeaderCellWeek","DayCell","Object","assign","handleDayClick","onHover","onHoverEnd","onFocus","tabIndex","DayLabel","$disabled","ColumnWeekCell","dayIndex","TimeSlotWrapper","slotKey","isActualSlot","TimeSlotComponent","$type","$variant","$bgColor","$bgColor2","onClick","TimeSlotText","style","convertTo12HourFormat","VisuallyHidden","type","ref","element","onKeyDown"],"mappings":"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"}
+{"version":3,"file":"time-slot-week-days.js","sources":["../../../src/time-slot-week-view/time-slot-week-days.tsx"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport type React from \"react\";\nimport { useMemo, useRef, useState } from \"react\";\n\nimport { concatIds, VisuallyHidden } from \"../shared/accessibility\";\nimport type { InternalCalendarProps } from \"../shared/internal-calendar\";\nimport type { CellStyleProps } from \"../shared/internal-calendar/day-cell\";\nimport { DayCell } from \"../shared/internal-calendar/day-cell\";\nimport { Colour } from \"../theme\";\nimport type { TimeSlot } from \"../time-slot-bar/types\";\nimport { CalendarHelper } from \"../util/calendar-helper\";\nimport { TimeHelper } from \"../util/time-helper\";\nimport {\n    ColumnWeekCell,\n    DayLabel,\n    HeaderCellWeek,\n    HeaderRow,\n    TimeSlotComponent,\n    TimeSlotText,\n    TimeSlotWrapper,\n    Wrapper,\n} from \"./time-slot-week-days.style\";\n\ndayjs.extend(isBetween);\n\ninterface FocusableSlotMeta {\n    key: string;\n    date: string;\n    rowIndex: number;\n}\n\ninterface TimeSlotWeekDaysProps\n    extends Pick<\n        InternalCalendarProps,\n        \"disabledDates\" | \"minDate\" | \"maxDate\"\n    > {\n    selectedDate: string | undefined;\n    calendarDate: Dayjs;\n    onSelect: (value: Dayjs) => void;\n    slots?: { [date: string]: TimeSlot[] } | undefined;\n    enableSelection?: boolean | undefined;\n    onSlotClick?: ((date: string, timeSlot: TimeSlot) => void) | undefined;\n}\n\nconst dateFormat = \"YYYY-MM-DD\";\n\nconst fallbackSlot: TimeSlot = {\n    id: \"1\",\n    startTime: \"\",\n    endTime: \"\",\n    clickable: false,\n    styleAttributes: {\n        color: \"\",\n        styleType: \"stripes\",\n        backgroundColor: Colour[\"bg-stronger\"],\n        backgroundColor2: Colour[\"bg-strongest\"],\n    },\n};\n\nexport const TimeSlotWeekDays = ({\n    calendarDate,\n    disabledDates,\n    selectedDate,\n    onSelect,\n    minDate,\n    maxDate,\n    slots: daySlots,\n    enableSelection = true,\n    onSlotClick,\n}: TimeSlotWeekDaysProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const currentCalendarWeek = useMemo((): Dayjs[] => {\n        return CalendarHelper.generateDaysForCurrentWeek(calendarDate);\n    }, [calendarDate]);\n    const [hoverDay, setHoverDay] = useState<Dayjs>();\n    const slotButtonRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleDayClick = (value: Dayjs, isDisabled: boolean) => {\n        if (isDisabled || !enableSelection) return;\n        onSelect(value);\n    };\n\n    const handleSlotClick = (date: string, slot: TimeSlot) => {\n        onSlotClick?.(date, slot);\n    };\n\n    const handleSlotButtonClick =\n        (date: string, slot: TimeSlot) =>\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n\n            if (slot.clickable ?? true) {\n                handleSlotClick(date, slot);\n            }\n        };\n\n    const handleDayHover = (value: Dayjs) => {\n        setHoverDay(value);\n    };\n\n    const handleDayHoverClear = () => {\n        setHoverDay(undefined);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const isDisabled = (day: Dayjs): boolean => {\n        const isWithinRange = CalendarHelper.isWithinRange(\n            day,\n            minDate ? dayjs(minDate) : undefined,\n            maxDate ? dayjs(maxDate) : undefined\n        );\n\n        const isDisabledDate =\n            !!disabledDates && disabledDates.includes(day.format(dateFormat));\n\n        return !isWithinRange || isDisabledDate;\n    };\n\n    const generateStyleProps = (day: Dayjs) => {\n        const dateStartWithYear = day.format(dateFormat);\n        const disabled = isDisabled(day);\n        const isHoverEnabled = enableSelection && !disabled;\n        const isHover =\n            isHoverEnabled && hoverDay && day.isSame(hoverDay, \"day\");\n        const isSelected = [selectedDate].includes(dateStartWithYear);\n\n        const dayCellStyleProps: CellStyleProps = {\n            labelType: \"available\",\n            interactive: enableSelection ? isHoverEnabled : false,\n        };\n\n        if (disabled) {\n            dayCellStyleProps.disabled = true;\n            dayCellStyleProps.labelType = \"unavailable\";\n        }\n\n        if (isSelected && isHover) {\n            dayCellStyleProps.labelType = \"selected-hover\";\n            dayCellStyleProps.circleLeft = \"selected-hover-outline\";\n            dayCellStyleProps.circleRight = \"selected-hover-outline\";\n        } else if (isSelected) {\n            dayCellStyleProps.labelType = \"selected\";\n            dayCellStyleProps.circleLeft = \"selected-outline\";\n            dayCellStyleProps.circleRight = \"selected-outline\";\n        } else if (isHover) {\n            dayCellStyleProps.labelType = \"hover\";\n            dayCellStyleProps.circleLeft = \"hover-subtle\";\n            dayCellStyleProps.circleRight = \"hover-subtle\";\n        }\n\n        return dayCellStyleProps;\n    };\n\n    const getFocusableSlotsForDate = (\n        formattedDate: string\n    ): FocusableSlotMeta[] => {\n        return (daySlots?.[formattedDate] ?? []).map((slot, index) => ({\n            key: `${formattedDate}-${slot.id}`,\n            date: formattedDate,\n            rowIndex: index,\n        }));\n    };\n\n    const handleSlotKeyDown = (\n        event: React.KeyboardEvent<HTMLButtonElement>,\n        currentSlot: FocusableSlotMeta\n    ) => {\n        const sameColumnSlots = getFocusableSlotsForDate(currentSlot.date);\n\n        const focusSlot = (slot?: FocusableSlotMeta) => {\n            if (!slot) return;\n            slotButtonRefs.current[slot.key]?.focus();\n        };\n\n        switch (event.key) {\n            case \"ArrowRight\":\n            case \"ArrowDown\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex + 1]);\n                break;\n            }\n            case \"ArrowLeft\":\n            case \"ArrowUp\": {\n                event.preventDefault();\n                const currentIndex = sameColumnSlots.findIndex(\n                    (slot) => slot.key === currentSlot.key\n                );\n                focusSlot(sameColumnSlots[currentIndex - 1]);\n                break;\n            }\n            case \"Home\":\n            case \"PageUp\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[0]);\n                break;\n            case \"End\":\n            case \"PageDown\":\n                event.preventDefault();\n                focusSlot(sameColumnSlots[sameColumnSlots.length - 1]);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const getSlotAriaLabel = (date: string, slot: TimeSlot) => {\n        const { startTime: slotStartTime, endTime: slotEndTime } = slot;\n\n        return concatIds(\n            dayjs(date).format(\"D MMMM YYYY dddd\"),\n            slotStartTime && slotEndTime\n                ? TimeHelper.formatTimeRange(slotStartTime, slotEndTime)\n                : undefined,\n            slot.label,\n            slot.clickable ?? true ? \"Available\" : \"Unavailable\"\n        );\n    };\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderHeader = () => {\n        return (\n            <HeaderRow role=\"row\" onBlur={handleDayHoverClear}>\n                {currentCalendarWeek.map((day, index) => {\n                    const dayCellStyleProps = generateStyleProps(day);\n\n                    return (\n                        <HeaderCellWeek\n                            key={`week-day-${index}`}\n                            role=\"presentation\"\n                        >\n                            <DayCell\n                                key={`day-${index}`}\n                                date={day}\n                                calendarDate={dayjs(selectedDate)}\n                                onSelect={() => {\n                                    handleDayClick(\n                                        day,\n                                        !dayCellStyleProps.interactive\n                                    );\n                                }}\n                                onHover={handleDayHover}\n                                onHoverEnd={handleDayHoverClear}\n                                onFocus={handleDayHover}\n                                role=\"columnheader\"\n                                tabIndex={\n                                    dayCellStyleProps.interactive ? 0 : -1\n                                }\n                                {...dayCellStyleProps}\n                            />\n                            <DayLabel\n                                aria-hidden\n                                $disabled={dayCellStyleProps.disabled}\n                            >\n                                {dayjs(day).format(\"ddd\")}\n                            </DayLabel>\n                        </HeaderCellWeek>\n                    );\n                })}\n            </HeaderRow>\n        );\n    };\n\n    const renderTimeSlotBarCells = () => {\n        return (\n            <ColumnWeekCell\n                key={`week-cell-${calendarDate.format(dateFormat)}`}\n                role=\"row\"\n            >\n                {currentCalendarWeek.map((day, dayIndex) => {\n                    const formattedDate = day.format(dateFormat);\n                    const slots = daySlots?.[formattedDate] ?? [fallbackSlot];\n\n                    return (\n                        <TimeSlotWrapper\n                            key={`wrapper-${dayIndex}`}\n                            role=\"gridcell\"\n                        >\n                            {slots &&\n                                slots.map((slot, rowIndex) => {\n                                    const {\n                                        id,\n                                        startTime: slotStartTime,\n                                        endTime: slotEndTime,\n                                        clickable = true,\n                                        styleAttributes,\n                                    } = slot;\n                                    const {\n                                        color,\n                                        styleType = \"default\",\n                                        backgroundColor,\n                                        backgroundColor2,\n                                    } = styleAttributes;\n                                    const slotKey = `${formattedDate}-${id}`;\n                                    const isActualSlot = slot !== fallbackSlot;\n\n                                    return (\n                                        <TimeSlotComponent\n                                            key={id}\n                                            styleType={styleType}\n                                            bgColor={backgroundColor}\n                                            bgColor2={backgroundColor2}\n                                            clickable={clickable}\n                                            onClick={() =>\n                                                clickable &&\n                                                handleSlotClick(\n                                                    formattedDate,\n                                                    slot\n                                                )\n                                            }\n                                        >\n                                            <TimeSlotText\n                                                style={{ color: color }}\n                                            >\n                                                <span>\n                                                    {CalendarHelper.convertTo12HourFormat(\n                                                        slotStartTime\n                                                    )}\n                                                </span>\n                                                {slotEndTime &&\n                                                    slotStartTime && (\n                                                        <span>-</span>\n                                                    )}\n                                                <span>\n                                                    {CalendarHelper.convertTo12HourFormat(\n                                                        slotEndTime\n                                                    )}\n                                                </span>\n                                            </TimeSlotText>\n                                            {isActualSlot && (\n                                                <VisuallyHidden>\n                                                    <button\n                                                        type=\"button\"\n                                                        ref={(element) => {\n                                                            slotButtonRefs.current[\n                                                                slotKey\n                                                            ] = element;\n                                                        }}\n                                                        aria-disabled={\n                                                            !clickable\n                                                        }\n                                                        aria-label={getSlotAriaLabel(\n                                                            formattedDate,\n                                                            slot\n                                                        )}\n                                                        onKeyDown={(event) =>\n                                                            handleSlotKeyDown(\n                                                                event,\n                                                                {\n                                                                    key: slotKey,\n                                                                    date: formattedDate,\n                                                                    rowIndex,\n                                                                }\n                                                            )\n                                                        }\n                                                        onClick={handleSlotButtonClick(\n                                                            formattedDate,\n                                                            slot\n                                                        )}\n                                                    />\n                                                </VisuallyHidden>\n                                            )}\n                                        </TimeSlotComponent>\n                                    );\n                                })}\n                        </TimeSlotWrapper>\n                    );\n                })}\n            </ColumnWeekCell>\n        );\n    };\n\n    return (\n        <Wrapper role=\"grid\">\n            {renderHeader()}\n            {renderTimeSlotBarCells()}\n        </Wrapper>\n    );\n};\n"],"names":["dayjs","extend","isBetween","dateFormat","fallbackSlot","id","startTime","endTime","clickable","styleAttributes","color","styleType","backgroundColor","Colour","backgroundColor2","calendarDate","disabledDates","selectedDate","onSelect","minDate","maxDate","slots","daySlots","enableSelection","onSlotClick","currentCalendarWeek","useMemo","CalendarHelper","generateDaysForCurrentWeek","hoverDay","setHoverDay","useState","slotButtonRefs","useRef","handleSlotClick","date","slot","handleSlotButtonClick","event","stopPropagation","_a","handleDayHover","value","handleDayHoverClear","undefined","generateStyleProps","day","dateStartWithYear","format","disabled","isWithinRange","isDisabledDate","includes","isDisabled","isHoverEnabled","isHover","isSame","isSelected","dayCellStyleProps","labelType","interactive","circleLeft","circleRight","handleSlotKeyDown","currentSlot","sameColumnSlots","formattedDate","map","index","key","rowIndex","focusSlot","current","focus","preventDefault","currentIndex","findIndex","length","getSlotAriaLabel","slotStartTime","slotEndTime","concatIds","TimeHelper","formatTimeRange","label","_jsxs","Wrapper","role","children","_jsx","HeaderRow","onBlur","HeaderCellWeek","DayCell","Object","assign","handleDayClick","onHover","onHoverEnd","onFocus","tabIndex","DayLabel","$disabled","ColumnWeekCell","dayIndex","TimeSlotWrapper","slotKey","isActualSlot","TimeSlotComponent","bgColor","bgColor2","onClick","TimeSlotText","style","convertTo12HourFormat","VisuallyHidden","type","ref","element","onKeyDown"],"mappings":"syBAyBAA,EAAAA,QAAMC,OAAOC,EAAAA,SAqBb,MAAMC,EAAa,aAEbC,EAAyB,CAC3BC,GAAI,IACJC,UAAW,GACXC,QAAS,GACTC,WAAW,EACXC,gBAAiB,CACbC,MAAO,GACPC,UAAW,UACXC,gBAAiBC,EAAAA,OAAO,eACxBC,iBAAkBD,EAAAA,OAAO,2CAID,EAC5BE,eACAC,gBACAC,eACAC,WACAC,UACAC,UACAC,MAAOC,EACPC,mBAAkB,EAClBC,kBAKA,MAAMC,EAAsBC,EAAAA,SAAQ,IACzBC,EAAAA,eAAeC,2BAA2Bb,IAClD,CAACA,KACGc,EAAUC,GAAeC,aAC1BC,EAAiBC,EAAAA,OAAiD,IAUlEC,EAAkB,CAACC,EAAcC,KACnCZ,SAAAA,EAAcW,EAAMC,EAAK,EAGvBC,EACF,CAACF,EAAcC,IACdE,UACGA,EAAMC,mBAEY,UAAdH,EAAK5B,iBAAS,IAAAgC,GAAAA,IACdN,EAAgBC,EAAMC,EAC1B,EAGFK,EAAkBC,IACpBZ,EAAYY,EAAM,EAGhBC,EAAsB,KACxBb,OAAYc,EAAU,EAmBpBC,EAAsBC,IACxB,MAAMC,EAAoBD,EAAIE,OAAO7C,GAC/B8C,EAfS,CAACH,IAChB,MAAMI,EAAgBvB,EAAAA,eAAeuB,cACjCJ,EACA3B,EAAUnB,EAAAA,QAAMmB,QAAWyB,EAC3BxB,EAAUpB,EAAAA,QAAMoB,QAAWwB,GAGzBO,IACAnC,GAAiBA,EAAcoC,SAASN,EAAIE,OAAO7C,IAEzD,OAAQ+C,GAAiBC,CAAc,EAKtBE,CAAWP,GACtBQ,EAAiB/B,IAAoB0B,EACrCM,EACFD,GAAkBzB,GAAYiB,EAAIU,OAAO3B,EAAU,OACjD4B,EAAa,CAACxC,GAAcmC,SAASL,GAErCW,EAAoC,CACtCC,UAAW,YACXC,cAAarC,GAAkB+B,GAsBnC,OAnBIL,IACAS,EAAkBT,UAAW,EAC7BS,EAAkBC,UAAY,eAG9BF,GAAcF,GACdG,EAAkBC,UAAY,iBAC9BD,EAAkBG,WAAa,yBAC/BH,EAAkBI,YAAc,0BACzBL,GACPC,EAAkBC,UAAY,WAC9BD,EAAkBG,WAAa,mBAC/BH,EAAkBI,YAAc,oBACzBP,IACPG,EAAkBC,UAAY,QAC9BD,EAAkBG,WAAa,eAC/BH,EAAkBI,YAAc,gBAG7BJ,CAAiB,EAatBK,EAAoB,CACtBzB,EACA0B,KAEA,MAAMC,GAbNC,EAaiDF,EAAY7B,MAX5B,UAAzBb,aAAQ,EAARA,EAAW4C,UAAc,IAAA1B,EAAAA,EAAI,IAAI2B,KAAI,CAAC/B,EAAMgC,KAAK,CACrDC,IAAK,GAAGH,KAAiB9B,EAAK/B,KAC9B8B,KAAM+B,EACNI,SAAUF,OANe,IAC7BF,IAeA,MAAMK,EAAanC,UACVA,IAC2B,QAAhCI,EAAAR,EAAewC,QAAQpC,EAAKiC,YAAI,IAAA7B,GAAAA,EAAEiC,QAAO,EAG7C,OAAQnC,EAAM+B,KACV,IAAK,aACL,IAAK,YAAa,CACd/B,EAAMoC,iBACN,MAAMC,EAAeV,EAAgBW,WAChCxC,GAASA,EAAKiC,MAAQL,EAAYK,MAEvCE,EAAUN,EAAgBU,EAAe,IACzC,KACJ,CACA,IAAK,YACL,IAAK,UAAW,CACZrC,EAAMoC,iBACN,MAAMC,EAAeV,EAAgBW,WAChCxC,GAASA,EAAKiC,MAAQL,EAAYK,MAEvCE,EAAUN,EAAgBU,EAAe,IACzC,KACJ,CACA,IAAK,OACL,IAAK,SACDrC,EAAMoC,iBACNH,EAAUN,EAAgB,IAC1B,MACJ,IAAK,MACL,IAAK,WACD3B,EAAMoC,iBACNH,EAAUN,EAAgBA,EAAgBY,OAAS,MAOzDC,EAAmB,CAAC3C,EAAcC,WACpC,MAAQ9B,UAAWyE,EAAexE,QAASyE,GAAgB5C,EAE3D,OAAO6C,EAAAA,UACHjF,EAAAA,QAAMmC,GAAMa,OAAO,oBACnB+B,GAAiBC,EACXE,aAAWC,gBAAgBJ,EAAeC,QAC1CpC,EACNR,EAAKgD,MACS,QAAd5C,EAAAJ,EAAK5B,iBAAS,IAAAgC,GAAAA,EAAW,YAAc,cAC1C,EA6JL,OACI6C,OAACC,EAAAA,QAAO,CAACC,KAAK,OAAMC,SAAA,CAvJhBC,EAAAA,IAACC,EAAAA,UAAS,CAACH,KAAK,MAAMI,OAAQhD,EAAmB6C,SAC5C/D,EAAoB0C,KAAI,CAACrB,EAAKsB,KAC3B,MAAMV,EAAoBb,EAAmBC,GAE7C,OACIuC,EAAAA,KAACO,EAAAA,eAAc,CAEXL,KAAK,eAAcC,SAAA,CAEnBC,EAAAA,IAACI,EAAAA,QAAOC,OAAAC,OAAA,CAEJ5D,KAAMW,EACN/B,aAAcf,EAAAA,QAAMiB,GACpBC,SAAU,KAnKf,EAACwB,EAAcW,MAC9BA,GAAe9B,GACnBL,EAASwB,EAAM,EAkKasD,CACIlD,GACCY,EAAkBE,YACtB,EAELqC,QAASxD,EACTyD,WAAYvD,EACZwD,QAAS1D,EACT8C,KAAK,eACLa,SACI1C,EAAkBE,YAAc,GAAI,GAEpCF,GAhBC,OAAOU,KAkBhBqB,MAACY,EAAAA,SAAQ,CAAA,eAAA,EAAAC,UAEM5C,EAAkBT,SAAQuC,SAEpCxF,EAAAA,QAAM8C,GAAKE,OAAO,WA1BlB,YAAYoB,IA4BJ,MAS7BqB,MAACc,EAAAA,eAAc,CAEXhB,KAAK,MAAKC,SAET/D,EAAoB0C,KAAI,CAACrB,EAAK0D,WAC3B,MAAMtC,EAAgBpB,EAAIE,OAAO7C,GAC3BkB,EAAiC,QAAzBmB,EAAAlB,aAAQ,EAARA,EAAW4C,UAAc,IAAA1B,EAAAA,EAAI,CAACpC,GAE5C,OACIqF,EAAAA,IAACgB,EAAAA,gBAAe,CAEZlB,KAAK,oBAEJlE,GACGA,EAAM8C,KAAI,CAAC/B,EAAMkC,KACb,MAAMjE,GACFA,EACAC,UAAWyE,EACXxE,QAASyE,EAAWxE,UACpBA,GAAY,EAAIC,gBAChBA,GACA2B,GACE1B,MACFA,EAAKC,UACLA,EAAY,UAASC,gBACrBA,EAAeE,iBACfA,GACAL,EACEiG,EAAU,GAAGxC,KAAiB7D,IAC9BsG,EAAevE,IAAShC,EAE9B,OACIiF,EAAAA,KAACuB,EAAAA,kBAAiB,CAEdjG,UAAWA,EACXkG,QAASjG,EACTkG,SAAUhG,EACVN,UAAWA,EACXuG,QAAS,IACLvG,GACA0B,EACIgC,EACA9B,GACHoD,SAAA,CAGLH,EAAAA,KAAC2B,eAAY,CACTC,MAAO,CAAEvG,MAAOA,GAAO8E,SAAA,CAEvBC,MAAA,OAAA,CAAAD,SACK7D,EAAAA,eAAeuF,sBACZnC,KAGPC,GACGD,GACIU,EAAAA,IAAA,OAAA,CAAAD,SAAA,MAERC,EAAAA,IAAA,OAAA,CAAAD,SACK7D,EAAAA,eAAeuF,sBACZlC,QAIX2B,GACGlB,EAAAA,IAAC0B,EAAAA,eAAc,CAAA3B,SACXC,gBACI2B,KAAK,SACLC,IAAMC,IACFtF,EAAewC,QACXkC,GACAY,CAAO,EACd,iBAEI9G,EAAS,aAEFsE,EACRZ,EACA9B,GAEJmF,UAAYjF,GACRyB,EACIzB,EACA,CACI+B,IAAKqC,EACLvE,KAAM+B,IAKlB6C,QAAS1E,EACL6B,EACA9B,SA3DX/B,EAgEW,KAvF3B,WAAWmG,IA0FF,KAnGrB,aAAazF,EAAaiC,OAAO7C,QA8GpC"}