@pnp/spfx-controls-react 3.21.0-beta.1365660 → 3.21.0-beta.1370814

package/lib/Calendar.d.ts

@@ -0,0 +1,2 @@
+export * from "./controls/calendar";
+//# sourceMappingURL=Calendar.d.ts.map

package/lib/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/Calendar.js

@@ -0,0 +1,2 @@
+export * from "./controls/calendar";
+//# sourceMappingURL=Calendar.js.map

package/lib/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../src/Calendar.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.21.0-beta.1365660";
+export var version = "3.21.0-beta.1370814";
 //# sourceMappingURL=version.js.map

package/lib/common/utilities/CustomFormatting.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormulaEvaluation } from "./FormulaEvaluation";
 import { Context } from "./FormulaEvaluation.types";
 import { ICustomFormattingNode } from "./ICustomFormatting";

package/lib/common/utilities/CustomFormatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormatting.d.ts","sourceRoot":"","sources":["../../../src/common/utilities/CustomFormatting.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAW,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAmC,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI7F;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAsB;IAEvC,OAAO,CAAC,iBAAiB,CAAoB;IAE7C;;;OAGG;gBACS,gBAAgB,EAAE,iBAAiB;IAI/C;;;;OAIG;IACH,OAAO,CAAC,kCAAkC,CAczC;IAED;;;;;OAKG;IACH,OAAO,CAAC,2BAA2B,CAiClC;IAGM,yBAAyB,SAAU,qBAAqB,WAAW,OAAO,WAAU,OAAO,KAAW,WAAW,GAAG,MAAM,GAAG,MAAM,CA0EzI;CACJ"}
+{"version":3,"file":"CustomFormatting.d.ts","sourceRoot":"","sources":["../../../src/common/utilities/CustomFormatting.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAW,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAmC,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI7F;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAsB;IAEvC,OAAO,CAAC,iBAAiB,CAAoB;IAE7C;;;OAGG;gBACS,gBAAgB,EAAE,iBAAiB;IAI/C;;;;OAIG;IACH,OAAO,CAAC,kCAAkC,CAczC;IAED;;;;;OAKG;IACH,OAAO,CAAC,2BAA2B,CAiClC;IAGM,yBAAyB,SAAU,qBAAqB,WAAW,OAAO,WAAU,OAAO,KAAW,WAAW,GAAG,MAAM,GAAG,MAAM,CA0EzI;CACJ"}

package/lib/common/utilities/FieldRendererHelper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListItemAccessor } from '@microsoft/sp-listview-extensibility';
 import { IContext } from '../Interfaces';
 import { IFieldRendererProps } from '../../controls/fields/fieldCommon/IFieldRendererProps';

package/lib/common/utilities/FieldRendererHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldRendererHelper.d.ts","sourceRoot":"","sources":["../../../src/common/utilities/FieldRendererHelper.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAIxE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AAM5F;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B;;;;;;OAMG;WACW,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;CAuKjJ"}
+{"version":3,"file":"FieldRendererHelper.d.ts","sourceRoot":"","sources":["../../../src/common/utilities/FieldRendererHelper.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAIxE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AAM5F;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B;;;;;;OAMG;WACW,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;CAuKjJ"}

package/lib/controls/LivePersona/ILivePersonaProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ServiceScope } from "@microsoft/sp-core-library";
 export interface ILivePersonatProps {
     /**

package/lib/controls/LivePersona/ILivePersonaProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ILivePersonaProps.d.ts","sourceRoot":"","sources":["../../../src/controls/LivePersona/ILivePersonaProps.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IAEnC;;SAEK;IACJ,YAAY,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAE;CAClC"}
+{"version":3,"file":"ILivePersonaProps.d.ts","sourceRoot":"","sources":["../../../src/controls/LivePersona/ILivePersonaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IAEnC;;SAEK;IACJ,YAAY,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAE;CAClC"}

package/lib/controls/MyTeams/components/ShowMessage/IShowMessageProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IMessageBarProps } from "@fluentui/react/lib/MessageBar";
 export interface IShowMessageProps extends IMessageBarProps {
     isShow: boolean;

package/lib/controls/MyTeams/components/ShowMessage/IShowMessageProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IShowMessageProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/ShowMessage/IShowMessageProps.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,MAAM,EAAC,OAAO,CAAC;IACf,OAAO,EAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CAChC"}
+{"version":3,"file":"IShowMessageProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/ShowMessage/IShowMessageProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,MAAM,EAAC,OAAO,CAAC;IACf,OAAO,EAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CAChC"}

package/lib/controls/accessibleAccordion/components/Accordion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../css/AccordionStylesOverride.css";
 import { DivAttributes } from "../helpers/types";
 import { UUID } from "./ItemContext";

package/lib/controls/accessibleAccordion/components/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAKpE,aAAK,cAAc,GAAG,IAAI,CACxB,aAAa,EACb,OAAO,CAAC,MAAM,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B;;;MAGE;IACF,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;CAChC,CAAC;AAEJ,QAAA,MAAM,SAAS,mGAQZ,cAAc,KAAG,WAgCnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAKpE,aAAK,cAAc,GAAG,IAAI,CACxB,aAAa,EACb,OAAO,CAAC,MAAM,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B;;;MAGE;IACF,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;CAChC,CAAC;AAEJ,QAAA,MAAM,SAAS,mGAQZ,cAAc,KAAG,WAgCnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/controls/accessibleAccordion/components/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import DisplayName from "../helpers/DisplayName";
 import { DivAttributes } from "../helpers/types";
 import { UUID } from "./ItemContext";

package/lib/controls/accessibleAccordion/components/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItem.tsx"],"names":[],"mappings":";AAGA,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,EAIL,IAAI,EACL,MAAM,eAAe,CAAC;AAEvB,aAAK,KAAK,GAAG,aAAa,GAAG;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa;wFAMhB,KAAK,GAAG,WAAW;;CA6BrB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,EAIL,IAAI,EACL,MAAM,eAAe,CAAC;AAEvB,aAAK,KAAK,GAAG,aAAa,GAAG;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa;wFAMhB,KAAK,GAAG,WAAW;;CA6BrB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/controls/accessibleAccordion/components/AccordionItemPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DivAttributes } from "../helpers/types";
 declare type Props = DivAttributes & {
     className?: string;

package/lib/controls/accessibleAccordion/components/AccordionItemPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,aAAK,KAAK,GAAG,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,QAAA,MAAM,kBAAkB,+BAIrB,KAAK,KAAG,WAiBV,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AccordionItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,aAAK,KAAK,GAAG,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,QAAA,MAAM,kBAAkB,+BAIrB,KAAK,KAAG,WAiBV,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BindingPreviewMode } from 'adaptivecards-designer';
 import { IAdaptiveCardDesignerHostProps } from './IAdaptiveCardDesignerProps';
 export declare const EmptyCard: {

package/lib/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveCardDesigner.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAqF,MAAM,wBAAwB,CAAC;AAW/I,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAG9E,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB;YAAW,8BAA8B,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;CA8LvF,CAAC"}
+{"version":3,"file":"AdaptiveCardDesigner.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAqF,MAAM,wBAAwB,CAAC;AAW/I,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAG9E,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB;YAAW,8BAA8B,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;CA8LvF,CAAC"}

package/lib/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAdaptiveCardDesignerHostProps } from "./IAdaptiveCardDesignerProps";
 export declare const AdaptiveCardDesignerHost: (props: IAdaptiveCardDesignerHostProps) => JSX.Element;
 //# sourceMappingURL=AdaptiveCardDesignerHost.d.ts.map

package/lib/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveCardDesignerHost.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAgB9E,eAAO,MAAM,wBAAwB,UAAW,8BAA8B,KAAG,WA4BhF,CAAC"}
+{"version":3,"file":"AdaptiveCardDesignerHost.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAgB9E,eAAO,MAAM,wBAAwB,UAAW,8BAA8B,KAAG,WA4BhF,CAAC"}

package/lib/controls/adaptiveCardHost/AdaptiveCardHost.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAdaptiveCardHostProps } from './IAdaptiveCardHostProps';
 export declare const AdaptiveCardHost: (props: IAdaptiveCardHostProps) => JSX.Element;
 //# sourceMappingURL=AdaptiveCardHost.d.ts.map

package/lib/controls/adaptiveCardHost/AdaptiveCardHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveCardHost.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardHost/AdaptiveCardHost.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,eAAO,MAAM,gBAAgB,UACpB,sBAAsB,KAC5B,WA8MF,CAAC"}
+{"version":3,"file":"AdaptiveCardHost.d.ts","sourceRoot":"","sources":["../../../src/controls/adaptiveCardHost/AdaptiveCardHost.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,eAAO,MAAM,gBAAgB,UACpB,sBAAsB,KAC5B,WA8MF,CAAC"}

package/lib/controls/calendar/Calendar.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ICalendarControlProps } from './models/ICalendarControlProps';
+export declare const Calendar: React.FC<ICalendarControlProps>;
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/lib/controls/calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAyGvE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkNpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/controls/calendar/Calendar.js

@@ -0,0 +1,157 @@
+import * as React from 'react';
+import { Body1, FluentProvider, IdPrefixProvider, webLightTheme, } from '@fluentui/react-components';
+import { useCalendarStyles } from './hooks/useCalendarStyles';
+import { addDays, startOfMonth, startOfWeek } from 'date-fns';
+import { useEffect, useRef, useState } from 'react';
+import { Day } from './Day';
+import DayView from './DayView';
+import { ECalendarViews } from './models/ECalendarViews';
+import { ResizeObserver } from '@juggle/resize-observer';
+import { Stack } from '@nuvemerudita/react-controls';
+import Toolbar from './Toolbar';
+import WeekView from './WeekView';
+import strings from 'ControlStrings';
+import { useCalendar } from './hooks/useCalendar';
+var daysOfWeek = [
+    strings.CalendarControlDayOfWeekSunday,
+    strings.CalendarControlDayOfWeekMonday,
+    strings.CalendarControlDayOfWeekTuesday,
+    strings.CalendarControlDayOfWeekWednesday,
+    strings.CalendarControlDayOfWeekThursday,
+    strings.CalendarControlDayOfWeekFriday,
+    strings.CalendarControlDayOfWeekSaturday,
+];
+var RenderMonthView = React.memo(function (_a) {
+    var currentDate = _a.currentDate, rowHeight = _a.rowHeight, getCalendarDays = _a.getCalendarDays, getEventsForDay = _a.getEventsForDay, styles = _a.styles, onDaySlotClick = _a.onDaySlotClick, height = _a.height, calendarRef = _a.calendarRef;
+    return (React.createElement(Stack, { height: height, width: "100%", verticalAlign: "start", horizontalAlign: "start" },
+        React.createElement("div", { className: styles.calendarWrapper, ref: calendarRef },
+            daysOfWeek.map(function (day) { return (React.createElement(Body1, { key: day, className: styles.dayHeader }, day)); }),
+            getCalendarDays(currentDate).map(function (dateObj, index) {
+                var day = dateObj.day, currentMonth = dateObj.currentMonth;
+                var dayEvents = currentMonth ? getEventsForDay(dateObj) : [];
+                return (React.createElement(Day, { key: index, day: day, date: dateObj.date, currentMonth: dateObj.currentMonth, events: dayEvents, columnHeight: rowHeight || 0, onDayClick: onDaySlotClick }));
+            }))));
+});
+var RenderWeekView = React.memo(function (_a) {
+    var events = _a.events, currentDay = _a.currentDay, height = _a.height;
+    return React.createElement(WeekView, { events: events, currentDay: currentDay, height: height });
+});
+var RenderDayView = React.memo(function (_a) {
+    var events = _a.events, currentDay = _a.currentDay, height = _a.height;
+    return React.createElement(DayView, { currentDay: currentDay, events: events, height: height });
+});
+export var Calendar = function (_a) {
+    var events = _a.events, _b = _a.height, height = _b === void 0 ? 800 : _b, theme = _a.theme, onDayChange = _a.onDayChange, onMonthChange = _a.onMonthChange, onWeekChange = _a.onWeekChange, onViewChange = _a.onViewChange, onDaySlotClick = _a.onDaySlotClick, defaultView = _a.defaultView;
+    var styles = useCalendarStyles().styles;
+    var calendarRef = useRef(null);
+    var _c = useState(null), rowHeight = _c[0], setRowHeight = _c[1];
+    var totalDisplayedDays = 42;
+    var rowHeightRef = useRef(0);
+    // Default current date
+    var _d = useState(new Date()), currentDate = _d[0], setCurrentDate = _d[1];
+    // Default view
+    var _e = useState(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews.Month), selectedView = _e[0], setSelectedView = _e[1];
+    var getMonthCalendar = useCalendar(Intl.DateTimeFormat().resolvedOptions().timeZone).getMonthCalendar;
+    var getCalendarDays = React.useCallback(function (date) {
+        var month = date.getMonth();
+        var firstDayOfMonth = startOfMonth(date);
+        var firstDayOfWeek = startOfWeek(firstDayOfMonth);
+        var calendarDays = Array.from({ length: totalDisplayedDays }, function (_, index) {
+            var relativeDay = addDays(firstDayOfWeek, index);
+            return {
+                day: relativeDay.getDate(),
+                currentMonth: relativeDay.getMonth() === month,
+                date: relativeDay,
+            };
+        });
+        return calendarDays;
+    }, []);
+    var handleMonthChange = React.useCallback(function (date) {
+        if (onMonthChange) {
+            onMonthChange(date);
+        }
+        setCurrentDate(date);
+    }, [onMonthChange]);
+    var handleDayChange = React.useCallback(function (date) {
+        if (onDayChange) {
+            onDayChange(date);
+        }
+        setCurrentDate(date);
+    }, [onDayChange]);
+    var handleWeekChange = React.useCallback(function (date) {
+        if (onWeekChange) {
+            onWeekChange(date);
+        }
+        setCurrentDate(date);
+    }, [onWeekChange]);
+    var handleViewChange = React.useCallback(function (view) {
+        if (onViewChange) {
+            onViewChange(view);
+        }
+        setSelectedView(view);
+    }, [onViewChange]);
+    var getEventsForDay = React.useCallback(function (dateObj) {
+        var _a;
+        var date = dateObj.date;
+        var monthEvents = getMonthCalendar(events, currentDate.getFullYear(), currentDate.getMonth());
+        var dayString = date.toISOString().split('T')[0];
+        return ((_a = monthEvents[dayString]) === null || _a === void 0 ? void 0 : _a.flatMap(function (slot) { return slot; })) || [];
+    }, [currentDate, events]);
+    useEffect(function () {
+        var handleResize = function () {
+            if (calendarRef.current) {
+                requestAnimationFrame(function () {
+                    if (calendarRef.current) {
+                        var firstDataColumnCell = calendarRef.current.querySelector(".".concat(styles.calendarWrapper, " > div:nth-child(8)"));
+                        if (firstDataColumnCell) {
+                            setRowHeight(firstDataColumnCell.offsetHeight);
+                            rowHeightRef.current = firstDataColumnCell.offsetHeight;
+                        }
+                    }
+                });
+            }
+        };
+        var observer = new ResizeObserver(handleResize);
+        if (calendarRef.current) {
+            observer.observe(calendarRef.current);
+        }
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return function () {
+            observer.disconnect();
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [styles.calendarWrapper]);
+    useEffect(function () {
+        setSelectedView(defaultView !== null && defaultView !== void 0 ? defaultView : ECalendarViews.Month);
+    }, [defaultView]);
+    var RenderContent = React.useCallback(function () {
+        switch (selectedView) {
+            case ECalendarViews.Month:
+                return (React.createElement(RenderMonthView, { events: events, currentDate: currentDate, rowHeight: rowHeight, getCalendarDays: getCalendarDays, getEventsForDay: getEventsForDay, styles: styles, onDaySlotClick: onDaySlotClick, height: height, calendarRef: calendarRef }));
+            case ECalendarViews.Week:
+                return (React.createElement(RenderWeekView, { events: events, currentDay: currentDate, height: height }));
+            case ECalendarViews.Day:
+                return (React.createElement(RenderDayView, { events: events, currentDay: currentDate, height: height }));
+            default:
+                return (React.createElement(RenderMonthView, { events: events, currentDate: currentDate, rowHeight: rowHeight, getCalendarDays: getCalendarDays, getEventsForDay: getEventsForDay, styles: styles, onDaySlotClick: onDaySlotClick, height: height, calendarRef: calendarRef }));
+        }
+    }, [
+        selectedView,
+        events,
+        currentDate,
+        rowHeight,
+        getCalendarDays,
+        getEventsForDay,
+        styles,
+        onDaySlotClick,
+        height,
+    ]);
+    return (React.createElement(IdPrefixProvider, { value: "calendarControl-" },
+        React.createElement(FluentProvider, { theme: theme !== null && theme !== void 0 ? theme : webLightTheme },
+            React.createElement(Stack, { height: "100%", verticalAlign: "start" },
+                React.createElement(Toolbar, { selectedView: selectedView, onSelectedView: handleViewChange, currentDate: currentDate, setCurrentDate: setCurrentDate, onWeekChange: handleWeekChange, onMonthChange: handleMonthChange, onDayChange: handleDayChange }),
+                React.createElement(RenderContent, null)))));
+};
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/lib/controls/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/controls/calendar/Calendar.tsx"],"names":[],"mappings":"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"}

package/lib/controls/calendar/Day.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IDayProps {
+    day: number;
+    date: Date;
+    currentMonth: boolean;
+    events: IEvent[];
+    columnHeight: number;
+    onDayClick?: (date: Date) => void;
+}
+export declare const Day: React.FunctionComponent<IDayProps>;
+//# sourceMappingURL=Day.d.ts.map

package/lib/controls/calendar/Day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/Day.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAqElD,CAAC"}

package/lib/controls/calendar/Day.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Body2, mergeClasses } from '@fluentui/react-components';
+import { Card } from '@nuvemerudita/react-controls';
+import { RenderEventToDayOfMonth } from './RenderEventToDayOfMonth';
+import { Stack } from '@nuvemerudita/react-controls';
+import { isSameDay } from 'date-fns';
+import { useCalendarStyles } from './hooks/useCalendarStyles';
+export var Day = function (props) {
+    var day = props.day, currentMonth = props.currentMonth, events = props.events, date = props.date, columnHeight = props.columnHeight, onDayClick = props.onDayClick;
+    var styles = useCalendarStyles().styles;
+    var currentDate = new Date();
+    var _a = React.useState(false), isEventHovered = _a[0], setIsEventHovered = _a[1];
+    var isCurrentDayAndMonth = React.useMemo(function () {
+        return isSameDay(date, currentDate);
+    }, [date, currentDate]);
+    var renderCurrentDayLabel = React.useMemo(function () {
+        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", paddingLeft: 'm', paddingRight: 'm' },
+            React.createElement(Body2, { className: styles.currentDayLabel },
+                day,
+                " ",
+                currentDate.toLocaleString('default', { month: 'short' }))));
+    }, [day]);
+    var handleCardHoverChange = React.useCallback(function (isHovered) {
+        setIsEventHovered(isHovered);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { onClick: onDayClick ? function () { return onDayClick(date); } : undefined, className: mergeClasses(styles.cardDay, currentMonth ? '' : styles.otherMonthDay, isCurrentDayAndMonth ? styles.currentDay : '', !isEventHovered ? styles.cardDayOnHover : ''), cardHeader: isCurrentDayAndMonth ? (renderCurrentDayLabel) : (React.createElement(Stack, { horizontal: true, paddingLeft: 'm', paddingRight: 'm' },
+                React.createElement(Body2, null, day))), paddingTop: "m", paddingBottom: "m", paddingLeft: "0px", paddingRight: "0px", cardBody: React.createElement(RenderEventToDayOfMonth, { events: events, date: date, onCardHoverChange: handleCardHoverChange, columnHeight: columnHeight - 60 }) })));
+};
+//# sourceMappingURL=Day.js.map

package/lib/controls/calendar/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/controls/calendar/Day.tsx"],"names":[],"mappings":"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"}

package/lib/controls/calendar/DayView.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IDayViewProps {
+    events: IEvent[];
+    currentDay: Date;
+    height?: string | number;
+}
+export declare const DayView: React.FC<IDayViewProps>;
+export default DayView;
+//# sourceMappingURL=DayView.d.ts.map

package/lib/controls/calendar/DayView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayView.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/DayView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgK3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/controls/calendar/DayView.js

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { Body1, Body1Strong, Caption1Strong, Subtitle1, Text, mergeClasses, } from '@fluentui/react-components';
+import { addDays, format, isToday } from 'date-fns';
+import { EventRenderer } from './EventRender';
+import { useCalendar } from './hooks/useCalendar';
+import { useDayViewStyles } from './hooks/useDayViewStyles';
+import { useRef, } from 'react';
+import { useUtils } from './hooks/useUtils';
+var ROW_HEIGHT = 33;
+export var DayView = function (props) {
+    var events = props.events, currentDay = props.currentDay, height = props.height;
+    var styles = useDayViewStyles().styles;
+    var calendarRef = useRef(null);
+    var _a = useUtils(), getSpanSlots = _a.getSpanSlots, getEventColors = _a.getEventColors, getCalendarColors = _a.getCalendarColors;
+    var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    var getWeekEvents = useCalendar(timeZone).getWeekEvents;
+    var renderTimeColumn = React.useCallback(function () {
+        return Array.from({ length: 24 }, function (_, hour) { return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.timeCell },
+                React.createElement(Body1Strong, null,
+                    " ",
+                    hour,
+                    ":00 ")),
+            React.createElement("div", { className: styles.timeCell }))); });
+    }, [styles.timeCell]);
+    var renderDayHeaders = React.useCallback(function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.blankHeader }),
+            Array.from({ length: 1 }, function (_, dayIndex) {
+                var day = addDays(currentDay, dayIndex);
+                var isTodayClass = isToday(day) ? styles.todayHeaderCell : '';
+                return (React.createElement("div", { key: dayIndex, className: mergeClasses(styles.dayHeaderCell, isTodayClass) },
+                    React.createElement(Text, { weight: "semibold", size: 600, style: { paddingRight: 10 } }, format(day, 'dd')),
+                    React.createElement(Subtitle1, null, format(day, 'LLLL, yyyy'))));
+            })));
+    }, [
+        currentDay,
+        styles.blankHeader,
+        styles.dayHeaderCell,
+        styles.todayHeaderCell,
+    ]);
+    var renderFullDayEvents = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, currentDay.toISOString());
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.fullDayLabel },
+                React.createElement(Body1, null, "All Day")),
+            Array.from({ length: 1 }, function (_, dayIndex) {
+                var weekDay = format(addDays(currentDay, dayIndex), 'yyyy-MM-dd');
+                var dayEvents = weekEvents.find(function (day) { return day.date === weekDay; });
+                var fullDayEvents = (dayEvents === null || dayEvents === void 0 ? void 0 : dayEvents.fullDayEvents) || [];
+                return (React.createElement("div", { key: dayIndex, className: styles.fullDayCell }, fullDayEvents.map(function (event) { return (React.createElement("div", { key: event.id, className: styles.fullDayEvent, style: {
+                        gridColumn: "".concat(dayIndex + 2),
+                        backgroundColor: event.color
+                            ? getCalendarColors(event.color).backgroundColor
+                            : getEventColors(event.category).backgroundColor,
+                    } },
+                    React.createElement(Caption1Strong, { className: styles.eventTitle }, event.title))); })));
+            })));
+    }, [
+        currentDay,
+        getWeekEvents,
+        styles.fullDayCell,
+        styles.fullDayEvent,
+        styles.fullDayLabel,
+        styles.eventTitle,
+        getCalendarColors,
+        getEventColors,
+    ]);
+    // Render the events for the current day
+    var renderDayCells = React.useCallback(function () {
+        var weekEvents = getWeekEvents(events, currentDay.toISOString());
+        // Render the events for the current day
+        return Array.from({ length: 1 }, function (_, dayIndex) {
+            var weekDay = format(addDays(currentDay, dayIndex), 'yyyy-MM-dd');
+            var dayEvents = weekEvents.find(function (day) { return day.date === weekDay; });
+            return (React.createElement(React.Fragment, null, dayEvents === null || dayEvents === void 0 ? void 0 : dayEvents.timeSlots.map(function (timeSlot, slotIndex) {
+                var eventCount = timeSlot.events.length; // Total events in the slot
+                return (React.createElement("div", { key: slotIndex, className: styles.dayCell, style: {
+                        gridRow: slotIndex + 3, // Offset to account for header and full-day row
+                    } }, timeSlot.events.map(function (event, eventIndex) {
+                    var startDate = new Date(event.start);
+                    var endDate = new Date(event.end);
+                    // Calculate the start and end slots based on event times
+                    var _a = getSpanSlots(startDate, endDate), spanSlots = _a.spanSlots, startSlot = _a.startSlot;
+                    // Only render the event in its starting timeslot
+                    if (slotIndex === startSlot) {
+                        // Event Render
+                        return (React.createElement(EventRenderer, { key: event.id, event: event, eventCount: eventCount, spanSlots: spanSlots, rowHeight: ROW_HEIGHT, eventIndex: eventIndex, view: "day" }));
+                    }
+                    return null; // Skip rendering for non-starting slots
+                })));
+            })));
+        });
+    }, [currentDay, getSpanSlots, getWeekEvents, styles.dayCell]);
+    return (React.createElement("div", { className: styles.container, style: { height: height } },
+        React.createElement("div", { ref: calendarRef, className: styles.dayGrid },
+            React.createElement("div", { className: styles.timeColumn }, renderTimeColumn()),
+            renderDayHeaders(),
+            renderFullDayEvents(),
+            renderDayCells())));
+};
+export default DayView;
+//# sourceMappingURL=DayView.js.map

package/lib/controls/calendar/DayView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayView.js","sourceRoot":"","sources":["../../../src/controls/calendar/DayView.tsx"],"names":[],"mappings":"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"}

package/lib/controls/calendar/EventDetailsPopover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IEvent } from './models/IEvents';
+export interface IEventDetailsPopoverProps {
+    event: IEvent;
+}
+export declare const EventDetailsPopover: React.FunctionComponent<IEventDetailsPopoverProps>;
+//# sourceMappingURL=EventDetailsPopover.d.ts.map

package/lib/controls/calendar/EventDetailsPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetailsPopover.d.ts","sourceRoot":"","sources":["../../../src/controls/calendar/EventDetailsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AA0CD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CACvD,yBAAyB,CAqG1B,CAAC"}

package/lib/controls/calendar/EventDetailsPopover.js

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, Badge, Body1, Button, Divider, Subtitle1, partitionAvatarGroupItems, } from '@fluentui/react-components';
+import { Card, RenderLabel, Stack } from '@nuvemerudita/react-controls';
+import { css } from '@emotion/css';
+import strings from 'ControlStrings';
+import { useUtils } from './hooks/useUtils';
+var PADDING_LEFT = '32px';
+var useStyles = function () {
+    var styles = {
+        banner: css({
+            display: 'flex',
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
+            padding: "5px 10px 0px 10px",
+        }),
+        fieldContainer: css({
+            paddingLeft: PADDING_LEFT,
+        }),
+    };
+    return { styles: styles };
+};
+var RenderProperty = function (_a) {
+    var fieldLabel = _a.fieldLabel, fieldValue = _a.fieldValue, icon = _a.icon;
+    return (React.createElement(Stack, null,
+        React.createElement(RenderLabel, { label: fieldLabel, icon: icon }),
+        React.createElement(Stack, { paddingLeft: PADDING_LEFT },
+            React.createElement(Body1, null, fieldValue))));
+};
+export var EventDetailsPopover = function (props) {
+    var event = props.event;
+    var title = event.title, start = event.start, end = event.end, location = event.location, category = event.category, attendees = event.attendees, webLink = event.webLink;
+    var styles = useStyles().styles;
+    var formatDate = useUtils().formatDate;
+    var formatedStartDate = formatDate(start, 'PPp');
+    var formatedEndDate = formatDate(end, 'PPp');
+    var partitionedItems = partitionAvatarGroupItems({
+        items: (attendees === null || attendees === void 0 ? void 0 : attendees.map(function (attendee) { return attendee.id; })) || [],
+    });
+    var getAttendee = React.useCallback(function (id) {
+        return (attendees === null || attendees === void 0 ? void 0 : attendees.find(function (attendee) { return attendee.id === id; })) || undefined;
+    }, [attendees]);
+    var RenderAttendees = React.useCallback(function () {
+        return (React.createElement(Stack, null,
+            React.createElement(RenderLabel, { label: strings.CalendarControlAttendeessLabel, icon: 'ph:users-three' }),
+            React.createElement(Stack, { paddingLeft: PADDING_LEFT },
+                React.createElement(AvatarGroup, { layout: "stack" },
+                    partitionedItems.inlineItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(AvatarGroupItem, { name: (_a = getAttendee(id)) === null || _a === void 0 ? void 0 : _a.name, key: id, image: { src: (_b = getAttendee(id)) === null || _b === void 0 ? void 0 : _b.imageUrl } }));
+                    }),
+                    partitionedItems.overflowItems && (React.createElement(AvatarGroupPopover, null, partitionedItems.overflowItems.map(function (id) {
+                        var _a, _b;
+                        return (React.createElement(AvatarGroupItem, { name: (_a = getAttendee(id)) === null || _a === void 0 ? void 0 : _a.name, key: id, image: { src: (_b = getAttendee(id)) === null || _b === void 0 ? void 0 : _b.imageUrl } }));
+                    })))))));
+    }, [partitionedItems]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { appearance: "subtle", padding: "m", paddingTop: 's', width: "250px", cardBody: React.createElement(Stack, { RowGap: 10 },
+                React.createElement("div", { className: styles.banner },
+                    React.createElement(Subtitle1, null, title)),
+                React.createElement(Divider, null),
+                category && (React.createElement(Stack, { horizontal: true, horizontalAlign: "end", width: '100%' },
+                    React.createElement(Badge, { appearance: "filled" }, category))),
+                React.createElement(RenderProperty, { fieldLabel: "Start", fieldValue: formatedStartDate, icon: 'mingcute:time-line' }),
+                React.createElement(RenderProperty, { fieldLabel: "End", fieldValue: formatedEndDate, icon: 'mingcute:time-line' }),
+                React.createElement(RenderProperty, { fieldLabel: "Location", fieldValue: location, icon: 'mingcute:location-line' }),
+                React.createElement(RenderAttendees, null)), cardFooterContent: React.createElement(Stack, { horizontal: true, horizontalAlign: "end", width: "100%" },
+                React.createElement(Button, { appearance: "subtle", onClick: function () {
+                        window.open(webLink, '_blank');
+                    } }, strings.CalendarControlDetailsLabel)) })));
+};
+//# sourceMappingURL=EventDetailsPopover.js.map