@ecopages/radiant-ui 0.1.0-beta.6 → 0.1.0-beta.8

package/dist/{styles/components → components/ui/button}/button.css

@@ -3,17 +3,13 @@
 @layer components {
   .rui-button {
     display: inline-flex;
-    height: fit-content;
     width: fit-content;
     align-items: center;
     justify-content: center;
-    gap: var(--spacing-2, var(--space-2));
     border-radius: var(--radius-button, var(--radius-control));
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: transparent;
-    font-size: var(--text-sm, var(--text-sm));
-    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
     --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
     font-weight: var(--font-weight-medium, var(--weight-medium));
     transition-property: background-color,color,box-shadow;
@@ -25,6 +21,7 @@
     transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
     cursor: pointer;
     white-space: nowrap;
+    gap: var(--space-inline);
   }
   .rui-button > svg {
     pointer-events: none;
@@ -74,20 +71,12 @@
   }
   .rui-button--outline:hover:not(:disabled) {
     background-color: var(--color-surface, var(--surface));
-    background-image: var(--sheen-image);
-    @media (forced-colors: active) {
-      background-image: none;
-    }
   }
   .rui-button--outline:active:not(:disabled) {
     background-color: var(--color-surface, var(--surface));
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-surface, var(--surface)) 80%, transparent);
     }
-    background-image: var(--sheen-image);
-    @media (forced-colors: active) {
-      background-image: none;
-    }
   }
   .rui-button--outline[aria-pressed='true'] {
     background-color: var(--color-background, var(--background));
@@ -109,10 +98,6 @@
   }
   .rui-button--ghost:hover:not(:disabled) {
     background-color: var(--color-surface-container-low, var(--surface-container-low));
-    background-image: var(--sheen-image);
-    @media (forced-colors: active) {
-      background-image: none;
-    }
   }
   .rui-button--ghost:active:not(:disabled) {
     background-color: var(--color-surface-container, var(--surface-container));
@@ -145,28 +130,57 @@
   .rui-button--destructive:active:not(:disabled) {
     background-color: var(--color-error-dark, var(--error-dark));
   }
+  .rui-button--link {
+    background-color: transparent;
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+    color: var(--color-link, var(--link));
+    text-decoration-line: none;
+    text-underline-offset: 2px;
+  }
+  .rui-button--link:hover:not(:disabled),
+	.rui-button--link:focus-visible:not(:disabled) {
+    text-decoration-line: underline;
+  }
+  .rui-button--link:active:not(:disabled) {
+    text-decoration-line: underline;
+  }
+  .rui-button--link[aria-pressed='true'] {
+    text-decoration-line: underline;
+  }
+  .rui-button--none {
+    height: auto;
+    min-height: 0px;
+    padding-inline: 0;
+    padding-block: 0;
+  }
   .rui-button--sm {
-    padding-inline: var(--spacing-2, var(--space-2));
-    padding-block: var(--spacing-1, var(--space-1));
-    font-size: var(--text-xs, var(--text-xs));
-    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
+    height: var(--size-control-sm);
+    padding-inline: calc(var(--space-control-x) * 0.75);
+    font-size: var(--text-xs);
   }
   .rui-button--md {
-    padding-inline: var(--spacing-4, var(--space-4));
-    padding-block: var(--spacing-2, var(--space-2));
-    font-size: var(--text-sm, var(--text-sm));
-    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    height: var(--size-control-md);
+    padding-inline: var(--space-control-x);
+    font-size: var(--text-control, 0.875rem);
   }
   .rui-button--lg {
-    padding-inline: var(--spacing-6, var(--space-6));
-    padding-block: var(--spacing-3, var(--space-3));
-    font-size: var(--text-base, 1rem);
-    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+    height: var(--size-control-lg);
+    padding-inline: calc(var(--space-control-x) * 1.5);
+    font-size: var(--text-body);
   }
   .rui-button--icon {
-    padding: var(--spacing-2, var(--space-2));
-    font-size: var(--text-sm, var(--text-sm));
-    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    height: var(--size-control-md);
+    width: var(--size-control-md);
+    padding-inline: 0;
+    font-size: var(--text-control, 0.875rem);
+  }
+  .rui-button--link.rui-button--sm,
+	.rui-button--link.rui-button--md,
+	.rui-button--link.rui-button--lg {
+    height: auto;
+    padding-inline: 0;
+    padding-block: 0;
   }
   .rui-button--primary {
     background-color: var(--color-primary, var(--primary));

package/dist/components/ui/button/button.d.ts

@@ -1,10 +1,10 @@
 import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
-export type RuiButtonVariant = 'filled' | 'outline' | 'destructive' | 'ghost';
-export type RuiButtonSize = 'sm' | 'md' | 'lg';
+export type RuiButtonVariant = 'filled' | 'outline' | 'destructive' | 'ghost' | 'link';
+export type RuiButtonSize = 'none' | 'sm' | 'md' | 'lg';
 type RuiButtonCommonProps = JsxHtmlPropsWithChildren<{
     /** Visual style. Default: `filled`. */
     variant?: RuiButtonVariant;
-    /** Control size. Default: `md`. */
+    /** Control size. Default: `md` (Default in docs). Use `none` for inline `link` chrome. */
     size?: RuiButtonSize;
     /** Accessible name when the button has no visible text. */
     'aria-label'?: string;
@@ -41,9 +41,26 @@ export type RuiButtonProps = RuiButtonControlProps | RuiButtonLinkProps;
  * No custom element and no controller — only CSS variants/sizes. The `href`
  * union branch preserves native link semantics for navigation.
  *
- * Styles ship via the radiant-ui base stylesheet (`rui-button` classes).
+ * @remarks
+ * Default/`md` height uses `--size-control-md`, the same token as `RuiInput`, so
+ * form rows align. `none` omits fixed height and padding for inline `link`
+ * actions. Styles live in `./button.css`.
+ *
+ * Variant tones map to semantic action roles — `primary` for filled, `error`
+ * (destructive) for destructive — never palette steps.
  *
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ *
+ * @cssclass rui-button - Button / button-styled link root.
+ * @cssclass rui-button--filled - Primary filled action (`bg-primary`).
+ * @cssclass rui-button--outline - Bordered secondary action.
+ * @cssclass rui-button--destructive - Destructive action (`bg-error`).
+ * @cssclass rui-button--ghost - Subtle, borderless action.
+ * @cssclass rui-button--link - Inline link-styled action.
+ * @cssclass rui-button--none - No fixed size (inline `link` chrome).
+ * @cssclass rui-button--sm - Small control height.
+ * @cssclass rui-button--md - Default control height.
+ * @cssclass rui-button--lg - Large control height.
  */
 export declare function RuiButton(props: RuiButtonProps): import("@ecopages/jsx").JsxRenderable;
 export {};

package/dist/components/ui/button-group/button-group.d.ts

@@ -6,5 +6,11 @@ export type RuiButtonGroupProps = JsxHtmlPropsWithChildren<{
     /** Accessible name when the group has no visible label. */
     'aria-label'?: string;
 }>;
-/** Related buttons / links in a horizontal or vertical group. */
+/**
+ * Related buttons / links in a horizontal or vertical group.
+ *
+ * @cssclass rui-button-group - Root group (`role="group"`).
+ * @cssclass rui-button-group--horizontal - Side-by-side layout (default).
+ * @cssclass rui-button-group--vertical - Stacked layout.
+ */
 export declare function RuiButtonGroup({ children, orientation, class: className, 'aria-label': ariaLabel, ...props }: RuiButtonGroupProps): import("@ecopages/jsx").JsxRenderable;

package/dist/components/ui/button-group/index.js

@@ -1,2 +1,2 @@
-import{jsx as c}from"@ecopages/jsx/jsx-runtime";function e(...o){return o.filter(Boolean).join(" ")}var u=Symbol.for("@ecopages/storybook-radiant.viewModule");function a(o,t,r){let n=o;return n[u]=r,o}function i({children:o,orientation:t="horizontal",class:r,"aria-label":n,...s}){return c("div",{...s,role:"group","aria-label":n,"aria-orientation":t,class:e("rui-button-group",`rui-button-group--${t}`,r),children:o})}a(i,["./button-group.css"],import.meta.url);export{i as RuiButtonGroup};
+import{jsx as a}from"@ecopages/jsx/jsx-runtime";function t(...o){return o.filter(Boolean).join(" ")}function e({children:o,orientation:r="horizontal",class:u,"aria-label":i,...n}){return a("div",{...n,role:"group","aria-label":i,"aria-orientation":r,class:t("rui-button-group",`rui-button-group--${r}`,u),children:o})}export{e as RuiButtonGroup};
 //# sourceMappingURL=index.js.map

package/dist/components/ui/button-group/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ui/button-group/button-group.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/radiant-view.ts"],
-  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { attachRadiantStylesheets } from \"@/lib/radiant-view\";\nexport function RuiButtonGroup({\n  children,\n  orientation = \"horizontal\",\n  class: className,\n  \"aria-label\": ariaLabel,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    role: \"group\",\n    \"aria-label\": ariaLabel,\n    \"aria-orientation\": orientation,\n    class: cx(\"rui-button-group\", `rui-button-group--${orientation}`, className),\n    children\n  });\n}\nattachRadiantStylesheets(RuiButtonGroup, [\"./button-group.css\"], import.meta.url);", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "const RADIANT_VIEW_ELEMENT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewElement\");\nconst RADIANT_SCRIPT_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptModule\");\nconst RADIANT_SCRIPT_EXPORT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptExport\");\nconst RADIANT_VIEW_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewModule\");\nfunction linkViewToElement(view, element) {\n  view[RADIANT_VIEW_ELEMENT] = element;\n  const ssrModule = element[RADIANT_SCRIPT_MODULE];\n  if (ssrModule) {\n    view[RADIANT_SCRIPT_MODULE] = ssrModule;\n    view[RADIANT_SCRIPT_EXPORT] = element[RADIANT_SCRIPT_EXPORT] ?? element.name;\n  }\n}\nexport function defineRadiantView(element, render, _options) {\n  const view = args => render(args);\n  linkViewToElement(view, element);\n  return view;\n}\nexport function attachRadiantStylesheets(target, _stylesheets, moduleUrl) {\n  const view = target;\n  view[RADIANT_VIEW_MODULE] = moduleUrl;\n  return target;\n}\nexport function syncRadiantViewMetadata(view) {\n  const element = view[RADIANT_VIEW_ELEMENT];\n  if (element) {\n    linkViewToElement(view, element);\n  }\n}"],
-  "mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CCCA,IAAMC,EAAqC,OAAO,IAAI,wCAAwC,EAcvF,SAASC,EAAyBC,EAAQC,EAAcC,EAAW,CACxE,IAAMC,EAAOH,EACb,OAAAG,EAAKC,CAAmB,EAAIF,EACrBF,CACT,CFlBO,SAASK,EAAe,CAC7B,SAAAC,EACA,YAAAC,EAAc,aACd,MAAOC,EACP,aAAcC,EACd,GAAGC,CACL,EAAG,CACD,OAAsBC,EAAI,MAAO,CAC/B,GAAGD,EACH,KAAM,QACN,aAAcD,EACd,mBAAoBF,EACpB,MAAOK,EAAG,mBAAoB,qBAAqBL,CAAW,GAAIC,CAAS,EAC3E,SAAAF,CACF,CAAC,CACH,CACAO,EAAyBR,EAAgB,CAAC,oBAAoB,EAAG,YAAY,GAAG",
-  "names": ["jsx", "cx", "parts", "RADIANT_VIEW_MODULE", "attachRadiantStylesheets", "target", "_stylesheets", "moduleUrl", "view", "RADIANT_VIEW_MODULE", "RuiButtonGroup", "children", "orientation", "className", "ariaLabel", "props", "jsx", "cx", "attachRadiantStylesheets"]
+  "sources": ["../../../../src/components/ui/button-group/button-group.tsx", "../../../../src/lib/cx.ts"],
+  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nexport function RuiButtonGroup({\n  children,\n  orientation = \"horizontal\",\n  class: className,\n  \"aria-label\": ariaLabel,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    role: \"group\",\n    \"aria-label\": ariaLabel,\n    \"aria-orientation\": orientation,\n    class: cx(\"rui-button-group\", `rui-button-group--${orientation}`, className),\n    children\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}"],
+  "mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CDAO,SAASC,EAAe,CAC7B,SAAAC,EACA,YAAAC,EAAc,aACd,MAAOC,EACP,aAAcC,EACd,GAAGC,CACL,EAAG,CACD,OAAsBC,EAAI,MAAO,CAC/B,GAAGD,EACH,KAAM,QACN,aAAcD,EACd,mBAAoBF,EACpB,MAAOK,EAAG,mBAAoB,qBAAqBL,CAAW,GAAIC,CAAS,EAC3E,SAAAF,CACF,CAAC,CACH",
+  "names": ["jsx", "cx", "parts", "RuiButtonGroup", "children", "orientation", "className", "ariaLabel", "props", "jsx", "cx"]
 }

package/dist/components/ui/calendar/calendar.css

@@ -10,10 +10,10 @@ rui-calendar {
     border-width: 1px;
     border-color: var(--color-border, var(--border));
     background-color: var(--color-background, var(--background));
-    padding: var(--spacing-3, var(--space-3));
+    padding: var(--spacing-inset, var(--space-inset));
     font-size: var(--text-sm, var(--text-sm));
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    --tw-shadow: var(--shadow-overlay);
+    --tw-shadow: var(--shadow-control);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .rui-calendar--multi {
@@ -23,12 +23,12 @@ rui-calendar {
   .rui-calendar__months {
     display: flex;
     flex-direction: column;
-    gap: var(--spacing-4, var(--space-4));
+    gap: var(--spacing-stack, var(--space-stack));
     @media (width >= 40rem) {
       flex-direction: row;
     }
     @media (width >= 40rem) {
-      gap: var(--spacing-3, var(--space-3));
+      gap: var(--spacing-stack, var(--space-stack));
     }
   }
   .rui-calendar__month-panel {
@@ -40,7 +40,7 @@ rui-calendar {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--spacing-2, var(--space-2));
+    gap: var(--spacing-inline, var(--space-inline));
   }
   .rui-calendar__nav-spacer {
     display: inline-flex;
@@ -199,8 +199,8 @@ rui-calendar {
     border-style: var(--tw-border-style);
     border-width: 0px;
     background-color: transparent;
-    padding-inline: var(--spacing-3, var(--space-3));
-    padding-block: var(--spacing-1, var(--space-1));
+    padding-inline: var(--spacing-control-x, var(--space-control-x));
+    padding-block: var(--spacing-control-y, var(--space-control-y));
     font-size: var(--text-sm, var(--text-sm));
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
     color: var(--color-primary, var(--primary));

package/dist/components/ui/calendar/calendar.d.ts

@@ -1,5 +1,6 @@
 import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
 import type { RuiCalendarProps } from './calendar.script';
-export declare const RuiCalendar: import("@/lib/radiant-view").RadiantViewComponent<JsxHtmlPropsWithChildren<RuiCalendarProps & {
+import './calendar.script';
+export declare function RuiCalendar({ children, ...props }: JsxHtmlPropsWithChildren<RuiCalendarProps & {
     slot?: string;
-}>>;
+}>): import("@ecopages/jsx").JsxRenderable;

package/dist/components/ui/calendar/calendar.script.d.ts

@@ -36,8 +36,40 @@ type MonthPanel = {
  * - range: `YYYY-MM-DD/YYYY-MM-DD`
  *
  * @see https://react-aria.adobe.com/Calendar
+ *
  * @element rui-calendar
- * @fires rui-change
+ *
+ * @attr {string} value - Selected date(s) in the mode-specific ISO format. Default: `''`.
+ * @attr {string} min - Earliest selectable ISO date. Default: `''`.
+ * @attr {string} max - Latest selectable ISO date. Default: `''`.
+ * @attr {boolean} disabled - Disable all date selection. Default: `false`.
+ * @attr {string} locale - BCP 47 locale tag, or comma-separated fallback list. Default: `''`.
+ * @attr {('single'|'multiple'|'range')} selection-mode - Selection mode. Default: `single`.
+ * @attr {number} visible-months - Month grids shown side by side. Default: `1`.
+ * @attr {('visible'|'single')} page-behavior - Whether paging moves by all visible months or one month. Default: `visible`.
+ *
+ * @fires rui-change - Emitted when the selection changes; detail carries `value`, plus `start` / `end` for ranges.
+ *
+ * @cssclass rui-calendar - Root surface (`role="application"`).
+ * @cssclass rui-calendar--multi - Multi-month root modifier.
+ * @cssclass rui-calendar__months - Row of month panels.
+ * @cssclass rui-calendar__month-panel - Single month grid column.
+ * @cssclass rui-calendar__header - Month title row with paging controls.
+ * @cssclass rui-calendar__nav - Prev / next month button.
+ * @cssclass rui-calendar__nav-spacer - Placeholder where a nav button is absent.
+ * @cssclass rui-calendar__month - Month title.
+ * @cssclass rui-calendar__weekdays - Weekday header row.
+ * @cssclass rui-calendar__weekday - Weekday label.
+ * @cssclass rui-calendar__grid - Month grid (`role="grid"`).
+ * @cssclass rui-calendar__week - Grid row.
+ * @cssclass rui-calendar__day - Day cell button (`role="gridcell"`).
+ * @cssclass rui-calendar__footer - Footer row with the today button.
+ * @cssclass rui-calendar__today - "Today" jump button.
+ *
+ * @remarks
+ * Arrow keys move the focused day, PageUp / PageDown page the months (Shift
+ * adds ±12), and Enter / Space select the focused day. Disabled or out-of-range
+ * days are skipped while navigating.
  */
 export declare class RuiCalendar extends RadiantElement {
     value: string;
@@ -65,6 +97,12 @@ export declare class RuiCalendar extends RadiantElement {
     private moveMonth;
     private getFlatDays;
     private moveFocusedDay;
+    private isMonthVisible;
+    /** Moves roving focus without rebuilding a grid that already contains the target day. */
+    private focusDayInCurrentGrid;
+    /** Restores DOM focus after rebuilding the grid around a newly visible day. */
+    private focusFocusedDay;
+    private moveFocusedMonth;
     private isIsoAllowed;
     private emitChange;
     private selectSingle;

package/dist/components/ui/calendar/index.js

@@ -1,2 +1,2 @@
-import{jsx as p,jsxs as me}from"@ecopages/jsx/jsx-runtime";import{RadiantElement as gt,customElement as Et,event as kt,onEvent as L,onUpdated as Tt,prop as S,state as A}from"@ecopages/radiant";function Ae(t){if(!t)return;let e=t.split(",").map(n=>n.trim()).filter(Boolean);return e.length>1?e:e[0]}function ne(t){if(t==null)return null;let e=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t.trim());if(!e)return null;let n=Number(e[1]),r=Number(e[2])-1,o=Number(e[3]),a=new Date(n,r,o);return a.getFullYear()!==n||a.getMonth()!==r||a.getDate()!==o?null:a}function Y(t){let e=t.getFullYear(),n=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0");return`${e}-${n}-${r}`}function re(t,e,n){return!(e&&t<e||n&&t>n)}function T(t,e){return t.localeCompare(e)}function C(t,e){return T(t,e)<=0?{start:t,end:e}:{start:e,end:t}}function F(t){if(!t)return null;let[e,n]=t.split("/");return!e||!n?null:C(e,n)}function ae(t){if(!t)return"";let e=C(t.start,t.end);return`${e.start}/${e.end}`}function z(t){return t?t.split(",").map(e=>e.trim()).filter(Boolean).sort(T):[]}function ie(t){return[...new Set(t)].sort(T).join(",")}function oe(t,e){let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),[...n].sort(T)}function Ee(t,e){let n=C(e.start,e.end);return T(t,n.start)>=0&&T(t,n.end)<=0}function se(t,e,n){if(e==="single"){let f=n.singleIso===t;return{isSelected:f,isRangeStart:f,isRangeEnd:f,isRangeMiddle:!1}}if(e==="multiple"){let f=n.multipleIsos?.includes(t)??!1;return{isSelected:f,isRangeStart:f,isRangeEnd:f,isRangeMiddle:!1}}let r=n.range;if(!r)return{isSelected:!1,isRangeStart:!1,isRangeEnd:!1,isRangeMiddle:!1};let o=C(r.start,r.end),a=Ee(t,o),i=t===o.start,c=t===o.end;return{isSelected:a,isRangeStart:i,isRangeEnd:c,isRangeMiddle:a&&!i&&!c}}function le(t,e,n){return e.anchor?{committed:C(e.anchor,n),draft:{anchor:null,hover:null}}:{committed:t,draft:{anchor:n,hover:n}}}function K(t){let e=_t(t);try{let r=new Intl.Locale(e).weekInfo;if(r?.firstDay!=null)return r.firstDay===7?0:r.firstDay}catch{}return e.startsWith("en-US")?0:1}function _t(t){return Array.isArray(t)?t[0]??navigator.language:t??navigator.language}function bt(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function Mt(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function wt(t){let e=t.selectionMode??"single",n=t.value??"";if(e==="multiple")return{mode:e,multipleIsos:z(n)};if(e==="range"){let r=F(n);if(t.rangeDraft?.anchor){let o=t.rangeDraft.hover??t.rangeDraft.anchor;return{mode:e,range:Dt(t.rangeDraft.anchor,o)}}return{mode:e,range:r}}return{mode:e,singleIso:n||void 0}}function Dt(t,e){return t.localeCompare(e)<=0?{start:t,end:e}:{start:e,end:t}}function ce(t,e,n){let r=K(n.locale),o=bt(n.today??new Date),a=wt(n),c=(new Date(t,e,1).getDay()-r+7)%7,P=new Date(t,e,1-c),f=[],g=new Date(P);for(let E=0;E<6;E+=1){let D=[];for(let j=0;j<7;j+=1){let V=Y(g),x=se(V,a.mode,{singleIso:a.singleIso,multipleIsos:a.multipleIsos,range:a.range});D.push({date:new Date(g),iso:V,inMonth:g.getMonth()===e,isToday:Mt(g,o),isSelected:x.isSelected,isDisabled:!re(V,n.min,n.max),isRangeStart:x.isRangeStart,isRangeEnd:x.isRangeEnd,isRangeMiddle:x.isRangeMiddle}),g.setDate(g.getDate()+1)}if(f.push(D),E>=4&&g.getMonth()!==e&&g.getDate()>7)break}return f}function J(t,e,n){let r=new Date(t,e+n,1);return{year:r.getFullYear(),month:r.getMonth()}}function de(t,e,n){let r=Math.max(1,Math.min(n,12));return Array.from({length:r},(o,a)=>{let i=J(t,e,a);return{year:i.year,month:i.month,offset:a}})}var ke=new Map;function xt(t,e){return`${JSON.stringify(t??null)}|${JSON.stringify(e)}`}function ue(t,e){let n=xt(t,e),r=ke.get(n);if(r)return r;let o=new Intl.DateTimeFormat(t,e);return ke.set(n,o),o}function he(t,e){return ue(e,{month:"long",year:"numeric"}).format(t)}function fe(t,e){let n=ue(t,{weekday:"narrow"}),r=[];for(let o=0;o<7;o+=1){let a=(e+o)%7,i=new Date(2024,0,a===0?7:a);r.push(n.format(i))}return r}function ge(t){return new Intl.RelativeTimeFormat(t,{numeric:"auto"}).format(0,"day")}var Te,Le,Pe,Ve,Oe,Ye,Ce,Fe,ze,je,Ge,$e,Be,Ue,He,We,Ne,Ke,Je,qe,Xe,Qe,Ze,et,tt,nt,rt,at,it,ot,st,lt,ct,dt,ut,ht;function Rt(t,e,n,r,o,a){var i,c,P,f,g,E,D,j=Symbol.metadata||Symbol.for("Symbol.metadata"),V=Object.defineProperty,x=Object.create,pe=[x(null),x(null)],ve=e.length;function B(s,_,v){return function(l,d){_&&(d=l,l=t);for(var b=0;b<s.length;b++)d=s[b].apply(l,v?[d]:[]);return v?d:l}}function R(s,_,v,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(_+" must "+(v||"be")+" a function"+(l?"":" or undefined"));return s}function ye(s,_,v,l,d,b,k,y,M,w,be){function X(h){if(!be(h))throw new TypeError("Attempted to access private element on non-instance")}var Q=[].concat(_[0]),Me=_[3],Z=!k,G=d===1,we=d===3,De=d===4,U=d===2;function H(h,O,Ie){return function(N,Se){return O&&(Se=N,N=s),Ie&&Ie(N),u[h].call(N,Se)}}if(!Z){var u={},ee=[],I=we?"get":De||G?"set":"value";if(M?(w||G?u={get:ft(function(){return Me(this)},l,"get"),set:function(h){_[4](this,h)}}:u[I]=Me,w||ft(u[I],l,U?"":I)):w||(u=Object.getOwnPropertyDescriptor(s,l)),!w&&!M){if((c=pe[+y][l])&&(c^d)!==7)throw Error("Decorating two elements with the same name ("+u[I].name+") is not supported yet");pe[+y][l]=d<3?1:d}}for(var m=s,W=Q.length-1;W>=0;W-=v?2:1){var xe=R(Q[W],"A decorator","be",!0),Re=v?Q[W-1]:void 0,te={},$={kind:["field","accessor","method","getter","setter","class"][d],name:l,metadata:i,addInitializer:function(h,O){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");R(O,"An initializer","be",!0),b.push(O)}.bind(null,te)};if(Z)c=xe.call(Re,m,$),te.v=1,R(c,"class decorators","return")&&(m=c);else if($.static=y,$.private=M,c=$.access={has:M?be.bind():function(h){return l in h}},De||(c.get=M?U?function(h){return X(h),u.value}:H("get",0,X):function(h){return h[l]}),U||we||(c.set=M?H("set",0,X):function(h,O){h[l]=O}),m=xe.call(Re,G?{get:u.get,set:u.set}:u[I],$),te.v=1,G){if(typeof m=="object"&&m)(c=R(m.get,"accessor.get"))&&(u.get=c),(c=R(m.set,"accessor.set"))&&(u.set=c),(c=R(m.init,"accessor.init"))&&ee.unshift(c);else if(m!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else R(m,(w?"field":"method")+" decorators","return")&&(w?ee.unshift(m):u[I]=m)}return d<2&&k.push(B(ee,y,1),B(b,y,0)),w||Z||(M?G?k.splice(-1,0,H("get",y),H("set",y)):k.push(U?u[I]:R.call.bind(u[I])):V(s,l,u)),m}function _e(s){return V(s,j,{configurable:!0,enumerable:!0,value:i})}return a!==void 0&&(i=a[j]),i=x(i??null),g=[],E=function(s){s&&g.push(B(s))},D=function(s,_){for(var v=0;v<n.length;v++){var l=n[v],d=l[1],b=7&d;if((8&d)==s&&!b==_){var k=l[2],y=!!l[3],M=16&d;ye(s?t:t.prototype,l,M,y?"#"+k:It(k),b,b<2?[]:s?f=f||[]:P=P||[],g,!!s,y,_,s&&y?function(w){return At(w)===t}:o)}}},D(8,0),D(0,0),D(8,1),D(0,1),E(P),E(f),c=g,ve||_e(t),{e:c,get c(){var s=[];return ve&&[_e(t=ye(t,[e],r,t.name,5,s)),B(s,1)]}}}function It(t){var e=St(t,"string");return typeof e=="symbol"?e:e+""}function St(t,e){if(typeof t!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ft(t,e,n){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:n?n+" "+e:e})}catch{}return t}function At(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var q,mt=class extends gt{static{({e:[Pe,Ve,Oe,Ye,Ce,Fe,ze,je,Ge,$e,Be,Ue,He,We,Ne,Ke,Je,qe,Xe,Qe,Ze,et,tt,nt,rt,at,it,ot,st,lt,ct,dt,ut,ht,Te],c:[q,Le]}=Rt(this,[Et("rui-calendar")],[[S({type:String,reflect:!0,defaultValue:""}),0,"value"],[S({type:String,defaultValue:""}),0,"min"],[S({type:String,defaultValue:""}),0,"max"],[S({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[S({type:String,defaultValue:""}),0,"locale"],[S({type:String,attribute:"selection-mode",defaultValue:"single"}),0,"selectionMode"],[S({type:Number,attribute:"visible-months",defaultValue:1}),0,"visibleMonths"],[S({type:String,attribute:"page-behavior",defaultValue:"visible"}),0,"pageBehavior"],[kt({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[A,0,"viewYear"],[A,0,"viewMonth"],[A,0,"focusedIso"],[A,0,"weekdayLabels"],[A,0,"monthPanels"],[A,0,"todayLabel"],[A,0,"rangeAnchor"],[A,0,"rangeHover"],[Tt(["value","min","max","disabled","locale","selectionMode","visibleMonths","pageBehavior"]),2,"onPropsUpdated"],[L({selector:"[data-calendar-prev-month]",type:"click"}),2,"onPrevMonth"],[L({selector:"[data-calendar-next-month]",type:"click"}),2,"onNextMonth"],[L({selector:"[data-calendar-today]",type:"click"}),2,"onTodayClick"],[L({selector:"[data-calendar-day]",type:"click"}),2,"onDayClick"],[L({selector:"[data-calendar-day]",type:"pointerenter"}),2,"onDayPointerEnter"],[L({selector:"[data-calendar-grid]",type:"pointerleave"}),2,"onGridPointerLeave"],[L({selector:"[data-calendar-day]",type:"keydown"}),2,"onDayKeydown"]],0,void 0,gt))}constructor(...e){super(...e),ht(this)}value=(Te(this),Pe(this));min=(Ve(this),Oe(this));max=(Ye(this),Ce(this));disabled=(Fe(this),ze(this));locale=(je(this),Ge(this));selectionMode=($e(this),Be(this));visibleMonths=(Ue(this),He(this));pageBehavior=(We(this),Ne(this));changeEvent=(Ke(this),Je(this));viewYear=(qe(this),Xe(this,new Date().getFullYear()));viewMonth=(Qe(this),Ze(this,new Date().getMonth()));focusedIso=(et(this),tt(this,""));weekdayLabels=(nt(this),rt(this,[]));monthPanels=(at(this),it(this,[]));todayLabel=(ot(this),st(this,""));rangeAnchor=(lt(this),ct(this,null));rangeHover=(dt(this),ut(this,null));get resolvedLocale(){return Ae(this.locale)}get pageDelta(){return this.pageBehavior==="single"?1:Math.max(1,Math.min(this.visibleMonths,12))}get monthOptions(){return{locale:this.resolvedLocale,selectionMode:this.selectionMode,value:this.value??"",rangeDraft:{anchor:this.rangeAnchor,hover:this.rangeHover},min:this.min||void 0,max:this.max||void 0}}syncViewFromValue(){let e=this.selectionMode==="range"?F(this.value)?.start??"":this.selectionMode==="multiple"?z(this.value)[0]??"":this.value,n=ne(e);if(n){this.viewYear=n.getFullYear(),this.viewMonth=n.getMonth(),this.focusedIso=e;return}let r=new Date;this.viewYear=r.getFullYear(),this.viewMonth=r.getMonth(),this.focusedIso=Y(r)}refreshGrid(){this.weekdayLabels=fe(this.resolvedLocale,K(this.resolvedLocale)),this.monthPanels=de(this.viewYear,this.viewMonth,this.visibleMonths).map(e=>{let n=new Date(e.year,e.month,1);return{year:e.year,month:e.month,label:he(n,this.resolvedLocale),weeks:ce(e.year,e.month,this.monthOptions)}}),this.todayLabel=ge(this.resolvedLocale)}moveMonth(e){let n=J(this.viewYear,this.viewMonth,e);this.viewYear=n.year,this.viewMonth=n.month,this.refreshGrid()}getFlatDays(){return this.monthPanels.flatMap(e=>e.weeks.flat())}moveFocusedDay(e){let n=this.getFlatDays().filter(i=>!i.isDisabled);if(!n.length)return;let r=n.findIndex(i=>i.iso===this.focusedIso),o=r<0?Math.max(0,n.findIndex(i=>i.inMonth)):(r+e+n.length)%n.length,a=n[o];a&&((a.date.getMonth()!==this.viewMonth||a.date.getFullYear()!==this.viewYear)&&(this.viewYear=a.date.getFullYear(),this.viewMonth=a.date.getMonth()),this.focusedIso=a.iso,this.refreshGrid())}isIsoAllowed(e){return!(this.min&&e<this.min||this.max&&e>this.max)}emitChange(e,n={}){this.changeEvent.emit({value:e,...n})}selectSingle(e){!this.isIsoAllowed(e)||e===this.value||(this.value=e,this.emitChange(e),this.refreshGrid())}selectMultiple(e){if(!this.isIsoAllowed(e))return;let n=ie(oe(z(this.value),e));n!==this.value&&(this.value=n,this.emitChange(n),this.refreshGrid())}selectRange(e){if(!this.isIsoAllowed(e))return;let n=le(F(this.value),{anchor:this.rangeAnchor,hover:this.rangeHover},e);if(this.rangeAnchor=n.draft.anchor,this.rangeHover=n.draft.hover,n.committed){let r=ae(n.committed);r!==this.value&&(this.value=r,this.emitChange(r,{start:n.committed.start,end:n.committed.end}))}this.refreshGrid()}selectIso(e){if(this.selectionMode==="multiple"){this.selectMultiple(e);return}if(this.selectionMode==="range"){this.selectRange(e);return}this.selectSingle(e)}previewRange(e){this.selectionMode!=="range"||!this.rangeAnchor||this.disabled||this.rangeHover!==e&&(this.rangeHover=e,this.refreshGrid())}clearRangePreview(){this.rangeHover&&(this.rangeHover=this.rangeAnchor,this.refreshGrid())}initialize(){this.syncViewFromValue(),this.refreshGrid()}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.initialize())}onPropsUpdated(){this.selectionMode!=="range"&&(this.rangeAnchor=null,this.rangeHover=null),this.syncViewFromValue(),this.refreshGrid()}onPrevMonth(e){e.preventDefault(),this.moveMonth(-this.pageDelta)}onNextMonth(e){e.preventDefault(),this.moveMonth(this.pageDelta)}onTodayClick(e){e.preventDefault(),this.selectIso(Y(new Date))}onDayClick(e){let n=e.target.closest("[data-calendar-day]"),r=n?.getAttribute("data-iso");!r||n?.disabled||this.disabled||this.selectIso(r)}onDayPointerEnter(e){let n=e.target.closest("[data-calendar-day]"),r=n?.getAttribute("data-iso");!r||n?.disabled||this.previewRange(r)}onGridPointerLeave(){this.clearRangePreview()}onDayKeydown(e){if(!this.disabled){if(e.key==="ArrowLeft"){e.preventDefault(),this.moveFocusedDay(-1);return}if(e.key==="ArrowRight"){e.preventDefault(),this.moveFocusedDay(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this.moveFocusedDay(-7);return}if(e.key==="ArrowDown"){e.preventDefault(),this.moveFocusedDay(7);return}if(e.key==="PageUp"){e.preventDefault(),this.moveMonth(e.shiftKey?-12:-this.pageDelta);return}if(e.key==="PageDown"){e.preventDefault(),this.moveMonth(e.shiftKey?12:this.pageDelta);return}if(e.key==="Enter"||e.key===" "){e.preventDefault();let n=e.target,r=n.getAttribute("data-iso");r&&!n.disabled&&this.selectIso(r)}}}dayDataAttributes(e){return{"data-range-start":e.isRangeStart?"true":void 0,"data-range-end":e.isRangeEnd?"true":void 0,"data-range-middle":e.isRangeMiddle?"true":void 0}}render(){let e=this.monthPanels.length,n=e>1;return me("div",{class:`rui-calendar${n?" rui-calendar--multi":""}`,"data-ref":"root",role:"application","aria-label":"Calendar","aria-multiselectable":this.selectionMode==="multiple"?"true":void 0,children:[p("div",{class:"rui-calendar__months",children:this.monthPanels.map((r,o)=>me("div",{class:"rui-calendar__month-panel","data-calendar-month-panel":!0,children:[me("div",{class:"rui-calendar__header",children:[o===0?p("button",{type:"button",class:"rui-calendar__nav","data-calendar-prev-month":!0,"aria-label":"Previous month",disabled:this.disabled,children:"\u2039"}):p("span",{class:"rui-calendar__nav-spacer","aria-hidden":"true"}),p("div",{class:"rui-calendar__month","aria-live":"polite",children:r.label}),o===e-1?p("button",{type:"button",class:"rui-calendar__nav","data-calendar-next-month":!0,"aria-label":"Next month",disabled:this.disabled,children:"\u203A"}):p("span",{class:"rui-calendar__nav-spacer","aria-hidden":"true"})]}),o===0?p("div",{class:"rui-calendar__weekdays",role:"row",children:this.weekdayLabels.map(a=>p("div",{class:"rui-calendar__weekday",role:"columnheader","aria-hidden":"true",children:a}))}):null,p("div",{class:"rui-calendar__grid",role:"grid","data-calendar-grid":!0,children:r.weeks.map(a=>p("div",{class:"rui-calendar__week",role:"row",children:a.map(i=>p("button",{type:"button",class:"rui-calendar__day","data-calendar-day":!0,"data-iso":i.iso,role:"gridcell",disabled:this.disabled||i.isDisabled,tabIndex:i.iso===this.focusedIso?0:-1,"aria-selected":i.isSelected?"true":"false","aria-current":i.isToday?"date":void 0,"data-outside":i.inMonth?void 0:"true",...this.dayDataAttributes(i),children:i.date.getDate()}))}))})]}))}),p("div",{class:"rui-calendar__footer",children:p("button",{type:"button",class:"rui-calendar__today","data-calendar-today":!0,disabled:this.disabled,children:this.todayLabel})})]})}static{Le()}};import{jsx as Vt}from"@ecopages/jsx/jsx-runtime";var Lt=Symbol.for("@ecopages/storybook-radiant.viewElement"),pt=Symbol.for("@ecopages/storybook-radiant.scriptModule"),vt=Symbol.for("@ecopages/storybook-radiant.scriptExport");function Pt(t,e){t[Lt]=e;let n=e[pt];n&&(t[pt]=n,t[vt]=e[vt]??e.name)}function yt(t,e,n){let r=o=>e(o);return Pt(r,t),r}var Ot=yt(q,({children:t,...e})=>Vt("rui-calendar",{...e,children:t}),{stylesheets:["./calendar.css"]});export{Ot as RuiCalendar,q as RuiCalendarElement};
+import{jsx as p,jsxs as ge}from"@ecopages/jsx/jsx-runtime";import{RadiantElement as ft,customElement as Rt,event as St,onEvent as F,onUpdated as At,prop as S,state as A}from"@ecopages/radiant";function Se(t){if(!t)return;let e=t.split(",").map(n=>n.trim()).filter(Boolean);return e.length>1?e:e[0]}function q(t){if(t==null)return null;let e=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t.trim());if(!e)return null;let n=Number(e[1]),r=Number(e[2])-1,a=Number(e[3]),i=new Date(n,r,a);return i.getFullYear()!==n||i.getMonth()!==r||i.getDate()!==a?null:i}function L(t){let e=t.getFullYear(),n=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0");return`${e}-${n}-${r}`}function ne(t,e,n){return!(e&&t<e||n&&t>n)}function T(t,e){return t.localeCompare(e)}function O(t,e){return T(t,e)<=0?{start:t,end:e}:{start:e,end:t}}function C(t){if(!t)return null;let[e,n]=t.split("/");return!e||!n?null:O(e,n)}function re(t){if(!t)return"";let e=O(t.start,t.end);return`${e.start}/${e.end}`}function G(t){return t?t.split(",").map(e=>e.trim()).filter(Boolean).sort(T):[]}function ae(t){return[...new Set(t)].sort(T).join(",")}function ie(t,e){let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),[...n].sort(T)}function Ae(t,e){let n=O(e.start,e.end);return T(t,n.start)>=0&&T(t,n.end)<=0}function oe(t,e,n){if(e==="single"){let f=n.singleIso===t;return{isSelected:f,isRangeStart:f,isRangeEnd:f,isRangeMiddle:!1}}if(e==="multiple"){let f=n.multipleIsos?.includes(t)??!1;return{isSelected:f,isRangeStart:f,isRangeEnd:f,isRangeMiddle:!1}}let r=n.range;if(!r)return{isSelected:!1,isRangeStart:!1,isRangeEnd:!1,isRangeMiddle:!1};let a=O(r.start,r.end),i=Ae(t,a),o=t===a.start,c=t===a.end;return{isSelected:i,isRangeStart:o,isRangeEnd:c,isRangeMiddle:i&&!o&&!c}}function se(t,e,n){return e.anchor?{committed:O(e.anchor,n),draft:{anchor:null,hover:null}}:{committed:t,draft:{anchor:n,hover:n}}}function J(t){let e=pt(t);try{let r=new Intl.Locale(e).weekInfo;if(r?.firstDay!=null)return r.firstDay===7?0:r.firstDay}catch{}return e.startsWith("en-US")?0:1}function pt(t){return Array.isArray(t)?t[0]??navigator.language:t??navigator.language}function vt(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function yt(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function bt(t){let e=t.selectionMode??"single",n=t.value??"";if(e==="multiple")return{mode:e,multipleIsos:G(n)};if(e==="range"){let r=C(n);if(t.rangeDraft?.anchor){let a=t.rangeDraft.hover??t.rangeDraft.anchor;return{mode:e,range:_t(t.rangeDraft.anchor,a)}}return{mode:e,range:r}}return{mode:e,singleIso:n||void 0}}function _t(t,e){return t.localeCompare(e)<=0?{start:t,end:e}:{start:e,end:t}}function le(t,e,n){let r=J(n.locale),a=vt(n.today??new Date),i=bt(n),c=(new Date(t,e,1).getDay()-r+7)%7,Y=new Date(t,e,1-c),f=[],g=new Date(Y);for(let k=0;k<6;k+=1){let D=[];for(let z=0;z<7;z+=1){let P=L(g),x=oe(P,i.mode,{singleIso:i.singleIso,multipleIsos:i.multipleIsos,range:i.range});D.push({date:new Date(g),iso:P,inMonth:g.getMonth()===e,isToday:yt(g,a),isSelected:x.isSelected,isDisabled:!ne(P,n.min,n.max),isRangeStart:x.isRangeStart,isRangeEnd:x.isRangeEnd,isRangeMiddle:x.isRangeMiddle}),g.setDate(g.getDate()+1)}if(f.push(D),k>=4&&g.getMonth()!==e&&g.getDate()>7)break}return f}function N(t,e,n){let r=new Date(t,e+n,1);return{year:r.getFullYear(),month:r.getMonth()}}function ce(t,e,n){let r=Math.max(1,Math.min(n,12));return Array.from({length:r},(a,i)=>{let o=N(t,e,i);return{year:o.year,month:o.month,offset:i}})}var ke=new Map;function Mt(t,e){return`${JSON.stringify(t??null)}|${JSON.stringify(e)}`}function ue(t,e){let n=Mt(t,e),r=ke.get(n);if(r)return r;let a=new Intl.DateTimeFormat(t,e);return ke.set(n,a),a}function de(t,e){return ue(e,{month:"long",year:"numeric"}).format(t)}function he(t,e){let n=ue(t,{weekday:"narrow"}),r=[];for(let a=0;a<7;a+=1){let i=(e+a)%7,o=new Date(2024,0,i===0?7:i);r.push(n.format(o))}return r}function fe(t){return new Intl.RelativeTimeFormat(t,{numeric:"auto"}).format(0,"day")}var Ee,Le,Te,Fe,Ye,Pe,Ve,Oe,Ce,Ge,ze,je,$e,Be,He,Ue,We,Ke,qe,Je,Ne,Qe,Xe,Ze,et,tt,nt,rt,at,it,ot,st,lt,ct,ut,dt;function wt(t,e,n,r,a,i){var o,c,Y,f,g,k,D,z=Symbol.metadata||Symbol.for("Symbol.metadata"),P=Object.defineProperty,x=Object.create,me=[x(null),x(null)],pe=e.length;function B(s,b,v){return function(l,u){b&&(u=l,l=t);for(var _=0;_<s.length;_++)u=s[_].apply(l,v?[u]:[]);return v?u:l}}function I(s,b,v,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(b+" must "+(v||"be")+" a function"+(l?"":" or undefined"));return s}function ve(s,b,v,l,u,_,E,y,M,w,be){function Q(h){if(!be(h))throw new TypeError("Attempted to access private element on non-instance")}var X=[].concat(b[0]),_e=b[3],Z=!E,j=u===1,Me=u===3,we=u===4,H=u===2;function U(h,V,Ie){return function(K,Re){return V&&(Re=K,K=s),Ie&&Ie(K),d[h].call(K,Re)}}if(!Z){var d={},ee=[],R=Me?"get":we||j?"set":"value";if(M?(w||j?d={get:ht(function(){return _e(this)},l,"get"),set:function(h){b[4](this,h)}}:d[R]=_e,w||ht(d[R],l,H?"":R)):w||(d=Object.getOwnPropertyDescriptor(s,l)),!w&&!M){if((c=me[+y][l])&&(c^u)!==7)throw Error("Decorating two elements with the same name ("+d[R].name+") is not supported yet");me[+y][l]=u<3?1:u}}for(var m=s,W=X.length-1;W>=0;W-=v?2:1){var De=I(X[W],"A decorator","be",!0),xe=v?X[W-1]:void 0,te={},$={kind:["field","accessor","method","getter","setter","class"][u],name:l,metadata:o,addInitializer:function(h,V){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");I(V,"An initializer","be",!0),_.push(V)}.bind(null,te)};if(Z)c=De.call(xe,m,$),te.v=1,I(c,"class decorators","return")&&(m=c);else if($.static=y,$.private=M,c=$.access={has:M?be.bind():function(h){return l in h}},we||(c.get=M?H?function(h){return Q(h),d.value}:U("get",0,Q):function(h){return h[l]}),H||Me||(c.set=M?U("set",0,Q):function(h,V){h[l]=V}),m=De.call(xe,j?{get:d.get,set:d.set}:d[R],$),te.v=1,j){if(typeof m=="object"&&m)(c=I(m.get,"accessor.get"))&&(d.get=c),(c=I(m.set,"accessor.set"))&&(d.set=c),(c=I(m.init,"accessor.init"))&&ee.unshift(c);else if(m!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else I(m,(w?"field":"method")+" decorators","return")&&(w?ee.unshift(m):d[R]=m)}return u<2&&E.push(B(ee,y,1),B(_,y,0)),w||Z||(M?j?E.splice(-1,0,U("get",y),U("set",y)):E.push(H?d[R]:I.call.bind(d[R])):P(s,l,d)),m}function ye(s){return P(s,z,{configurable:!0,enumerable:!0,value:o})}return i!==void 0&&(o=i[z]),o=x(o??null),g=[],k=function(s){s&&g.push(B(s))},D=function(s,b){for(var v=0;v<n.length;v++){var l=n[v],u=l[1],_=7&u;if((8&u)==s&&!_==b){var E=l[2],y=!!l[3],M=16&u;ve(s?t:t.prototype,l,M,y?"#"+E:Dt(E),_,_<2?[]:s?f=f||[]:Y=Y||[],g,!!s,y,b,s&&y?function(w){return It(w)===t}:a)}}},D(8,0),D(0,0),D(8,1),D(0,1),k(Y),k(f),c=g,pe||ye(t),{e:c,get c(){var s=[];return pe&&[ye(t=ve(t,[e],r,t.name,5,s)),B(s,1)]}}}function Dt(t){var e=xt(t,"string");return typeof e=="symbol"?e:e+""}function xt(t,e){if(typeof t!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ht(t,e,n){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:n?n+" "+e:e})}catch{}return t}function It(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var mt,gt=class extends ft{static{({e:[Te,Fe,Ye,Pe,Ve,Oe,Ce,Ge,ze,je,$e,Be,He,Ue,We,Ke,qe,Je,Ne,Qe,Xe,Ze,et,tt,nt,rt,at,it,ot,st,lt,ct,ut,dt,Ee],c:[mt,Le]}=wt(this,[Rt("rui-calendar")],[[S({type:String,reflect:!0,defaultValue:""}),0,"value"],[S({type:String,defaultValue:""}),0,"min"],[S({type:String,defaultValue:""}),0,"max"],[S({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[S({type:String,defaultValue:""}),0,"locale"],[S({type:String,attribute:"selection-mode",defaultValue:"single"}),0,"selectionMode"],[S({type:Number,attribute:"visible-months",defaultValue:1}),0,"visibleMonths"],[S({type:String,attribute:"page-behavior",defaultValue:"visible"}),0,"pageBehavior"],[St({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[A,0,"viewYear"],[A,0,"viewMonth"],[A,0,"focusedIso"],[A,0,"weekdayLabels"],[A,0,"monthPanels"],[A,0,"todayLabel"],[A,0,"rangeAnchor"],[A,0,"rangeHover"],[At(["value","min","max","disabled","locale","selectionMode","visibleMonths","pageBehavior"]),2,"onPropsUpdated"],[F({selector:"[data-calendar-prev-month]",type:"click"}),2,"onPrevMonth"],[F({selector:"[data-calendar-next-month]",type:"click"}),2,"onNextMonth"],[F({selector:"[data-calendar-today]",type:"click"}),2,"onTodayClick"],[F({selector:"[data-calendar-day]",type:"click"}),2,"onDayClick"],[F({selector:"[data-calendar-day]",type:"pointerenter"}),2,"onDayPointerEnter"],[F({selector:"[data-calendar-grid]",type:"pointerleave"}),2,"onGridPointerLeave"],[F({selector:"[data-calendar-day]",type:"keydown"}),2,"onDayKeydown"]],0,void 0,ft))}constructor(...e){super(...e),dt(this)}value=(Ee(this),Te(this));min=(Fe(this),Ye(this));max=(Pe(this),Ve(this));disabled=(Oe(this),Ce(this));locale=(Ge(this),ze(this));selectionMode=(je(this),$e(this));visibleMonths=(Be(this),He(this));pageBehavior=(Ue(this),We(this));changeEvent=(Ke(this),qe(this));viewYear=(Je(this),Ne(this,new Date().getFullYear()));viewMonth=(Qe(this),Xe(this,new Date().getMonth()));focusedIso=(Ze(this),et(this,""));weekdayLabels=(tt(this),nt(this,[]));monthPanels=(rt(this),at(this,[]));todayLabel=(it(this),ot(this,""));rangeAnchor=(st(this),lt(this,null));rangeHover=(ct(this),ut(this,null));get resolvedLocale(){return Se(this.locale)}get pageDelta(){return this.pageBehavior==="single"?1:Math.max(1,Math.min(this.visibleMonths,12))}get monthOptions(){return{locale:this.resolvedLocale,selectionMode:this.selectionMode,value:this.value??"",rangeDraft:{anchor:this.rangeAnchor,hover:this.rangeHover},min:this.min||void 0,max:this.max||void 0}}syncViewFromValue(){let e=this.selectionMode==="range"?C(this.value)?.start??"":this.selectionMode==="multiple"?G(this.value)[0]??"":this.value,n=q(e);if(n){this.viewYear=n.getFullYear(),this.viewMonth=n.getMonth(),this.focusedIso=e;return}let r=new Date;this.viewYear=r.getFullYear(),this.viewMonth=r.getMonth(),this.focusedIso=L(r)}refreshGrid(){this.weekdayLabels=he(this.resolvedLocale,J(this.resolvedLocale)),this.monthPanels=ce(this.viewYear,this.viewMonth,this.visibleMonths).map(e=>{let n=new Date(e.year,e.month,1);return{year:e.year,month:e.month,label:de(n,this.resolvedLocale),weeks:le(e.year,e.month,this.monthOptions)}}),this.todayLabel=fe(this.resolvedLocale)}moveMonth(e){let n=N(this.viewYear,this.viewMonth,e);this.viewYear=n.year,this.viewMonth=n.month,this.refreshGrid()}getFlatDays(){return this.monthPanels.flatMap(e=>e.weeks.flat())}moveFocusedDay(e){let n=this.getFlatDays().filter(o=>!o.isDisabled);if(!n.length)return;let r=n.findIndex(o=>o.iso===this.focusedIso),a=r<0?Math.max(0,n.findIndex(o=>o.inMonth)):(r+e+n.length)%n.length,i=n[a];if(i){if(!this.isMonthVisible(i.date)){this.viewYear=i.date.getFullYear(),this.viewMonth=i.date.getMonth(),this.focusedIso=i.iso,this.refreshGrid(),this.focusFocusedDay();return}this.focusedIso=i.iso,this.focusDayInCurrentGrid(i.iso)}}isMonthVisible(e){let n=this.viewYear*12+this.viewMonth,r=n+this.visibleMonths-1,a=e.getFullYear()*12+e.getMonth();return a>=n&&a<=r}focusDayInCurrentGrid(e){let n=this.querySelector('[data-calendar-day][tabindex="0"]'),r=Array.from(this.querySelectorAll(`[data-calendar-day][data-iso="${e}"]:not(:disabled)`)),a=r.find(i=>!i.hasAttribute("data-outside"))??r[0];a&&(n&&n!==a&&(n.tabIndex=-1),a.tabIndex=0,a.focus())}focusFocusedDay(){requestAnimationFrame(()=>{this.focusDayInCurrentGrid(this.focusedIso)})}moveFocusedMonth(e){let n=q(this.focusedIso)??new Date(this.viewYear,this.viewMonth,1),r=new Date(n.getFullYear(),n.getMonth()+e,1),a=new Date(r.getFullYear(),r.getMonth()+1,0).getDate(),i=new Date(r.getFullYear(),r.getMonth(),Math.min(n.getDate(),a));this.viewYear=i.getFullYear(),this.viewMonth=i.getMonth(),this.focusedIso=L(i),this.refreshGrid(),this.focusFocusedDay()}isIsoAllowed(e){return!(this.min&&e<this.min||this.max&&e>this.max)}emitChange(e,n={}){this.changeEvent.emit({value:e,...n})}selectSingle(e){!this.isIsoAllowed(e)||e===this.value||(this.value=e,this.emitChange(e),this.refreshGrid())}selectMultiple(e){if(!this.isIsoAllowed(e))return;let n=ae(ie(G(this.value),e));n!==this.value&&(this.value=n,this.emitChange(n),this.refreshGrid())}selectRange(e){if(!this.isIsoAllowed(e))return;let n=se(C(this.value),{anchor:this.rangeAnchor,hover:this.rangeHover},e);if(this.rangeAnchor=n.draft.anchor,this.rangeHover=n.draft.hover,n.committed){let r=re(n.committed);r!==this.value&&(this.value=r,this.emitChange(r,{start:n.committed.start,end:n.committed.end}))}this.refreshGrid()}selectIso(e){if(this.selectionMode==="multiple"){this.selectMultiple(e);return}if(this.selectionMode==="range"){this.selectRange(e);return}this.selectSingle(e)}previewRange(e){this.selectionMode!=="range"||!this.rangeAnchor||this.disabled||this.rangeHover!==e&&(this.rangeHover=e,this.refreshGrid())}clearRangePreview(){this.rangeHover&&(this.rangeHover=this.rangeAnchor,this.refreshGrid())}initialize(){this.syncViewFromValue(),this.refreshGrid()}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.initialize())}onPropsUpdated(){this.selectionMode!=="range"&&(this.rangeAnchor=null,this.rangeHover=null),this.syncViewFromValue(),this.refreshGrid()}onPrevMonth(e){e.preventDefault(),this.moveMonth(-this.pageDelta)}onNextMonth(e){e.preventDefault(),this.moveMonth(this.pageDelta)}onTodayClick(e){e.preventDefault(),this.selectIso(L(new Date))}onDayClick(e){let n=e.target.closest("[data-calendar-day]"),r=n?.getAttribute("data-iso");!r||n?.disabled||this.disabled||this.selectIso(r)}onDayPointerEnter(e){let n=e.target.closest("[data-calendar-day]"),r=n?.getAttribute("data-iso");!r||n?.disabled||this.previewRange(r)}onGridPointerLeave(){this.clearRangePreview()}onDayKeydown(e){if(this.disabled)return;let n=e.target.getAttribute("data-iso");if(n&&(this.focusedIso=n),e.key==="ArrowLeft"){e.preventDefault(),this.moveFocusedDay(-1);return}if(e.key==="ArrowRight"){e.preventDefault(),this.moveFocusedDay(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this.moveFocusedDay(-7);return}if(e.key==="ArrowDown"){e.preventDefault(),this.moveFocusedDay(7);return}if(e.key==="PageUp"){e.preventDefault(),this.moveFocusedMonth(e.shiftKey?-12:-this.pageDelta);return}if(e.key==="PageDown"){e.preventDefault(),this.moveFocusedMonth(e.shiftKey?12:this.pageDelta);return}if(e.key==="Enter"||e.key===" "){e.preventDefault();let r=e.target,a=r.getAttribute("data-iso");a&&!r.disabled&&this.selectIso(a)}}dayDataAttributes(e){return{"data-range-start":e.isRangeStart?"true":void 0,"data-range-end":e.isRangeEnd?"true":void 0,"data-range-middle":e.isRangeMiddle?"true":void 0}}render(){let e=this.monthPanels.length,n=e>1;return ge("div",{class:`rui-calendar${n?" rui-calendar--multi":""}`,"data-ref":"root",role:"application","aria-label":"Calendar","aria-multiselectable":this.selectionMode==="multiple"?"true":void 0,children:[p("div",{class:"rui-calendar__months",children:this.monthPanels.map((r,a)=>ge("div",{class:"rui-calendar__month-panel","data-calendar-month-panel":!0,children:[ge("div",{class:"rui-calendar__header",children:[a===0?p("button",{type:"button",class:"rui-calendar__nav","data-calendar-prev-month":!0,"aria-label":"Previous month",disabled:this.disabled,children:"\u2039"}):p("span",{class:"rui-calendar__nav-spacer","aria-hidden":"true"}),p("div",{class:"rui-calendar__month","aria-live":"polite",children:r.label}),a===e-1?p("button",{type:"button",class:"rui-calendar__nav","data-calendar-next-month":!0,"aria-label":"Next month",disabled:this.disabled,children:"\u203A"}):p("span",{class:"rui-calendar__nav-spacer","aria-hidden":"true"})]}),a===0?p("div",{class:"rui-calendar__weekdays",role:"row",children:this.weekdayLabels.map(i=>p("div",{class:"rui-calendar__weekday",role:"columnheader","aria-hidden":"true",children:i}))}):null,p("div",{class:"rui-calendar__grid",role:"grid","data-calendar-grid":!0,children:r.weeks.map(i=>p("div",{class:"rui-calendar__week",role:"row",children:i.map(o=>p("button",{type:"button",class:"rui-calendar__day","data-calendar-day":!0,"data-iso":o.iso,role:"gridcell",disabled:this.disabled||o.isDisabled,tabIndex:o.iso===this.focusedIso?0:-1,"aria-selected":o.isSelected?"true":"false","aria-current":o.isToday?"date":void 0,"data-outside":o.inMonth?void 0:"true",...this.dayDataAttributes(o),children:o.date.getDate()}))}))})]}))}),p("div",{class:"rui-calendar__footer",children:p("button",{type:"button",class:"rui-calendar__today","data-calendar-today":!0,disabled:this.disabled,children:this.todayLabel})})]})}static{Le()}};import{jsx as kt}from"@ecopages/jsx/jsx-runtime";function Et({children:t,...e}){return kt("rui-calendar",{...e,children:t})}export{Et as RuiCalendar,mt as RuiCalendarElement};
 //# sourceMappingURL=index.js.map