@uva-glass/component-library 3.55.0 → 3.55.2

package/dist/Notification-CIhsHuF0.js

@@ -0,0 +1,68 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import './assets/Notification.css';var i = {
+	notification: "_notification_1u5s4_1",
+	"notification--default": "_notification--default_1u5s4_7",
+	"notification--bar": "_notification--bar_1u5s4_10",
+	"notification--neutral": "_notification--neutral_1u5s4_15",
+	"notification--information": "_notification--information_1u5s4_19",
+	"notification--success": "_notification--success_1u5s4_23",
+	"notification--warning": "_notification--warning_1u5s4_27",
+	"notification--danger": "_notification--danger_1u5s4_31",
+	"notification-content": "_notification-content_1u5s4_55",
+	"notification-content--text": "_notification-content--text_1u5s4_59",
+	"notification-title": "_notification-title_1u5s4_65",
+	"notification-subtitle": "_notification-subtitle_1u5s4_69",
+	"notification-close-button": "_notification-close-button_1u5s4_73",
+	"notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_1u5s4_107",
+	"notification-close-button--bar--information": "_notification-close-button--bar--information_1u5s4_108",
+	"notification-close-button--bar--danger": "_notification-close-button--bar--danger_1u5s4_109",
+	"notification-close-button--neutral": "_notification-close-button--neutral_1u5s4_113",
+	"notification-close-button--information": "_notification-close-button--information_1u5s4_117",
+	"notification-close-button--success": "_notification-close-button--success_1u5s4_121",
+	"notification-close-button--warning": "_notification-close-button--warning_1u5s4_124",
+	"notification-close-button--danger": "_notification-close-button--danger_1u5s4_127",
+	"notification-close-button--bar--success": "_notification-close-button--bar--success_1u5s4_140",
+	"notification-close-button--bar--warning": "_notification-close-button--bar--warning_1u5s4_143"
+}, a = ({ title: a, subtitle: o, action: s, variant: c = "default", level: l, onClose: u }) => {
+	let d = c === "bar";
+	function f(e) {
+		return e === "neutral" ? "CalendarEdit" : e === "information" ? "SquareInfo" : e === "success" ? "CheckCircle" : "ExclamationTriangleMini";
+	}
+	return /* @__PURE__ */ r("div", {
+		className: e(i.notification, i[`notification--${c}`], i[`notification--${l}`]),
+		children: [/* @__PURE__ */ r("div", {
+			className: i["notification-content"],
+			children: [/* @__PURE__ */ n(t, { name: f(l) }), /* @__PURE__ */ r("div", {
+				className: i["notification-content--text"],
+				children: [
+					a && /* @__PURE__ */ n("p", {
+						className: i["notification-title"],
+						children: a
+					}),
+					o && /* @__PURE__ */ n("p", {
+						className: i["notification-subtitle"],
+						children: o
+					}),
+					s && /* @__PURE__ */ n("div", {
+						className: i["notification-action"],
+						children: s
+					})
+				]
+			})]
+		}), u && /* @__PURE__ */ n("button", {
+			type: "button",
+			"aria-label": "close",
+			className: e(i["notification-close-button"], i[`notification-close-button--${l}`], { [i[`notification-close-button--bar--${l}`]]: d }),
+			children: /* @__PURE__ */ n(t, {
+				name: "Cross",
+				size: 24
+			})
+		})]
+	});
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Notification-CIhsHuF0.js.map

package/dist/Notification-CIhsHuF0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification-CIhsHuF0.js","names":[],"sources":["../src/components/Notification/Notification.module.css","../src/components/Notification/Notification.tsx"],"sourcesContent":[".notification {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.notification--default {\n  padding: 1rem;\n}\n.notification--bar {\n  border: none;\n  padding: 0.5rem 1rem;\n}\n\n.notification--neutral {\n  background-color: var(--color-grey-300);\n  border-left: 0.25rem solid var(--color-grey-600);\n}\n.notification--information {\n  background-color: var(--color-navy-200);\n  border-left: 0.25rem solid var(--color-navy-600);\n}\n.notification--success {\n  background-color: var(--color-forest-200);\n  border-left: 0.25rem solid var(--color-forest-600);\n}\n.notification--warning {\n  background-color: var(--color-orange-200);\n  border-left: 0.25rem solid var(--color-orange-600);\n}\n.notification--danger {\n  background-color: var(--color-red-200);\n  border-left: 0.25rem solid var(--color-red-600);\n}\n\n.notification--bar.notification--neutral {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--information {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--success {\n  background-color: var(--color-forest-600);\n}\n.notification--bar.notification--warning {\n  background-color: var(--color-orange-600);\n}\n.notification--bar.notification--danger {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-content {\n  display: flex;\n  gap: 1rem;\n}\n.notification-content--text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.notification-title {\n  font-weight: var(--semibold);\n  margin: 0;\n}\n.notification-subtitle {\n  margin: 0;\n}\n\n.notification-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: relative;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.notification-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.notification-close-button:hover {\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.notification-close-button::after {\n  bottom: -0.625rem;\n  content: \"\";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n.notification-close-button--bar--neutral,\n.notification-close-button--bar--information,\n.notification-close-button--bar--danger {\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--neutral:hover {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--information:hover {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--success:hover {\n  background-color: var(--color-forest-600);\n}\n.notification-close-button--warning:hover {\n  background-color: var(--color-orange-600);\n}\n.notification-close-button--danger:hover {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--bar--neutral:hover {\n  background-color: var(--color-grey-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--information:hover {\n  background-color: var(--color-navy-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--success:hover {\n  background-color: var(--color-forest-300);\n}\n.notification-close-button--bar--warning:hover {\n  background-color: var(--color-orange-300);\n}\n.notification-close-button--bar--danger:hover {\n  background-color: var(--color-red-300);\n  color: var(--color-uva-black);\n}\n","import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Notification.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type NotificationVariant = 'default' | 'bar';\nexport type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationProps {\n  title?: string;\n  subtitle?: string;\n  action?: ReactNode;\n  variant?: NotificationVariant;\n  level: NotificationLevel;\n  onClose?: () => void;\n}\n\nexport const Notification = ({ title, subtitle, action, variant = 'default', level, onClose }: NotificationProps) => {\n  const isBar = variant === 'bar';\n\n  function setIconName(toastType: NotificationLevel) {\n    if (toastType === 'neutral') return 'CalendarEdit';\n    if (toastType === 'information') return 'SquareInfo';\n    if (toastType === 'success') return 'CheckCircle';\n    return 'ExclamationTriangleMini';\n  }\n\n  return (\n    <div className={clsx(styles['notification'], styles[`notification--${variant}`], styles[`notification--${level}`])}>\n      <div className={styles['notification-content']}>\n        <Icon name={setIconName(level)} />\n        <div className={styles['notification-content--text']}>\n          {title && <p className={styles['notification-title']}>{title}</p>}\n          {subtitle && <p className={styles['notification-subtitle']}>{subtitle}</p>}\n          {action && <div className={styles['notification-action']}>{action}</div>}\n        </div>\n      </div>\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label=\"close\"\n          className={clsx(styles['notification-close-button'], styles[`notification-close-button--${level}`], {\n            [styles[`notification-close-button--bar--${level}`]]: isBar,\n          })}\n        >\n          <Icon name=\"Cross\" size={24} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GCoBa,KAAgB,EAAE,UAAO,aAAU,WAAQ,aAAU,WAAW,UAAO,iBAAiC;CACnH,IAAM,IAAQ,MAAY;CAE1B,SAAS,EAAY,GAA8B;AAIjD,SAHI,MAAc,YAAkB,iBAChC,MAAc,gBAAsB,eACpC,MAAc,YAAkB,gBAC7B;;AAGT,QACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,cAAiB,EAAO,iBAAiB,MAAY,EAAO,iBAAiB,KAAS;YAAlH,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD,EAAM,MAAM,EAAY,EAAM,EAAI,CAAA,EAClC,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACG,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAwB;MAAU,CAAA;KAChE,KAAY,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAA2B;MAAa,CAAA;KACzE,KAAU,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAyB;MAAa,CAAA;KACpE;MACF;MACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,WAAW,EAAK,EAAO,8BAA8B,EAAO,8BAA8B,MAAU,GACjG,EAAO,mCAAmC,OAAW,GACvD,CAAC;aAEF,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;IAAM,CAAA;GACxB,CAAA,CAEP"}

package/dist/OverlayCloseButton-rttFbAM_.js

@@ -0,0 +1,22 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import './assets/OverlayCloseButton.css';//#region src/components/OverlayCloseButton/OverlayCloseButton.module.css
+var i = {
+	"overlay-close-button": "_overlay-close-button_1pcfl_1",
+	"overlay-close-button--padded": "_overlay-close-button--padded_1pcfl_39"
+}, a = n(({ paddedModal: n, ...a }, o) => /* @__PURE__ */ r("button", {
+	...a,
+	type: "button",
+	ref: o,
+	className: e(i["overlay-close-button"], { [i["overlay-close-button--padded"]]: n }),
+	children: /* @__PURE__ */ r(t, {
+		name: "Cross",
+		size: 24
+	})
+}));
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=OverlayCloseButton-rttFbAM_.js.map

package/dist/OverlayCloseButton-rttFbAM_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayCloseButton-rttFbAM_.js","names":[],"sources":["../src/components/OverlayCloseButton/OverlayCloseButton.module.css","../src/components/OverlayCloseButton/OverlayCloseButton.tsx"],"sourcesContent":[".overlay-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: absolute;\n  right: 0.125rem;\n  top: 0.125rem;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.overlay-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.overlay-close-button:hover {\n  background-color: var(--color-grey-300);\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.overlay-close-button::after {\n  bottom: -0.625rem;\n  content: \" \";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .overlay-close-button--padded {\n    right: 1rem;\n    top: 1rem;\n  }\n}\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './OverlayCloseButton.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface OverlayCloseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  /** The `aria-label` value of the button. */\n  'aria-label': string; // mandatory\n  /** `true` to add padding around the button; otherwise, `false`. The default is `false`. */\n  paddedModal?: boolean;\n}\n\n/** Represents a component to render a close button in the top right corner of a container. */\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  ({ paddedModal, ...restProps }, forwardedRef) => (\n    <button\n      {...restProps}\n      type=\"button\"\n      ref={forwardedRef}\n      className={clsx(styles['overlay-close-button'], {\n        [styles['overlay-close-button--padded']]: paddedModal,\n      })}\n    >\n      <Icon name=\"Cross\" size={24} />\n    </button>\n  )\n);\n"],"mappings":";;;;;;;;GCiBa,IAAqB,GAC/B,EAAE,gBAAa,GAAG,KAAa,MAC9B,kBAAC,UAAD;CACE,GAAI;CACJ,MAAK;CACL,KAAK;CACL,WAAW,EAAK,EAAO,yBAAyB,GAC7C,EAAO,kCAAkC,GAC3C,CAAC;WAEF,kBAAC,GAAD;EAAM,MAAK;EAAQ,MAAM;EAAM,CAAA;CACxB,CAAA,CAEZ"}

package/dist/OverlayStepBar-CjaoYdsh.js

@@ -0,0 +1,45 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import './assets/OverlayStepBar.css';//#region src/components/OverlayStepBar/OverlayStepBar.module.css
+var r = {
+	"overlay-step-bar__container": "_overlay-step-bar__container_14mcr_1",
+	"overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_14mcr_10",
+	"overlay-step-bar__step": "_overlay-step-bar__step_14mcr_10",
+	"overlay-step-bar__step--label": "_overlay-step-bar__step--label_14mcr_55",
+	"overlay-step-bar__step--label-show": "_overlay-step-bar__step--label-show_14mcr_61",
+	"overlay-step-bar__step--index": "_overlay-step-bar__step--index_14mcr_65",
+	"overlay-step-bar__step--active": "_overlay-step-bar__step--active_14mcr_73"
+}, i = ({ stepLabels: i, activeStep: a = 0, disabledCountPrefix: o = [], onStepClick: s }) => {
+	a > i.length && console.error("activeStep is greater than the number of steps");
+	let c = (e) => {
+		let t = e + 1;
+		if (o.includes(t)) return "";
+		let n = Array.from({ length: e }, (e, t) => t + 1).filter((e) => !o.includes(e)).length;
+		return String(n + 1);
+	};
+	return /* @__PURE__ */ t("div", {
+		className: r["overlay-step-bar__container"],
+		children: i.length && i.map((i, l) => /* @__PURE__ */ t("span", {
+			className: r["overlay-step-bar__step-wrapper"],
+			children: /* @__PURE__ */ n("button", {
+				className: e(r["overlay-step-bar__step"], [l === a - 1 && r["overlay-step-bar__step--active"]]),
+				...s && { onClick: () => s(l + 1) },
+				type: "button",
+				"aria-label": `Step ${l + 1}`,
+				"aria-current": l === a - 1 ? "step" : void 0,
+				disabled: l === a - 1,
+				children: [/* @__PURE__ */ t("span", {
+					className: r["overlay-step-bar__step--index"],
+					children: c(l)
+				}), /* @__PURE__ */ t("span", {
+					className: e(r["overlay-step-bar__step--label"], o.includes(l + 1) && r["overlay-step-bar__step--label-show"]),
+					children: i
+				})]
+			})
+		}, `${l}_${i}`))
+	});
+};
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=OverlayStepBar-CjaoYdsh.js.map

package/dist/OverlayStepBar-CjaoYdsh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayStepBar-CjaoYdsh.js","names":[],"sources":["../src/components/OverlayStepBar/OverlayStepBar.module.css","../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":[".overlay-step-bar__container {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  display: flex;\n  height: 2.5rem;\n  justify-content: center;\n  overflow-y: hidden;\n}\n\n.overlay-step-bar__step-wrapper {\n  background-color: var(--color-grey-200);\n  height: 100%;\n  position: relative;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::after {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-grey-200);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: -0.25rem;\n  top: -0.25rem;\n  z-index: 10;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::before {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-uva-white);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: calc(-0.25rem - 0.25rem);\n  top: -0.25rem;\n  z-index: 5;\n}\n\n.overlay-step-bar__step {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--color-grey-700);\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  height: 100%;\n  margin-left: 0.5rem;\n  padding: 0 2rem 0 1.5rem;\n  position: relative;\n  width: calc(100% - 0.75rem);\n}\n\n.overlay-step-bar__step--label {\n  display: none;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.overlay-step-bar__step--label-show {\n  display: block;\n}\n\n.overlay-step-bar__step--index {\n  margin-right: 0.5rem;\n}\n\n.overlay-step-bar__step--label:hover {\n  text-decoration: underline;\n}\n\n.overlay-step-bar__step--active .overlay-step-bar__step--label {\n  display: block;\n}\n\n.overlay-step-bar__step:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step:hover .overlay-step-bar__step--label {\n  text-decoration: underline;\n}\n\n@media (min-width: 70rem) {\n  .overlay-step-bar__step--label {\n    display: block;\n  }\n\n  .overlay-step-bar__step:hover .overlay-step-bar__step--index {\n    text-decoration: none;\n  }\n}\n\n.overlay-step-bar__step:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: -0.25rem;\n  z-index: 15;\n}\n\n.overlay-step-bar__step--active {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n}\n\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--label {\n  cursor: default;\n  text-decoration: none;\n}\n","import { clsx } from 'clsx';\n\nimport styles from './OverlayStepBar.module.css';\n\nexport interface OverlayStepBarProps {\n  /** Array of strings. */\n  stepLabels: string[];\n  /** activeStep number starting with 1. */\n  activeStep: number;\n  /** Array of prefix numbers to not show in the steplabels */\n  disabledCountPrefix?: number[];\n  /** navigate to step. */\n  onStepClick?: (step: number) => void;\n}\n\nexport const OverlayStepBar = ({\n  stepLabels,\n  activeStep = 0,\n  disabledCountPrefix = [],\n  onStepClick,\n}: OverlayStepBarProps) => {\n  if (activeStep > stepLabels.length) {\n    console.error('activeStep is greater than the number of steps');\n  }\n\n  const getStepDisplayNumber = (stepIndex: number): string => {\n    const stepNumber = stepIndex + 1;\n\n    if (disabledCountPrefix.includes(stepNumber)) {\n      return '';\n    }\n\n    const enabledStepsBefore = Array.from({ length: stepIndex }, (_, count) => count + 1).filter(\n      (step) => !disabledCountPrefix.includes(step)\n    ).length;\n\n    return String(enabledStepsBefore + 1);\n  };\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {stepLabels.length &&\n        stepLabels.map((label, index) => (\n          <span key={`${index}_${label}`} className={styles[`overlay-step-bar__step-wrapper`]}>\n            <button\n              className={clsx(styles[`overlay-step-bar__step`], [\n                index === activeStep - 1 && styles[`overlay-step-bar__step--active`],\n              ])}\n              {...(onStepClick && { onClick: () => onStepClick(index + 1) })}\n              type=\"button\"\n              aria-label={`Step ${index + 1}`}\n              aria-current={index === activeStep - 1 ? 'step' : undefined}\n              disabled={index === activeStep - 1}\n            >\n              <span className={styles[`overlay-step-bar__step--index`]}>{getStepDisplayNumber(index)}</span>\n              <span\n                className={clsx(\n                  styles[`overlay-step-bar__step--label`],\n                  disabledCountPrefix.includes(index + 1) && styles[`overlay-step-bar__step--label-show`]\n                )}\n              >\n                {label}\n              </span>\n            </button>\n          </span>\n        ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCea,KAAkB,EAC7B,eACA,gBAAa,GACb,yBAAsB,EAAE,EACxB,qBACyB;AACzB,CAAI,IAAa,EAAW,UAC1B,QAAQ,MAAM,iDAAiD;CAGjE,IAAM,KAAwB,MAA8B;EAC1D,IAAM,IAAa,IAAY;AAE/B,MAAI,EAAoB,SAAS,EAAW,CAC1C,QAAO;EAGT,IAAM,IAAqB,MAAM,KAAK,EAAE,QAAQ,GAAW,GAAG,GAAG,MAAU,IAAQ,EAAE,CAAC,QACnF,MAAS,CAAC,EAAoB,SAAS,EAAK,CAC9C,CAAC;AAEF,SAAO,OAAO,IAAqB,EAAE;;AAGvC,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACpB,EAAW,UACV,EAAW,KAAK,GAAO,MACrB,kBAAC,QAAD;GAAgC,WAAW,EAAO;aAChD,kBAAC,UAAD;IACE,WAAW,EAAK,EAAO,2BAA2B,CAChD,MAAU,IAAa,KAAK,EAAO,kCACpC,CAAC;IACF,GAAK,KAAe,EAAE,eAAe,EAAY,IAAQ,EAAE,EAAE;IAC7D,MAAK;IACL,cAAY,QAAQ,IAAQ;IAC5B,gBAAc,MAAU,IAAa,IAAI,SAAS,KAAA;IAClD,UAAU,MAAU,IAAa;cARnC,CAUE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAmC,EAAqB,EAAM;KAAQ,CAAA,EAC9F,kBAAC,QAAD;KACE,WAAW,EACT,EAAO,kCACP,EAAoB,SAAS,IAAQ,EAAE,IAAI,EAAO,sCACnD;eAEA;KACI,CAAA,CACA;;GACJ,EArBI,GAAG,EAAM,GAAG,IAqBhB,CACP;EACA,CAAA"}

package/dist/PageOverlay-D_wG2oie.js

@@ -0,0 +1,108 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { t } from "./Backdrop-D8AHeuBn.js";
+import { t as n } from "./OverlayCloseButton-rttFbAM_.js";
+import { t as r } from "./Spinner-D8tWqg9j.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useDialog as u } from "@react-aria/dialog";
+import { FocusScope as d } from "@react-aria/focus";
+import { OverlayContainer as f, useModal as p, useOverlay as m, usePreventScroll as h } from "@react-aria/overlays";
+import './assets/PageOverlay.css';//#region src/components/PageOverlay/PageOverlay.module.css
+var g = {
+	"page-overlay__container": "_page-overlay__container_wiab2_1",
+	"page-overlay": "_page-overlay_wiab2_1",
+	"page-overlay--full-screen": "_page-overlay--full-screen_wiab2_19",
+	"page-overlay--with-gutters": "_page-overlay--with-gutters_wiab2_23",
+	"page-overlay__content": "_page-overlay__content_wiab2_28",
+	"page-overlay__content--grey": "_page-overlay__content--grey_wiab2_39",
+	"page-overlay__content--white": "_page-overlay__content--white_wiab2_43",
+	"page-overlay__children": "_page-overlay__children_wiab2_47",
+	"page-overlay__title-wrapper": "_page-overlay__title-wrapper_wiab2_51",
+	"page-overlay__title": "_page-overlay__title_wiab2_51",
+	"page-overlay__buttons-bar": "_page-overlay__buttons-bar_wiab2_62",
+	"page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_wiab2_88",
+	"page-overlay__close": "_page-overlay__close_wiab2_94"
+};
+//#endregion
+//#region src/components/PageOverlay/PageOverlay.tsx
+function _({ buttons: _, children: v, isLoading: y, spinnerAriaValueText: b = "Loading", closeButtonAriaValueText: x = "Close", isOpen: S, noValidate: C = !1, onClose: w, onSubmit: T, title: E, headerContent: D, variant: O = "full-screen", contentBackgroundColor: k = "grey" }) {
+	let A = a(null), j = a(null), [M, N] = o(!1), [P, F] = o(!1), { dialogProps: I, titleProps: L } = u({ role: "dialog" }, A), { modalProps: R } = p({ isDisabled: !S }), { overlayProps: z, underlayProps: B } = m({
+		isOpen: S,
+		onClose: w
+	}, A);
+	h({ isDisabled: !S }), i(() => {
+		let e = j.current;
+		if (!e) return;
+		function t() {
+			let t = e.scrollHeight, n = e.clientHeight, r = e.scrollTop;
+			N(t > n), F(r + n >= t);
+		}
+		function n() {
+			t();
+		}
+		e.addEventListener("scroll", n), window.addEventListener("resize", n);
+		let r = setTimeout(() => {
+			t();
+		}, 0);
+		return () => {
+			e.removeEventListener("scroll", n), window.removeEventListener("resize", n), clearTimeout(r);
+		};
+	}, [S, D]);
+	function V(e) {
+		e.stopPropagation();
+	}
+	return S ? /* @__PURE__ */ c(f, {
+		className: g["page-overlay__container"],
+		children: /* @__PURE__ */ c(t, {
+			...B,
+			children: y ? /* @__PURE__ */ c(r, { ariaValueText: b }) : /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(d, {
+				autoFocus: !0,
+				contain: !0,
+				restoreFocus: !0,
+				children: /* @__PURE__ */ l("div", {
+					...I,
+					...R,
+					...z,
+					className: e(g["page-overlay"], { [g[`page-overlay--${O}`]]: O }),
+					onKeyUp: V,
+					role: "presentation",
+					ref: A,
+					children: [(E || D) && /* @__PURE__ */ l("div", {
+						className: g["page-overlay__title-wrapper"],
+						children: [
+							E && /* @__PURE__ */ c("h1", {
+								...L,
+								className: g["page-overlay__title"],
+								children: E
+							}),
+							D,
+							/* @__PURE__ */ c("span", {
+								className: g["page-overlay__close"],
+								children: /* @__PURE__ */ c(n, {
+									"aria-label": x,
+									onClick: w
+								})
+							})
+						]
+					}), /* @__PURE__ */ l("form", {
+						className: e(g["page-overlay__content"], g[`page-overlay__content--${k}`], { [g["page-overlay--content-with-buttons"]]: _ }),
+						onSubmit: T,
+						noValidate: C,
+						ref: j,
+						children: [/* @__PURE__ */ c("div", {
+							className: g["page-overlay__children"],
+							children: v
+						}), _ && /* @__PURE__ */ c("div", {
+							className: e(g["page-overlay__buttons-bar"], { [g["page-overlay__buttons-bar--shadow"]]: M && !P }),
+							children: _
+						})]
+					})]
+				})
+			}) })
+		})
+	}) : null;
+}
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=PageOverlay-D_wG2oie.js.map

package/dist/PageOverlay-D_wG2oie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageOverlay-D_wG2oie.js","names":[],"sources":["../src/components/PageOverlay/PageOverlay.module.css","../src/components/PageOverlay/PageOverlay.tsx"],"sourcesContent":[".page-overlay__container {\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 50;\n}\n\n.page-overlay {\n  background: var(--color-uva-white);\n  display: flex;\n  flex-direction: column;\n\n  /* dynamic view height needed to adapt for possible auto hiding of mobile address bar */\n  height: 100dvh;\n}\n\n.page-overlay--full-screen {\n  width: 100vw;\n}\n\n.page-overlay--with-gutters {\n  max-width: 87.5rem;\n  width: 100%;\n}\n\n.page-overlay__content {\n  display: flex;\n  flex-direction: column;\n  height: 100svh;\n  justify-content: space-between;\n  overflow: hidden;\n  overflow-y: auto;\n  padding: 0 1.5rem;\n  width: 100%;\n}\n\n.page-overlay__content--grey {\n  background-color: var(--color-grey-200);\n}\n\n.page-overlay__content--white {\n  background-color: var(--color-uva-white);\n}\n\n.page-overlay__children {\n  padding-bottom: 1rem;\n}\n\n.page-overlay__title-wrapper {\n  position: relative;\n}\n\n.page-overlay__title {\n  font-size: var(--font-size-s);\n  line-height: var(--line-height-m);\n  margin: 0 1.5rem 0 0;\n  padding: 1rem 1.5rem;\n}\n\n.page-overlay__buttons-bar {\n  background-color: var(--color-uva-white);\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  justify-content: flex-start;\n  margin: 0 calc(-1 * 1.5rem);\n  padding: 0.5rem 1rem;\n  position: sticky;\n  right: 0;\n}\n\n.page-overlay__buttons-bar::before {\n  background: linear-gradient(to top, rgba(0 0 0 / 30%), rgba(0 0 0 / 0%));\n  bottom: 100%;\n  content: \"\";\n  height: 10px;\n  left: 0;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  transition: opacity 0.4s ease-out;\n}\n\n.page-overlay__buttons-bar--shadow::before {\n  opacity: 1;\n\n  /* Show the shadow when content is scrollable and not scrolled to the bottom */\n}\n\n.page-overlay__close {\n  height: 1.5rem;\n  position: absolute;\n  right: 1rem;\n  top: calc(50% - 0.125rem);\n  transform: translateY(-50%);\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .page-overlay--with-gutters {\n    margin: 0 calc(1.5rem / 2);\n  }\n}\n","import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames, { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './PageOverlay.module.css';\n\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\nimport { Backdrop } from 'components/Backdrop';\n\nexport interface PageOverlayProps {\n  /** The buttons of the dialog. */\n  buttons?: ReactNode;\n  /** `true` to show a spinner, if the contents of the dialog is lazy loaded; otherwise, `false`. */\n  isLoading?: boolean;\n  /** The `aria-valuetext` value of the [Spinner](/story/atoms-spinner--spinner-example) component. Used together with `isLoading`. */\n  spinnerAriaValueText?: string;\n  /** The `aria-label` value of the [OverlayCloseButton](/story/atoms-overlayclosebutton--overlay-close-button-example) component. */\n  closeButtonAriaValueText?: string;\n  /** `true` to render the dialog opened; otherwise, `false`. */\n  isOpen: boolean;\n  /** `true` to disable form validation; otherwise, `false`. */\n  noValidate?: boolean;\n  /** The callback function that is invoked when the dialog is closed. */\n  onClose?(): void;\n  /** The callback function that is invoked when the form is submitted. */\n  onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n  /** The title of the dialog. */\n  title?: string;\n  /** The contents of the dialog header. */\n  headerContent?: ReactNode;\n  /** The variant styling of the dialog. */\n  variant?: 'full-screen' | 'with-gutters';\n  /** The content background color of the dialog. Default grey-300*/\n  contentBackgroundColor?: 'grey' | 'white';\n}\n\n/** Represents a component for a modal dialog. */\nexport function PageOverlay({\n  buttons,\n  children,\n  isLoading,\n  spinnerAriaValueText = 'Loading',\n  closeButtonAriaValueText = 'Close',\n  isOpen,\n  noValidate = false,\n  onClose,\n  onSubmit,\n  title,\n  headerContent,\n  variant = 'full-screen',\n  contentBackgroundColor = 'grey',\n}: PropsWithChildren<PageOverlayProps>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const formRef = useRef<HTMLFormElement>(null);\n  const [isScrollable, setIsScrollable] = useState(false);\n  const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);\n\n  const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, ref);\n  const { modalProps } = useModal({ isDisabled: !isOpen });\n  const { overlayProps, underlayProps } = useOverlay({ isOpen, onClose }, ref);\n\n  usePreventScroll({ isDisabled: !isOpen });\n\n  useEffect(() => {\n    const formElement = formRef.current;\n\n    if (!formElement) return;\n\n    function checkScrollable() {\n      const scrollHeight = formElement!.scrollHeight;\n      const clientHeight = formElement!.clientHeight;\n      const scrollTop = formElement!.scrollTop;\n\n      setIsScrollable(scrollHeight > clientHeight);\n      setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight);\n    }\n\n    function handleScrollAndResize() {\n      checkScrollable();\n    }\n\n    formElement.addEventListener('scroll', handleScrollAndResize);\n    window.addEventListener('resize', handleScrollAndResize);\n\n    const timeoutId = setTimeout(() => {\n      checkScrollable();\n    }, 0);\n\n    return () => {\n      formElement.removeEventListener('scroll', handleScrollAndResize);\n\n      window.removeEventListener('resize', handleScrollAndResize);\n      clearTimeout(timeoutId);\n    };\n  }, [isOpen, headerContent]);\n\n  function onKeyUp(event: KeyboardEvent) {\n    event.stopPropagation();\n  }\n\n  if (!isOpen) return null;\n\n  return (\n    <OverlayContainer className={styles['page-overlay__container']}>\n      <Backdrop {...underlayProps}>\n        {isLoading ? (\n          <Spinner ariaValueText={spinnerAriaValueText} />\n        ) : (\n          <>\n            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n            <FocusScope autoFocus contain restoreFocus>\n              <div\n                {...dialogProps}\n                {...modalProps}\n                {...overlayProps}\n                className={clsx(styles['page-overlay'], {\n                  [styles[`page-overlay--${variant}`]]: variant,\n                })}\n                onKeyUp={onKeyUp}\n                role=\"presentation\"\n                ref={ref}\n              >\n                {(title || headerContent) && (\n                  <div className={styles['page-overlay__title-wrapper']}>\n                    {title && (\n                      <h1 {...titleProps} className={styles['page-overlay__title']}>\n                        {title}\n                      </h1>\n                    )}\n                    {headerContent}\n                    {\n                      <span className={styles['page-overlay__close']}>\n                        <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onClose} />\n                      </span>\n                    }\n                  </div>\n                )}\n                <form\n                  className={classNames(\n                    styles['page-overlay__content'],\n                    styles[`page-overlay__content--${contentBackgroundColor}`],\n                    {\n                      [styles['page-overlay--content-with-buttons']]: buttons,\n                    }\n                  )}\n                  onSubmit={onSubmit}\n                  noValidate={noValidate}\n                  ref={formRef}\n                >\n                  <div className={styles['page-overlay__children']}>{children}</div>\n                  {buttons && (\n                    <div\n                      className={classNames(styles['page-overlay__buttons-bar'], {\n                        [styles['page-overlay__buttons-bar--shadow']]: isScrollable && !isScrolledToBottom,\n                      })}\n                    >\n                      {buttons}\n                    </div>\n                  )}\n                </form>\n              </div>\n            </FocusScope>\n          </>\n        )}\n      </Backdrop>\n    </OverlayContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AC0CA,SAAgB,EAAY,EAC1B,YACA,aACA,cACA,0BAAuB,WACvB,8BAA2B,SAC3B,WACA,gBAAa,IACb,YACA,aACA,UACA,kBACA,aAAU,eACV,4BAAyB,UACa;CACtC,IAAM,IAAM,EAAuB,KAAK,EAClC,IAAU,EAAwB,KAAK,EACvC,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAE7D,EAAE,gBAAa,kBAAe,EAAU,EAAE,MAAM,UAAU,EAAE,EAAI,EAChE,EAAE,kBAAe,EAAS,EAAE,YAAY,CAAC,GAAQ,CAAC,EAClD,EAAE,iBAAc,qBAAkB,EAAW;EAAE;EAAQ;EAAS,EAAE,EAAI;AAI5E,CAFA,EAAiB,EAAE,YAAY,CAAC,GAAQ,CAAC,EAEzC,QAAgB;EACd,IAAM,IAAc,EAAQ;AAE5B,MAAI,CAAC,EAAa;EAElB,SAAS,IAAkB;GACzB,IAAM,IAAe,EAAa,cAC5B,IAAe,EAAa,cAC5B,IAAY,EAAa;AAG/B,GADA,EAAgB,IAAe,EAAa,EAC5C,EAAsB,IAAY,KAAgB,EAAa;;EAGjE,SAAS,IAAwB;AAC/B,MAAiB;;AAInB,EADA,EAAY,iBAAiB,UAAU,EAAsB,EAC7D,OAAO,iBAAiB,UAAU,EAAsB;EAExD,IAAM,IAAY,iBAAiB;AACjC,MAAiB;KAChB,EAAE;AAEL,eAAa;AAIX,GAHA,EAAY,oBAAoB,UAAU,EAAsB,EAEhE,OAAO,oBAAoB,UAAU,EAAsB,EAC3D,aAAa,EAAU;;IAExB,CAAC,GAAQ,EAAc,CAAC;CAE3B,SAAS,EAAQ,GAAsB;AACrC,IAAM,iBAAiB;;AAKzB,QAFK,IAGH,kBAAC,GAAD;EAAkB,WAAW,EAAO;YAClC,kBAAC,GAAD;GAAU,GAAI;aACX,IACC,kBAAC,GAAD,EAAS,eAAe,GAAwB,CAAA,GAEhD,kBAAA,GAAA,EAAA,UAEE,kBAAC,GAAD;IAAY,WAAA;IAAU,SAAA;IAAQ,cAAA;cAC5B,kBAAC,OAAD;KACE,GAAI;KACJ,GAAI;KACJ,GAAI;KACJ,WAAW,EAAK,EAAO,iBAAiB,GACrC,EAAO,iBAAiB,OAAa,GACvC,CAAC;KACO;KACT,MAAK;KACA;eATP,EAWI,KAAS,MACT,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACG,KACC,kBAAC,MAAD;QAAI,GAAI;QAAY,WAAW,EAAO;kBACnC;QACE,CAAA;OAEN;OAEC,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACtB,kBAAC,GAAD;SAAoB,cAAY;SAA0B,SAAS;SAAW,CAAA;QACzE,CAAA;OAEL;SAER,kBAAC,QAAD;MACE,WAAW,EACT,EAAO,0BACP,EAAO,0BAA0B,MACjC,GACG,EAAO,wCAAwC,GACjD,CACF;MACS;MACE;MACZ,KAAK;gBAVP,CAYE,kBAAC,OAAD;OAAK,WAAW,EAAO;OAA4B;OAAe,CAAA,EACjE,KACC,kBAAC,OAAD;OACE,WAAW,EAAW,EAAO,8BAA8B,GACxD,EAAO,uCAAuC,KAAgB,CAAC,GACjE,CAAC;iBAED;OACG,CAAA,CAEH;QACH;;IACK,CAAA,EACZ,CAAA;GAEI,CAAA;EACM,CAAA,GAjED"}

package/dist/PasteHandlerPlugin-DUdocSHB.js

@@ -0,0 +1,235 @@
+import { t as e } from "./chunk-DeC0fbbY.js";
+import { t } from "./LexicalComposerContext.prod-Ca-YN_fj.js";
+import { Kt as n, n as r } from "./Lexical.prod-DCGjHGxG.js";
+import { t as i } from "./LexicalUtils.prod-BzrjMu6t.js";
+import { n as a } from "./LexicalClipboard.prod-CGG14aoP.js";
+import { useEffect as o } from "react";
+//#region node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js
+var s = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.normalizeSpacerunSpans = e.normalizeSpacing = e.parseHtml = e.MSWordNormalizer = void 0;
+	var t = [/<meta\s*name="?generator"?\s*content="?microsoft\s*word\s*\d+"?\/?>/i, /xmlns:o="urn:schemas-microsoft-com/i];
+	e.MSWordNormalizer = class {
+		isActive(e) {
+			return t.some((t) => t.test(e));
+		}
+		normalize(e) {
+			let { bodyString: t, stylesString: r } = n(e), i = new DOMParser().parseFromString(t, "text/html");
+			return this.transformListItemLikeLElementsIntoLists(i, r), this.removeMSAttributes(i), i.body.innerHTML;
+		}
+		findAllItemLikeElements(e) {
+			let t = e.querySelectorAll("*"), n = [];
+			for (let e of t) {
+				let t = e.tagName.toLowerCase();
+				if (![
+					"p",
+					"h1",
+					"h2",
+					"h3",
+					"h4",
+					"h5",
+					"h6",
+					"li",
+					"div"
+				].includes(t) || !(e instanceof HTMLElement)) continue;
+				let r = c(e.getAttribute("style") || "");
+				if ("mso-list" in r) {
+					if (!e.parentElement || y(e.parentElement)) continue;
+					let t = d(r);
+					n.push(Object.assign(Object.assign({}, t), { element: e }));
+				}
+			}
+			return n;
+		}
+		transformListItemLikeLElementsIntoLists(e, t) {
+			var n, r, i;
+			let a = this.findAllItemLikeElements(e);
+			if (!a.length) return;
+			let o = {}, s = [];
+			for (let e of a) if (e.indent != null) {
+				v(e) || (s.length = 0);
+				let a = `${e.id}:${e.indent}`, c = Math.min(e.indent - 1, s.length);
+				if (c < s.length && s[c]?.id !== e.id && (s.length = c), c < s.length - 1) s.length = c + 1;
+				else {
+					let r = f(e, t);
+					if (c > s.length - 1 || s[c]?.listElement.tagName.toLowerCase() != r.type) {
+						c == 0 && r.type == "ol" && e.id !== void 0 && o[a] && (r.startIndex = o[a] ?? null);
+						let t = g(r, !1);
+						if (s.length == 0) {
+							let n = e.element.parentNode;
+							Array.from(n.children).indexOf(e.element) + 1 === n.children.length ? n.appendChild(t) : n.insertBefore(t, e.element);
+						} else {
+							let e = s[c - 1]?.listItemElements;
+							e && ((n = e[e.length - 1]) == null || n.appendChild(t));
+						}
+						s[c] = Object.assign(Object.assign({}, e), {
+							listElement: t,
+							listItemElements: []
+						}), c == 0 && e.id !== void 0 && (o[a] = r.startIndex || 1);
+					}
+				}
+				let l = e.element.tagName.toLowerCase() == "li" ? e.element : document.createElement("li");
+				(r = s[c]) == null || r.listElement.appendChild(l), (i = s[c]) == null || i.listItemElements.push(l), c == 0 && e.id !== void 0 && o[a]++, e.element != l && l.appendChild(e.element), _(e.element);
+			}
+		}
+		removeMSAttributes(e) {
+			let t = e.querySelectorAll("*"), n = [];
+			for (let e of t) {
+				for (let t of e.classList) /\bmso/gi.exec(t) && e.classList.remove(t);
+				e instanceof HTMLElement && u(e), (e.tagName === "W:SDT" || e.tagName === "W:SDTPR" && l(e) || e.tagName === "O:P" && l(e)) && n.push(e);
+			}
+			for (let e of n) e.parentNode.removeChild(e);
+		}
+	};
+	function n(e) {
+		let t = new DOMParser();
+		e = e.replace(/<!--\[if gte vml 1]>/g, ""), e = e.replace(/<o:SmartTagType(?:\s+[^\s>=]+(?:="[^"]*")?)*\s*\/?>/gi, "");
+		let n = i(s(e)), a = t.parseFromString(n, "text/html");
+		return o(a), {
+			bodyString: a.body.innerHTML,
+			stylesString: r(a)
+		};
+	}
+	e.parseHtml = n;
+	function r(e) {
+		let t = [], n = [], r = Array.from(e.getElementsByTagName("style"));
+		for (let e of r) e.sheet && e.sheet.cssRules && e.sheet.cssRules.length && (t.push(e.sheet), n.push(e.innerHTML));
+		return n.join(" ");
+	}
+	function i(e) {
+		return a(a(e)).replace(/(<span\s+style=['"]mso-spacerun:yes['"]>[^\S\r\n]*?)[\r\n]+([^\S\r\n]*<\/span>)/g, "$1$2").replace(/<span\s+style=['"]mso-spacerun:yes['"]><\/span>/g, "").replace(/(<span\s+style=['"]letter-spacing:[^'"]+?['"]>)[\r\n]+(<\/span>)/g, "$1 $2").replace(/ <\//g, "\xA0</").replace(/ <o:p><\/o:p>/g, "\xA0<o:p></o:p>").replace(/<o:p>(&nbsp;|\u00A0)<\/o:p>/g, "").replace(/>([^\S\r\n]*[\r\n]\s*)</g, "><");
+	}
+	e.normalizeSpacing = i;
+	function a(e) {
+		return e.replace(/<span(?: class="Apple-converted-space"|)>(\s+)<\/span>/g, (e, t) => t.length === 1 ? " " : Array(t.length + 1).join("\xA0 ").substring(0, t.length));
+	}
+	function o(e) {
+		e.querySelectorAll("span[style*=spacerun]").forEach((e) => {
+			let t = e, n = t.innerText.length || 0;
+			t.innerText = Array(n + 1).join("\xA0 ").substring(0, n);
+		});
+	}
+	e.normalizeSpacerunSpans = o;
+	function s(e) {
+		let t = e.indexOf("</body>");
+		if (t < 0) return e;
+		let n = e.indexOf("</html>", t + 7);
+		return e.substring(0, t + 7) + (n >= 0 ? e.substring(n) : "");
+	}
+	function c(e) {
+		let t = {};
+		return e && e.split(";").map((e) => e.trim()).forEach((e) => {
+			let [n, r] = e.split(":").map((e) => e.trim());
+			n && r && (t[n] = r);
+		}), t;
+	}
+	function l(e) {
+		return !e.textContent && !e.innerHTML.trim();
+	}
+	function u(e) {
+		let t = (e.getAttribute("style") || "").split(";").map((e) => e.trim()).filter((e) => {
+			let [t] = e.split(":");
+			return !/\bmso/gi.exec(t?.toLowerCase() ?? "");
+		}).join(";");
+		e.setAttribute("style", t);
+	}
+	function d(e) {
+		let t = e["mso-list"];
+		if (t === void 0) return {};
+		let n = t.match(/(^|\s{1,100})l(\d+)/i), r = t.match(/\s{0,100}lfo(\d+)/i), i = t.match(/\s{0,100}level(\d+)/i);
+		return n && r && i ? {
+			id: n[2],
+			order: r[1],
+			indent: parseInt(i[1] ?? "")
+		} : { indent: 1 };
+	}
+	function f(e, t) {
+		let n = RegExp(`@list l${e.id}:level${e.indent}\\s*({[^}]*)`, "gi"), r = /mso-level-number-format:([^;]{0,100});/gi, i = /mso-level-start-at:\s{0,100}([0-9]{0,10})\s{0,100};/gi, a = RegExp(`@list\\s+l${e.id}:level\\d\\s*{[^{]*mso-level-text:"%\\d\\\\.`, "gi"), o = RegExp(`@list l${e.id}:level\\d\\s*{[^{]*mso-level-number-format:`, "gi"), s = a.exec(t), c = o.exec(t), l = s && !c, u = n.exec(t), d = "decimal", f = "ol", m = null;
+		if (u && u[1]) {
+			let t = r.exec(u[1]);
+			if (t && t[1] && (d = t[1].trim(), f = d !== "bullet" && d !== "image" ? "ol" : "ul"), d === "bullet") {
+				let t = p(e.element);
+				t && (d = t);
+			} else {
+				let e = i.exec(u[1]);
+				e && e[1] && (m = parseInt(e[1]));
+			}
+			l && (f = "ol");
+		}
+		return {
+			type: f,
+			startIndex: m,
+			style: h(d),
+			isLegalStyleList: l
+		};
+	}
+	function p(e) {
+		if (e.tagName.toLowerCase() == "li" && e.parentElement.tagName.toLowerCase() == "ul" && e.parentElement.hasAttribute("type")) return e.parentElement.getAttribute("type");
+		let t = m(e);
+		if (!t) return null;
+		let n = t.textContent;
+		return n === "o" ? "circle" : (n ?? "").charCodeAt(0) === 183 ? "disc" : n === "§" ? "square" : null;
+	}
+	function m(e) {
+		if (Array.from(e.children)[0]?.tagName.toLowerCase() === "#text") return null;
+		for (let t of Array.from(e.children)) if (["element", "span"].includes(t.tagName.toLowerCase())) return t;
+		return null;
+	}
+	function h(e) {
+		if (e.startsWith("arabic-leading-zero")) return "decimal-leading-zero";
+		switch (e) {
+			case "alpha-upper": return "upper-alpha";
+			case "alpha-lower": return "lower-alpha";
+			case "roman-upper": return "upper-roman";
+			case "roman-lower": return "lower-roman";
+			case "circle":
+			case "disc":
+			case "square": return e;
+			default: return null;
+		}
+	}
+	function g(e, t) {
+		let n = document.createElement(e.type);
+		return e.style && n.style.setProperty("list-style-type", e.style), e.startIndex && e.startIndex > 1 && n.setAttribute("start", e.startIndex.toString()), e.isLegalStyleList && t && n.classList.add("legal-list"), n;
+	}
+	function _(e) {
+		e.querySelectorAll("span").forEach((e) => {
+			var t;
+			let n = e.getAttribute("style");
+			n && n.includes("mso-list:Ignore") && ((t = e.parentNode) == null || t.removeChild(e));
+		});
+	}
+	function v(e) {
+		let t = e.element.previousSibling;
+		return y(t || e.element.parentElement);
+	}
+	var y = (e) => ["ul", "ol"].includes(e.tagName.toLowerCase());
+})), c = (/* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.MSWordNormalizer = void 0;
+	var t = s();
+	Object.defineProperty(e, "MSWordNormalizer", {
+		enumerable: !0,
+		get: function() {
+			return t.MSWordNormalizer;
+		}
+	});
+})))(), l = () => {
+	let [e] = t(), s = (t) => {
+		t.preventDefault(), e.update(() => {
+			let n = r(), o = i(t, InputEvent) || i(t, KeyboardEvent) ? null : t.clipboardData;
+			if (o != null && n !== null) {
+				let t = o.getData("text/html") || o.getData("text/plain"), r = new DataTransfer(), i = new c.MSWordNormalizer();
+				r.setData("text/html", t), i.isActive(t) && r.setData("text/html", i.normalize(t)), a(r, n, e);
+			}
+		});
+	};
+	return o(() => {
+		let t = e.registerCommand(n, (e) => e instanceof ClipboardEvent ? (s(e), !0) : !1, 4);
+		return () => {
+			t();
+		};
+	}, [e]), null;
+};
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=PasteHandlerPlugin-DUdocSHB.js.map

package/dist/PasteHandlerPlugin-DUdocSHB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasteHandlerPlugin-DUdocSHB.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n    /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i,\n    /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n    isActive(htmlString) {\n        return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n    }\n    normalize(htmlString) {\n        const { bodyString, stylesString } = parseHtml(htmlString);\n        const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n        this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n        this.removeMSAttributes(doc);\n        return doc.body.innerHTML;\n    }\n    findAllItemLikeElements(doc) {\n        const items = doc.querySelectorAll('*');\n        const res = [];\n        for (const item of items) {\n            const tagName = item.tagName.toLowerCase();\n            // Find all the possible list items\n            if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) || !(item instanceof HTMLElement)) {\n                continue;\n            }\n            const style = convertStyleToObject(item.getAttribute('style') || '');\n            // Keep items that are part of a list.\n            if ('mso-list' in style) {\n                if (!item.parentElement)\n                    continue;\n                if (isList(item.parentElement))\n                    continue;\n                const itemData = getListItemData(style);\n                res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n            }\n        }\n        return res;\n    }\n    transformListItemLikeLElementsIntoLists(doc, stylesString) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        const itemLikeElements = this.findAllItemLikeElements(doc);\n        if (!itemLikeElements.length) {\n            return;\n        }\n        const encounteredLists = {};\n        const stack = [];\n        for (const itemLikeElement of itemLikeElements) {\n            if (itemLikeElement.indent != null) {\n                // Reset the current stack if the previous used list does not continue with itemLikeElement\n                if (!isListContinuation(itemLikeElement)) {\n                    stack.length = 0;\n                }\n                // Combined list ID for addressing encounter lists counters.\n                const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n                // Normalized list item indentation.\n                const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n                // Trimming of the list stack on list ID change.\n                if (indent < stack.length && ((_a = stack[indent]) === null || _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n                    stack.length = indent;\n                }\n                // Trimming of the list stack on lower indent list encountered.\n                if (indent < stack.length - 1) {\n                    stack.length = indent + 1;\n                }\n                else {\n                    const listStyle = detectListStyle(itemLikeElement, stylesString);\n                    // Create a new OL/UL if required (greater indent or different list type).\n                    if (indent > stack.length - 1 || ((_b = stack[indent]) === null || _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n                        if (indent == 0 &&\n                            listStyle.type == 'ol' &&\n                            itemLikeElement.id !== undefined &&\n                            encounteredLists[originalListId]) {\n                            listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n                        }\n                        const listElement = createNewEmptyList(listStyle, false);\n                        // Insert the new OL/UL.\n                        if (stack.length == 0) {\n                            const parent = itemLikeElement.element.parentNode;\n                            const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n                            if (index === parent.children.length) {\n                                parent.appendChild(listElement);\n                            }\n                            else {\n                                parent.insertBefore(listElement, itemLikeElement.element);\n                            }\n                        }\n                        else {\n                            const parentListItems = (_d = stack[indent - 1]) === null || _d === void 0 ? void 0 : _d.listItemElements;\n                            if (parentListItems) {\n                                (_e = parentListItems[parentListItems.length - 1]) === null || _e === void 0 ? void 0 : _e.appendChild(listElement);\n                            }\n                        }\n                        // Update the list stack for other items to reference.\n                        stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n                        // Prepare list counter for start index.\n                        if (indent == 0 && itemLikeElement.id !== undefined) {\n                            encounteredLists[originalListId] = listStyle.startIndex || 1;\n                        }\n                    }\n                }\n                // Use LI if it is already it or create a new LI element.\n                const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n                // Append the LI to OL/UL.\n                (_f = stack[indent]) === null || _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n                (_g = stack[indent]) === null || _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n                // Increment list counter.\n                if (indent == 0 && itemLikeElement.id !== undefined) {\n                    encounteredLists[originalListId]++;\n                }\n                // Append list block to LI.\n                if (itemLikeElement.element != listItem) {\n                    listItem.appendChild(itemLikeElement.element);\n                }\n                // Clean list block.\n                removeMsoListIgnoreSpans(itemLikeElement.element);\n            }\n        }\n    }\n    removeMSAttributes(doc) {\n        const items = doc.querySelectorAll('*');\n        const elementsToUnwrap = [];\n        for (const item of items) {\n            // Eliminate all classes that include mso.\n            for (const className of item.classList) {\n                if (/\\bmso/gi.exec(className)) {\n                    item.classList.remove(className);\n                }\n            }\n            // Eliminate all useless mso styling\n            if (item instanceof HTMLElement) {\n                removeMSOStyles(item);\n            }\n            // Push word specific elements to an array\n            if (item.tagName === 'W:SDT' || item.tagName === 'W:SDTPR' && isElementEmpty(item) || item.tagName === 'O:P' && isElementEmpty(item)) {\n                elementsToUnwrap.push(item);\n            }\n        }\n        // Eliminate word specific elements\n        for (const item of elementsToUnwrap) {\n            const itemParent = item.parentNode;\n            itemParent.removeChild(item);\n        }\n    }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    const stylesString = extractStyles(htmlDocument);\n    return {\n        bodyString,\n        stylesString\n    };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags) {\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n        // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n        .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2')\n        .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n        .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n        .replace(/ <\\//g, '\\u00A0</')\n        .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n        // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n        .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')\n        // Remove all whitespaces when they contain any \\r or \\n.\n        .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n    });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach(el => {\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n    });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n        (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n    const styleObject = {};\n    if (!styleString) {\n        return styleObject;\n    }\n    // Split the style string into individual declarations\n    const declarations = styleString.split(';').map(declaration => declaration.trim());\n    // Iterate over each declaration and split it into property and value\n    declarations.forEach(declaration => {\n        const [property, value] = declaration.split(':').map(part => part.trim());\n        if (property && value) {\n            // Add the property and value to the style object\n            styleObject[property] = value;\n        }\n    });\n    return styleObject;\n}\nfunction isElementEmpty(element) {\n    return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n    // Get the current style string of the paragraph node\n    const currentStyle = element.getAttribute('style') || '';\n    // Parse the style string to extract individual style properties\n    const styleProperties = currentStyle.split(';').map(property => property.trim());\n    // Remove the 'mso-bidi-font-family' property from the list of style properties\n    const filteredProperties = styleProperties.filter(property => {\n        var _a;\n        const [key] = property.split(':');\n        return !(/\\bmso/gi.exec((_a = key === null || key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n    });\n    // Reconstruct the style string without the removed property\n    const updatedStyle = filteredProperties.join(';');\n    // Set the updated style string back to the paragraph node\n    element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n    var _a;\n    const listStyle = styles['mso-list'];\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n        };\n    }\n    return {\n        indent: 1\n    };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        }\n        else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\nfunction findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n        return element.parentElement.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement.textContent;\n    if (listMarker === 'o') {\n        return 'circle';\n    }\n    else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n        return 'disc';\n    }\n    // Word returns '§' instead of '■' for the square list style.\n    else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\nfunction findListMarkerNode(element) {\n    var _a;\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (((_a = Array.from(element.children)[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n        return null;\n    }\n    for (const childNode of Array.from(element.children)) {\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n            continue;\n        }\n        return childNode;\n    }\n    return null;\n}\nfunction mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch (value) {\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n    const list = document.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        list.style.setProperty('list-style-type', listStyle.style);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        list.setAttribute('start', listStyle.startIndex.toString());\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        list.classList.add('legal-list');\n    }\n    return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n    // Get all <span> elements inside the parentElement\n    const spans = parentElement.querySelectorAll('span');\n    // Iterate over each <span> element\n    spans.forEach(span => {\n        var _a;\n        // Get the value of the 'style' attribute\n        const style = span.getAttribute('style');\n        // Check if the 'style' attribute contains 'mso-list: Ignore'\n        if (style && style.includes('mso-list:Ignore')) {\n            // Remove the <span> element\n            (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);\n        }\n    });\n}\nfunction isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        return isList(currentItem.element.parentElement);\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    // @ts-expect-error\n    return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const content = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', content);\n        if (wordNormalizer.isActive(content)) {\n          newData.setData('text/html', wordNormalizer.normalize(content));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}