@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/keys-g4FlTDZx.js

@@ -0,0 +1,17 @@
+//#region src/keys.ts
+var Keys = {
+	ArrowDown: "ArrowDown",
+	ArrowLeft: "ArrowLeft",
+	ArrowRight: "ArrowRight",
+	ArrowUp: "ArrowUp",
+	End: "End",
+	Enter: "Enter",
+	Escape: "Escape",
+	Home: "Home",
+	Space: " "};
+var isActivationKey = (key) => key === Keys.Enter || key === Keys.Space;
+
+export { Keys as K, isActivationKey as i };
+//# sourceMappingURL=keys-g4FlTDZx.js.map
+
+//# sourceMappingURL=keys-g4FlTDZx.js.map

package/dist/esm/keys-g4FlTDZx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys-g4FlTDZx.js","sources":["../core/dist/keys.js"],"sourcesContent":["//#region src/keys.ts\nvar Keys = {\n\tArrowDown: \"ArrowDown\",\n\tArrowLeft: \"ArrowLeft\",\n\tArrowRight: \"ArrowRight\",\n\tArrowUp: \"ArrowUp\",\n\tEnd: \"End\",\n\tEnter: \"Enter\",\n\tEscape: \"Escape\",\n\tHome: \"Home\",\n\tSpace: \" \",\n\tTab: \"Tab\"\n};\nvar isActivationKey = (key) => key === Keys.Enter || key === Keys.Space;\n//#endregion\nexport { Keys, isActivationKey };\n"],"names":[],"mappings":"AAAA;AACG,IAAC,IAAI,GAAG;AACX,CAAC,SAAS,EAAE,WAAW;AACvB,CAAC,SAAS,EAAE,WAAW;AACvB,CAAC,UAAU,EAAE,YAAY;AACzB,CAAC,OAAO,EAAE,SAAS;AACnB,CAAC,GAAG,EAAE,KAAK;AACX,CAAC,KAAK,EAAE,OAAO;AACf,CAAC,MAAM,EAAE,QAAQ;AACjB,CAAC,IAAI,EAAE,MAAM;AACb,CAAC,KAAK,EAAE,GAER;AACG,IAAC,eAAe,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;;;;"}

package/dist/esm/loader.js

@@ -0,0 +1,13 @@
+import { g as globalScripts, b as bootstrapLazy } from './index-Bm6UxEit.js';
+export { s as setNonce } from './index-Bm6UxEit.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"pf-command-palette\",[[769,\"pf-command-palette\",{\"open\":[1540],\"placeholder\":[1],\"emptyMessage\":[1,\"empty-message\"],\"label\":[1],\"dismissable\":[4],\"query\":[32],\"matchCount\":[32],\"show\":[64],\"hide\":[64],\"refresh\":[64]},[[0,\"pfCommandSelect\",\"handleCommandSelect\"]],{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-date-picker\",[[577,\"pf-date-picker\",{\"name\":[513],\"value\":[1025],\"open\":[1540],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"allowClear\":[4,\"allow-clear\"],\"min\":[1],\"max\":[1],\"startYear\":[2,\"start-year\"],\"endYear\":[2,\"end-year\"],\"showOutsideDays\":[4,\"show-outside-days\"],\"isDateDisabled\":[16],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-tab\",[[769,\"pf-tab\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"variant\":[1537],\"size\":[1537],\"fullWidth\":[1540,\"full-width\"],\"icon\":[1],\"iconPlacement\":[1,\"icon-placement\"],\"count\":[2],\"badgePlacement\":[1,\"badge-placement\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pf-tag-input\",[[577,\"pf-tag-input\",{\"name\":[513],\"value\":[1537],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"max\":[2],\"allowDuplicates\":[4,\"allow-duplicates\"],\"tagVariant\":[1,\"tag-variant\"],\"required\":[516],\"disabled\":[516],\"validate\":[16],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"name\":[{\"syncFormState\":0}],\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}]}]]],[\"pf-toaster\",[[769,\"pf-toaster\",{\"placement\":[513],\"duration\":[2],\"entries\":[32],\"toast\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"pf-accordion-item\",[[785,\"pf-accordion-item\",{\"value\":[513],\"disabled\":[516],\"expanded\":[1540],\"headingLevel\":[1026,\"heading-level\"]}]]],[\"pf-alert\",[[769,\"pf-alert\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"],\"exiting\":[32],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-avatar-group\",[[769,\"pf-avatar-group\",{\"max\":[2],\"size\":[513],\"total\":[2],\"label\":[1],\"overflow\":[32],\"counted\":[32],\"refresh\":[64]},null,{\"max\":[{\"handleStateChange\":0}],\"size\":[{\"handleStateChange\":0}],\"total\":[{\"handleStateChange\":0}]}]]],[\"pf-button-group-item\",[[769,\"pf-button-group-item\",{\"value\":[513],\"disabled\":[516],\"groupDisabled\":[1540,\"group-disabled\"],\"selected\":[1540],\"icon\":[1],\"dot\":[516]}]]],[\"pf-carousel\",[[769,\"pf-carousel\",{\"index\":[1026],\"loop\":[516],\"showIndicators\":[516,\"show-indicators\"],\"autoPlay\":[516,\"auto-play\"],\"autoPlayInterval\":[2,\"auto-play-interval\"],\"label\":[1],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"],\"total\":[32],\"refresh\":[64],\"next\":[64],\"previous\":[64]},null,{\"index\":[{\"handleIndexChange\":0}],\"loop\":[{\"handleIndexChange\":0}],\"autoPlay\":[{\"handleTimerChange\":0}],\"autoPlayInterval\":[{\"handleTimerChange\":0}]}]]],[\"pf-code-snippet\",[[769,\"pf-code-snippet\",{\"code\":[1],\"language\":[513],\"heading\":[1],\"showLineNumbers\":[516,\"show-line-numbers\"],\"maxHeight\":[2,\"max-height\"],\"copyLabel\":[1,\"copy-label\"],\"copiedLabel\":[1,\"copied-label\"],\"copyFailedLabel\":[1,\"copy-failed-label\"],\"feedbackDuration\":[2,\"feedback-duration\"],\"copied\":[32],\"failed\":[32],\"hasMarkup\":[32],\"copy\":[64]}]]],[\"pf-collapsible\",[[769,\"pf-collapsible\",{\"open\":[1540],\"disabled\":[516],\"showChevron\":[4,\"show-chevron\"],\"show\":[64],\"hide\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"pf-combobox\",[[833,\"pf-combobox\",{\"name\":[513],\"value\":[1537],\"open\":[1540],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"emptyMessage\":[1,\"empty-message\"],\"required\":[516],\"disabled\":[516],\"clearable\":[4],\"clearLabel\":[1,\"clear-label\"],\"query\":[32],\"matchCount\":[32],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"refresh\":[64]},[[0,\"pfOptionSelect\",\"handleOptionSelect\"]],{\"value\":[{\"syncFormState\":0},{\"syncSelection\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-date-range-picker\",[[577,\"pf-date-range-picker\",{\"name\":[513],\"value\":[1025],\"open\":[1540],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"allowClear\":[4,\"allow-clear\"],\"min\":[1],\"max\":[1],\"startYear\":[2,\"start-year\"],\"endYear\":[2,\"end-year\"],\"isDateDisabled\":[16],\"leftMonth\":[32],\"focusedDate\":[32],\"hovered\":[32],\"awaitingEnd\":[32],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncDisplayedMonths\":0},{\"syncFormState\":0}],\"name\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-empty-state\",[[769,\"pf-empty-state\",{\"size\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32]}]]],[\"pf-file-uploader\",[[577,\"pf-file-uploader\",{\"name\":[513],\"files\":[1040],\"accept\":[1],\"multiple\":[516],\"maxFiles\":[2,\"max-files\"],\"maxFileSize\":[2,\"max-file-size\"],\"label\":[1],\"description\":[1],\"error\":[1],\"required\":[516],\"disabled\":[516],\"rejection\":[32],\"dragDepth\":[32],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"open\":[64]},null,{\"files\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"rejection\":[{\"syncFormState\":0}]}]]],[\"pf-inline-cta\",[[769,\"pf-inline-cta\",{\"tone\":[513],\"icon\":[1],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"],\"exiting\":[1540],\"hasIcon\":[32],\"hasAction\":[32],\"dismiss\":[64]}]]],[\"pf-metric-card\",[[769,\"pf-metric-card\",{\"trend\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32],\"hasTrend\":[32]}]]],[\"pf-multi-select\",[[833,\"pf-multi-select\",{\"name\":[513],\"value\":[1537],\"open\":[1540],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"maxVisibleOptions\":[2,\"max-visible-options\"],\"chips\":[32],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"refresh\":[64]},[[0,\"pfOptionSelect\",\"handleOptionSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"name\":[{\"syncFormState\":0}],\"value\":[{\"syncFormState\":0},{\"syncOptions\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-number-input\",[[593,\"pf-number-input\",{\"name\":[513],\"value\":[1025],\"min\":[2],\"max\":[2],\"step\":[2],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"decrementLabel\":[1,\"decrement-label\"],\"incrementLabel\":[1,\"increment-label\"],\"draft\":[32],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"stepBy\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}]}]]],[\"pf-rating-badge\",[[513,\"pf-rating-badge\",{\"value\":[2],\"max\":[2],\"reviews\":[2],\"size\":[513]}]]],[\"pf-rating-stars\",[[513,\"pf-rating-stars\",{\"value\":[2],\"max\":[2],\"size\":[2],\"showValue\":[4,\"show-value\"],\"label\":[1]}]]],[\"pf-select\",[[833,\"pf-select\",{\"name\":[513],\"value\":[1537],\"open\":[1540],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"maxVisibleOptions\":[2,\"max-visible-options\"],\"selectedLabel\":[32],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"refresh\":[64]},[[0,\"pfOptionSelect\",\"handleOptionSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[{\"syncFormState\":0},{\"syncOptions\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-time-picker\",[[577,\"pf-time-picker\",{\"name\":[513],\"value\":[1025],\"open\":[1540],\"hourCycle\":[2,\"hour-cycle\"],\"minuteStep\":[2,\"minute-step\"],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"show\":[64],\"hide\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"open\":[{\"syncOpen\":0}]}]]],[\"pf-tree-item\",[[769,\"pf-tree-item\",{\"value\":[513],\"disabled\":[516],\"icon\":[1],\"level\":[1026],\"selected\":[1540],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"active\":[1540],\"hasBadge\":[32]}]]],[\"pf-accordion\",[[769,\"pf-accordion\",{\"value\":[1537],\"type\":[513],\"headingLevel\":[2,\"heading-level\"],\"refresh\":[64]},[[0,\"pfAccordionToggle\",\"handleToggle\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[{\"handleStateChange\":0}],\"type\":[{\"handleStateChange\":0}],\"headingLevel\":[{\"handleStateChange\":0}]}]]],[\"pf-badge-group\",[[513,\"pf-badge-group\",{\"label\":[1],\"message\":[1],\"color\":[513],\"appearance\":[513],\"badgePosition\":[513,\"badge-position\"]}]]],[\"pf-bar-chart\",[[769,\"pf-bar-chart\",{\"data\":[1],\"stacked\":[516],\"showLegend\":[516,\"show-legend\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"label\":[1],\"series\":[32],\"refresh\":[64]},null,{\"data\":[{\"sync\":0}]}]]],[\"pf-breadcrumb\",[[769,\"pf-breadcrumb\",{\"href\":[513],\"current\":[516],\"currentPage\":[1540,\"current-page\"],\"last\":[1540],\"separator\":[1025]}]]],[\"pf-breadcrumbs\",[[769,\"pf-breadcrumbs\",{\"label\":[1],\"separator\":[1],\"refresh\":[64]},null,{\"separator\":[{\"handleSeparatorChange\":0}]}]]],[\"pf-button\",[[785,\"pf-button\",{\"variant\":[513],\"size\":[513],\"fullWidth\":[516,\"full-width\"],\"loading\":[516],\"disabled\":[516],\"type\":[1],\"label\":[1]}]]],[\"pf-button-group\",[[769,\"pf-button-group\",{\"value\":[1537],\"multiple\":[516],\"disabled\":[516],\"refresh\":[64]},[[0,\"pfButtonGroupSelect\",\"handleSelect\"]],{\"value\":[{\"handleStateChange\":0}],\"multiple\":[{\"handleStateChange\":0}],\"disabled\":[{\"handleStateChange\":0}]}]]],[\"pf-card\",[[257,\"pf-card\"]]],[\"pf-card-content\",[[257,\"pf-card-content\"]]],[\"pf-card-footer\",[[257,\"pf-card-footer\"]]],[\"pf-card-header\",[[257,\"pf-card-header\"]]],[\"pf-carousel-slide\",[[769,\"pf-carousel-slide\",{\"active\":[1540],\"position\":[1026],\"total\":[1026]}]]],[\"pf-chart-series\",[[769,\"pf-chart-series\",{\"seriesKey\":[513,\"series-key\"],\"color\":[513],\"dashed\":[516],\"swatch\":[1025]}]]],[\"pf-checkbox\",[[593,\"pf-checkbox\",{\"name\":[513],\"checked\":[1540],\"value\":[1],\"label\":[1],\"error\":[1],\"required\":[516],\"disabled\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"checked\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"value\":[{\"syncFormState\":0}]}]]],[\"pf-command-group\",[[769,\"pf-command-group\",{\"label\":[1]}]]],[\"pf-command-item\",[[769,\"pf-command-item\",{\"value\":[513],\"description\":[1],\"disabled\":[516]}]]],[\"pf-content-divider\",[[769,\"pf-content-divider\",{\"orientation\":[513],\"inset\":[516],\"hasLabel\":[32]}]]],[\"pf-context-menu\",[[769,\"pf-context-menu\",{\"open\":[1540],\"label\":[1],\"disabled\":[516],\"showAt\":[64],\"hide\":[64]},[[0,\"contextmenu\",\"handleContextMenu\"],[0,\"pfMenuSelect\",\"handleMenuSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-credit-card\",[[513,\"pf-credit-card\",{\"brand\":[513],\"cardNumber\":[1,\"card-number\"],\"cardholderName\":[1,\"cardholder-name\"],\"expiry\":[1],\"cvc\":[1],\"masked\":[516]}]]],[\"pf-dropdown\",[[769,\"pf-dropdown\",{\"open\":[1540],\"align\":[1],\"label\":[1],\"disabled\":[516],\"show\":[64],\"hide\":[64]},[[0,\"click\",\"handleClick\"],[0,\"pfMenuSelect\",\"handleMenuSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-gauge-chart\",[[769,\"pf-gauge-chart\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"color\":[1],\"label\":[1]}]]],[\"pf-header-navigation\",[[769,\"pf-header-navigation\",{\"label\":[1],\"hasBrand\":[32],\"hasActions\":[32],\"refresh\":[64]},[[0,\"pfNavStructure\",\"handleStructureChange\"]]]]],[\"pf-heatmap\",[[769,\"pf-heatmap\",{\"data\":[1],\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"levels\":[2],\"weekStartsOn\":[2,\"week-starts-on\"],\"cellSize\":[2,\"cell-size\"],\"cellGap\":[2,\"cell-gap\"],\"showWeekdayLabels\":[516,\"show-weekday-labels\"],\"showMonthLabels\":[516,\"show-month-labels\"],\"label\":[1]}]]],[\"pf-input\",[[593,\"pf-input\",{\"name\":[513],\"value\":[1025],\"type\":[513],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}]}]]],[\"pf-line-chart\",[[769,\"pf-line-chart\",{\"data\":[1],\"area\":[516],\"curved\":[516],\"showLegend\":[516,\"show-legend\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"label\":[1],\"series\":[32],\"refresh\":[64]},null,{\"data\":[{\"sync\":0}]}]]],[\"pf-loading-dots\",[[513,\"pf-loading-dots\",{\"size\":[513],\"label\":[1]}]]],[\"pf-loading-skeleton\",[[513,\"pf-loading-skeleton\",{\"width\":[8],\"height\":[8],\"rounded\":[516],\"label\":[1]}]]],[\"pf-loading-spinner\",[[513,\"pf-loading-spinner\",{\"size\":[2],\"label\":[1]}]]],[\"pf-menu-item\",[[769,\"pf-menu-item\",{\"value\":[513],\"disabled\":[516],\"destructive\":[516]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pf-menu-separator\",[[1,\"pf-menu-separator\"]]],[\"pf-metric-grid\",[[257,\"pf-metric-grid\"]]],[\"pf-modal\",[[769,\"pf-modal\",{\"open\":[1540],\"size\":[513],\"label\":[1],\"dismissable\":[4],\"showCloseButton\":[4,\"show-close-button\"],\"show\":[64],\"hide\":[64]},null,{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-modal-body\",[[257,\"pf-modal-body\"]]],[\"pf-modal-footer\",[[257,\"pf-modal-footer\"]]],[\"pf-modal-header\",[[257,\"pf-modal-header\"]]],[\"pf-nav-item\",[[769,\"pf-nav-item\",{\"href\":[513],\"target\":[1],\"rel\":[1],\"current\":[516],\"currentPage\":[1540,\"current-page\"],\"disabled\":[516],\"orientation\":[1537]},null,{\"current\":[{\"handleCurrentChange\":0}]}]]],[\"pf-nav-section\",[[769,\"pf-nav-section\",{\"hasTitle\":[32]}]]],[\"pf-option\",[[769,\"pf-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"active\":[1540]}]]],[\"pf-page-header\",[[769,\"pf-page-header\",{\"hasBreadcrumbs\":[32],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-pagination\",[[769,\"pf-pagination\",{\"page\":[1026],\"totalPages\":[2,\"total-pages\"],\"siblingCount\":[2,\"sibling-count\"],\"boundaryCount\":[2,\"boundary-count\"],\"showPrevNext\":[516,\"show-prev-next\"],\"disabled\":[516],\"label\":[1]}]]],[\"pf-pie-chart\",[[769,\"pf-pie-chart\",{\"size\":[2],\"cutout\":[2],\"showLegend\":[516,\"show-legend\"],\"label\":[1],\"gradient\":[32],\"hasData\":[32],\"refresh\":[64]},null,{\"cutout\":[{\"sync\":0}]}]]],[\"pf-pie-slice\",[[769,\"pf-pie-slice\",{\"value\":[514],\"color\":[513],\"swatch\":[1025],\"share\":[1026],\"drawn\":[1540]}]]],[\"pf-popover\",[[769,\"pf-popover\",{\"open\":[1540],\"align\":[1],\"label\":[1],\"dismissable\":[4],\"show\":[64],\"hide\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-progress-bar\",[[513,\"pf-progress-bar\",{\"value\":[2],\"max\":[2],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-circle\",[[513,\"pf-progress-circle\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-step\",[[769,\"pf-progress-step\",{\"status\":[513],\"state\":[1537],\"position\":[1026],\"last\":[1540],\"orientation\":[1537]}]]],[\"pf-progress-steps\",[[769,\"pf-progress-steps\",{\"orientation\":[513],\"refresh\":[64]},null,{\"orientation\":[{\"handleOrientationChange\":0}]}]]],[\"pf-radar-axis\",[[513,\"pf-radar-axis\",{\"label\":[513],\"value\":[514],\"drawn\":[1540]}]]],[\"pf-radar-chart\",[[769,\"pf-radar-chart\",{\"size\":[2],\"max\":[2],\"levels\":[2],\"showAxes\":[516,\"show-axes\"],\"showLegend\":[516,\"show-legend\"],\"label\":[1],\"axes\":[32],\"refresh\":[64]},null,{\"max\":[{\"sync\":0}]}]]],[\"pf-radio-button\",[[785,\"pf-radio-button\",{\"value\":[513],\"checked\":[1540],\"disabled\":[516]}]]],[\"pf-radio-group\",[[833,\"pf-radio-group\",{\"name\":[513],\"value\":[1025],\"legend\":[1],\"error\":[1],\"orientation\":[513],\"required\":[516],\"disabled\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},[[0,\"pfRadioSelect\",\"handleSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[{\"syncFormState\":0},{\"syncChildren\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"disabled\":[{\"syncChildren\":0}]}]]],[\"pf-resizable\",[[769,\"pf-resizable\",{\"orientation\":[513],\"size\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"handleLabel\":[1,\"handle-label\"]},[[1,\"pointerup\",\"handlePointerEnd\"],[1,\"pointercancel\",\"handlePointerEnd\"]],{\"min\":[{\"handleBoundsChange\":0}],\"max\":[{\"handleBoundsChange\":0}]}]]],[\"pf-rich-text-editor\",[[577,\"pf-rich-text-editor\",{\"name\":[513],\"value\":[1025],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"minHeight\":[2,\"min-height\"],\"characterMax\":[2,\"character-max\"],\"required\":[516],\"disabled\":[516],\"characterCount\":[32],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64],\"format\":[64]},null,{\"value\":[{\"handleValueChange\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}]}]]],[\"pf-scroll-area\",[[769,\"pf-scroll-area\",{\"orientation\":[513],\"focusable\":[4]}]]],[\"pf-section-footer\",[[769,\"pf-section-footer\",{\"divider\":[516],\"align\":[513],\"hasHeading\":[32],\"hasActions\":[32]}]]],[\"pf-section-header\",[[769,\"pf-section-header\",{\"divider\":[516],\"align\":[513],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-sidebar-navigation\",[[769,\"pf-sidebar-navigation\",{\"label\":[1],\"hasHeader\":[32],\"hasFooter\":[32],\"refresh\":[64]},[[0,\"pfNavStructure\",\"handleStructureChange\"]]]]],[\"pf-slideout-menu\",[[769,\"pf-slideout-menu\",{\"open\":[1540],\"placement\":[513],\"size\":[513],\"heading\":[1],\"description\":[1],\"label\":[1],\"dismissable\":[4],\"showCloseButton\":[4,\"show-close-button\"],\"hasFooter\":[32],\"show\":[64],\"hide\":[64]},null,{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-slider\",[[593,\"pf-slider\",{\"name\":[513],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"label\":[1],\"description\":[1],\"error\":[1],\"showValue\":[516,\"show-value\"],\"disabled\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"min\":[{\"syncFormState\":0}],\"max\":[{\"syncFormState\":0}]}]]],[\"pf-sparkline\",[[513,\"pf-sparkline\",{\"data\":[1],\"width\":[2],\"height\":[2],\"variant\":[513],\"strokeWidth\":[2,\"stroke-width\"],\"color\":[1],\"endDot\":[516,\"end-dot\"],\"animated\":[516],\"label\":[1]}]]],[\"pf-switch\",[[593,\"pf-switch\",{\"name\":[513],\"checked\":[1540],\"value\":[1],\"label\":[1],\"error\":[1],\"required\":[516],\"disabled\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"checked\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}],\"value\":[{\"syncFormState\":0}]}]]],[\"pf-tab-panel\",[[769,\"pf-tab-panel\",{\"value\":[513],\"active\":[1540]}]]],[\"pf-table\",[[769,\"pf-table\",{\"dense\":[516],\"striped\":[516],\"hoverable\":[516],\"stickyHeader\":[516,\"sticky-header\"],\"sortKey\":[1537,\"sort-key\"],\"sortDirection\":[1537,\"sort-direction\"],\"label\":[1],\"isEmpty\":[32],\"hasCaption\":[32],\"refresh\":[64]},[[0,\"pfTableSort\",\"handleSort\"]],{\"sortKey\":[{\"handleSortChange\":0}],\"sortDirection\":[{\"handleSortChange\":0}]}]]],[\"pf-table-cell\",[[769,\"pf-table-cell\",{\"head\":[1540],\"last\":[1540],\"align\":[513],\"width\":[1],\"sortKey\":[513,\"sort-key\"],\"sortable\":[516],\"sort\":[1025]}]]],[\"pf-table-row\",[[769,\"pf-table-row\",{\"head\":[516],\"odd\":[1540],\"last\":[1540]},null,{\"head\":[{\"sync\":0}],\"last\":[{\"sync\":0}]}]]],[\"pf-tabs\",[[769,\"pf-tabs\",{\"value\":[1025],\"variant\":[513],\"size\":[513],\"fullWidth\":[516,\"full-width\"],\"refresh\":[64]},[[0,\"pfTabSelect\",\"handleTabSelect\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[{\"handleStateChange\":0}],\"variant\":[{\"handleStateChange\":0}],\"size\":[{\"handleStateChange\":0}],\"fullWidth\":[{\"handleStateChange\":0}]}]]],[\"pf-textarea\",[[593,\"pf-textarea\",{\"name\":[513],\"value\":[1025],\"rows\":[2],\"label\":[1],\"description\":[1],\"error\":[1],\"placeholder\":[1],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"checkValidity\":[64],\"reportValidity\":[64],\"getValidationMessage\":[64]},null,{\"value\":[{\"syncFormState\":0}],\"error\":[{\"syncFormState\":0}],\"required\":[{\"syncFormState\":0}]}]]],[\"pf-timeline\",[[769,\"pf-timeline\",{\"label\":[1],\"refresh\":[64]},null,{\"label\":[{\"handleLabelChange\":0}]}]]],[\"pf-timeline-item\",[[769,\"pf-timeline-item\",{\"tone\":[513],\"last\":[1540],\"hasIcon\":[32]}]]],[\"pf-toolbar\",[[769,\"pf-toolbar\",{\"orientation\":[513]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"keydown\",\"handleKeyDown\"]],{\"orientation\":[{\"sync\":0}]}]]],[\"pf-toolbar-separator\",[[513,\"pf-toolbar-separator\",{\"orientation\":[513]}]]],[\"pf-tooltip\",[[769,\"pf-tooltip\",{\"placement\":[513],\"delay\":[2],\"open\":[4],\"disabled\":[516],\"resolvedSide\":[32]},[[1,\"pointerenter\",\"handlePointerEnter\"],[1,\"pointerleave\",\"handlePointerLeave\"],[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"syncOpen\":0}]}]]],[\"pf-tree-view\",[[769,\"pf-tree-view\",{\"value\":[1537],\"expanded\":[1537],\"label\":[1],\"activeValue\":[32],\"refresh\":[64],\"expandAll\":[64],\"collapseAll\":[64]},[[0,\"pfTreeSelect\",\"handleSelect\"],[0,\"pfTreeToggle\",\"handleToggle\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"pfTreeStructure\",\"handleStructureChange\"]],{\"value\":[{\"handleStateChange\":0}],\"expanded\":[{\"handleStateChange\":0}]}]]],[\"pf-utility-button\",[[785,\"pf-utility-button\",{\"variant\":[513],\"size\":[513],\"disabled\":[516],\"type\":[1],\"label\":[1],\"tooltip\":[1]}]]],[\"pf-video-player\",[[769,\"pf-video-player\",{\"src\":[1],\"sources\":[16],\"tracks\":[16],\"label\":[1],\"description\":[1],\"error\":[1],\"aspectRatio\":[513,\"aspect-ratio\"],\"controls\":[4],\"poster\":[1],\"preload\":[1],\"muted\":[516],\"loop\":[516],\"autoplay\":[516],\"play\":[64],\"pause\":[64],\"getVideoElement\":[64]}]]],[\"pf-visually-hidden\",[[769,\"pf-visually-hidden\",{\"focusable\":[516]}]]],[\"pf-icon\",[[513,\"pf-icon\",{\"name\":[1],\"label\":[1]}]]],[\"pf-calendar\",[[513,\"pf-calendar\",{\"value\":[1537],\"min\":[1],\"max\":[1],\"startYear\":[2,\"start-year\"],\"endYear\":[2,\"end-year\"],\"showOutsideDays\":[4,\"show-outside-days\"],\"label\":[1],\"isDateDisabled\":[16],\"displayMonth\":[32],\"focusedDate\":[32],\"goToMonth\":[64],\"focusSelectedDay\":[64]},null,{\"value\":[{\"syncValue\":0}]}]]],[\"pf-notification\",[[769,\"pf-notification\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissable\":[516],\"exiting\":[1540],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-tag\",[[769,\"pf-tag\",{\"variant\":[513],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"]}]]],[\"pf-avatar\",[[769,\"pf-avatar\",{\"src\":[1],\"alt\":[1],\"name\":[1],\"size\":[513],\"status\":[513]}]]],[\"pf-badge\",[[769,\"pf-badge\",{\"variant\":[513]}]]],[\"pf-kbd\",[[769,\"pf-kbd\",{\"keys\":[16],\"size\":[513],\"separator\":[1]}]]]]"), options);
+};
+
+export { defineCustomElements };
+//# sourceMappingURL=loader.js.map
+
+//# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/esm/motion-Cta76kgc.js

@@ -0,0 +1,43 @@
+//#region src/motion.ts
+/**
+* Whether the user has asked for reduced motion. Guarded for non-browser
+* environments and for `matchMedia`-less test doubles, both of which report
+* "no preference" rather than throwing.
+*/
+/**
+* Resolves once every animation on `element` has finished, or straight away
+* when there is not one.
+*
+* `getAnimations()` is the only reliable way to ask, and this is the only
+* honest way to wait. The alternatives all fail in ordinary situations:
+*
+* - An `animationend` listener **waits forever** when no animation ever
+*   started, and there are three everyday ways for that to happen —
+*   `prefers-reduced-motion` setting `animation: none`, a consumer who has
+*   not loaded the stylesheet, and a test project that applies none.
+* - `getComputedStyle().animationName` reports whatever `animation` declared
+*   whether or not the `@keyframes` resolve, so it cannot tell a working
+*   animation from a missing one.
+* - A fixed timeout is a guess that goes stale the moment the CSS duration
+*   changes, and fires early or late everywhere else. The React
+*   `useExitAnimation` waited a hard-coded 220ms for exactly this.
+*
+* A frame passes first, so a class or attribute applied in the same tick has
+* taken effect and the animation exists to be found. A cancelled animation
+* rejects, which is still "done".
+*/
+async function animationsFinished(element) {
+	if (!element || typeof element.getAnimations !== "function") return;
+	await new Promise((resolve) => {
+		if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => resolve(void 0));
+		else resolve(void 0);
+	});
+	const running = element.getAnimations().filter((animation) => animation.playState !== "finished");
+	if (running.length === 0) return;
+	await Promise.all(running.map((animation) => animation.finished.catch(() => void 0)));
+}
+
+export { animationsFinished as a };
+//# sourceMappingURL=motion-Cta76kgc.js.map
+
+//# sourceMappingURL=motion-Cta76kgc.js.map

package/dist/esm/motion-Cta76kgc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-Cta76kgc.js","sources":["../core/dist/motion.js"],"sourcesContent":["//#region src/motion.ts\n/**\n* Whether the user has asked for reduced motion. Guarded for non-browser\n* environments and for `matchMedia`-less test doubles, both of which report\n* \"no preference\" rather than throwing.\n*/\nvar prefersReducedMotion = () => typeof window !== \"undefined\" && typeof window.matchMedia === \"function\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n/**\n* Resolves once every animation on `element` has finished, or straight away\n* when there is not one.\n*\n* `getAnimations()` is the only reliable way to ask, and this is the only\n* honest way to wait. The alternatives all fail in ordinary situations:\n*\n* - An `animationend` listener **waits forever** when no animation ever\n*   started, and there are three everyday ways for that to happen —\n*   `prefers-reduced-motion` setting `animation: none`, a consumer who has\n*   not loaded the stylesheet, and a test project that applies none.\n* - `getComputedStyle().animationName` reports whatever `animation` declared\n*   whether or not the `@keyframes` resolve, so it cannot tell a working\n*   animation from a missing one.\n* - A fixed timeout is a guess that goes stale the moment the CSS duration\n*   changes, and fires early or late everywhere else. The React\n*   `useExitAnimation` waited a hard-coded 220ms for exactly this.\n*\n* A frame passes first, so a class or attribute applied in the same tick has\n* taken effect and the animation exists to be found. A cancelled animation\n* rejects, which is still \"done\".\n*/\nasync function animationsFinished(element) {\n\tif (!element || typeof element.getAnimations !== \"function\") return;\n\tawait new Promise((resolve) => {\n\t\tif (typeof requestAnimationFrame === \"function\") requestAnimationFrame(() => resolve(void 0));\n\t\telse resolve(void 0);\n\t});\n\tconst running = element.getAnimations().filter((animation) => animation.playState !== \"finished\");\n\tif (running.length === 0) return;\n\tawait Promise.all(running.map((animation) => animation.finished.catch(() => void 0)));\n}\n//#endregion\nexport { animationsFinished, prefersReducedMotion };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,kBAAkB,CAAC,OAAO,EAAE;AAC3C,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,aAAa,KAAK,UAAU,EAAE;AAC9D,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK;AAChC,EAAE,IAAI,OAAO,qBAAqB,KAAK,UAAU,EAAE,qBAAqB,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;AAC/F,OAAO,OAAO,CAAC,MAAM,CAAC;AACtB,EAAE,CAAC;AACH,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,KAAK,UAAU,CAAC;AAClG,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3B,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC;AACtF;;;;"}

package/dist/esm/nav-DToIJg5W.js

@@ -0,0 +1,25 @@
+//#region src/nav.ts
+/**
+* The index of the current item: the first one marked `current`, or `-1` when
+* none is.
+*
+* One index rather than a per-item answer, which is what stops a navigation
+* claiming two current pages — the same defect `resolveCurrentCrumb` exists
+* to prevent, found the same way. The React `HeaderNavigation` and
+* `SidebarNavigation` read `item.active` per item, so two active items put
+* `aria-current="page"` on both and a screen reader announced the reader as
+* being on two pages at once.
+*
+* The fallback differs from a breadcrumb trail's deliberately: the last crumb
+* in a trail *is* the page you are on, so it is current by default, while
+* every item in a navigation points somewhere you are not. Nothing is current
+* until an item says so.
+*/
+function resolveCurrentNavItem(items) {
+	return items.findIndex((item) => item.current);
+}
+
+export { resolveCurrentNavItem as r };
+//# sourceMappingURL=nav-DToIJg5W.js.map
+
+//# sourceMappingURL=nav-DToIJg5W.js.map

package/dist/esm/nav-DToIJg5W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-DToIJg5W.js","sources":["../core/dist/nav.js"],"sourcesContent":["//#region src/nav.ts\n/**\n* The index of the current item: the first one marked `current`, or `-1` when\n* none is.\n*\n* One index rather than a per-item answer, which is what stops a navigation\n* claiming two current pages — the same defect `resolveCurrentCrumb` exists\n* to prevent, found the same way. The React `HeaderNavigation` and\n* `SidebarNavigation` read `item.active` per item, so two active items put\n* `aria-current=\"page\"` on both and a screen reader announced the reader as\n* being on two pages at once.\n*\n* The fallback differs from a breadcrumb trail's deliberately: the last crumb\n* in a trail *is* the page you are on, so it is current by default, while\n* every item in a navigation points somewhere you are not. Nothing is current\n* until an item says so.\n*/\nfunction resolveCurrentNavItem(items) {\n\treturn items.findIndex((item) => item.current);\n}\n//#endregion\nexport { resolveCurrentNavItem };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,qBAAqB,CAAC,KAAK,EAAE;AACtC,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;AAC/C;;;;"}

package/dist/esm/navigation-CAz7-p8y.js

@@ -0,0 +1,32 @@
+//#region src/navigation.ts
+/** The indexes of `items` that are selectable, in source order. */
+function getEnabledIndexes(items, isDisabled = () => false) {
+	return items.map((item, index) => ({
+		item,
+		index
+	})).filter(({ item, index }) => !isDisabled(item, index)).map(({ index }) => index);
+}
+/**
+* Steps one place through `enabledIndexes`, wrapping at both ends. Returns -1
+* when nothing is selectable.
+*
+* A `startIndex` that is not itself enabled (a disabled item, or -1 before
+* anything is active) enters the list from the end the caller is moving away
+* from, so the first Down lands on the first item and the first Up on the last.
+*/
+function getNextEnabledIndex(enabledIndexes, startIndex, direction) {
+	if (enabledIndexes.length === 0) return -1;
+	const currentEnabledPosition = enabledIndexes.indexOf(startIndex);
+	return enabledIndexes[((currentEnabledPosition === -1 ? direction === 1 ? -1 : 0 : currentEnabledPosition) + direction + enabledIndexes.length) % enabledIndexes.length] ?? -1;
+}
+/** Resolves a navigation action to the index it should land on, or -1. */
+function resolveListMove(action, enabledIndexes, currentIndex) {
+	if (action === "first") return enabledIndexes[0] ?? -1;
+	if (action === "last") return enabledIndexes[enabledIndexes.length - 1] ?? -1;
+	return getNextEnabledIndex(enabledIndexes, currentIndex, action === "next" ? 1 : -1);
+}
+
+export { getEnabledIndexes as g, resolveListMove as r };
+//# sourceMappingURL=navigation-CAz7-p8y.js.map
+
+//# sourceMappingURL=navigation-CAz7-p8y.js.map

package/dist/esm/navigation-CAz7-p8y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-CAz7-p8y.js","sources":["../core/dist/navigation.js"],"sourcesContent":["//#region src/navigation.ts\n/** The indexes of `items` that are selectable, in source order. */\nfunction getEnabledIndexes(items, isDisabled = () => false) {\n\treturn items.map((item, index) => ({\n\t\titem,\n\t\tindex\n\t})).filter(({ item, index }) => !isDisabled(item, index)).map(({ index }) => index);\n}\n/**\n* Steps one place through `enabledIndexes`, wrapping at both ends. Returns -1\n* when nothing is selectable.\n*\n* A `startIndex` that is not itself enabled (a disabled item, or -1 before\n* anything is active) enters the list from the end the caller is moving away\n* from, so the first Down lands on the first item and the first Up on the last.\n*/\nfunction getNextEnabledIndex(enabledIndexes, startIndex, direction) {\n\tif (enabledIndexes.length === 0) return -1;\n\tconst currentEnabledPosition = enabledIndexes.indexOf(startIndex);\n\treturn enabledIndexes[((currentEnabledPosition === -1 ? direction === 1 ? -1 : 0 : currentEnabledPosition) + direction + enabledIndexes.length) % enabledIndexes.length] ?? -1;\n}\n/** Resolves a navigation action to the index it should land on, or -1. */\nfunction resolveListMove(action, enabledIndexes, currentIndex) {\n\tif (action === \"first\") return enabledIndexes[0] ?? -1;\n\tif (action === \"last\") return enabledIndexes[enabledIndexes.length - 1] ?? -1;\n\treturn getNextEnabledIndex(enabledIndexes, currentIndex, action === \"next\" ? 1 : -1);\n}\n//#endregion\nexport { getEnabledIndexes, getNextEnabledIndex, resolveListMove };\n"],"names":[],"mappings":"AAAA;AACA;AACA,SAAS,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,KAAK,EAAE;AAC5D,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAAM;AACpC,EAAE,IAAI;AACN,EAAE;AACF,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,mBAAmB,CAAC,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE;AACpE,CAAC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;AAC3C,CAAC,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC;AAClE,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,sBAAsB,KAAK,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,sBAAsB,IAAI,SAAS,GAAG,cAAc,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/K;AACA;AACA,SAAS,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE;AAC/D,CAAC,IAAI,MAAM,KAAK,OAAO,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE;AACvD,CAAC,IAAI,MAAM,KAAK,MAAM,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;AAC9E,CAAC,OAAO,mBAAmB,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC;AACrF;;;;"}

package/dist/esm/number-field-DSXauhXX.js

@@ -0,0 +1,70 @@
+//#region src/number-field.ts
+/**
+* How many decimal places a step has, which is what its results are rounded
+* to.
+*
+* Read off the number's own text, so `0.1` gives 1 and `0.25` gives 2. A step
+* written in exponential notation — `1e-7`, which `String()` keeps that way —
+* has no decimal point to count and reports 0; that is a step no stepper can
+* usefully take anyway, and reporting 0 keeps the rounding harmless rather
+* than throwing.
+*/
+function decimalsOf(step) {
+	const text = String(step);
+	const dot = text.indexOf(".");
+	return dot === -1 ? 0 : text.length - dot - 1;
+}
+/** Keeps a value inside min..max. An unordered pair clamps to `min`. */
+function clampNumber(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+/**
+* Rounds to the step's own precision, which is what keeps repeated stepping
+* from drifting: ten steps of `0.1` reach exactly `1`, where the raw sum is
+* `0.9999999999999999`.
+*/
+function roundToStep(value, step) {
+	const factor = 10 ** decimalsOf(step);
+	return Math.round(value * factor) / factor;
+}
+/**
+* Where one step from `current` lands, clamped and rounded.
+*
+* An empty field has to start somewhere: the nearer bound if there is one —
+* stepping up from empty in a 10..20 field gives 11, not 1 — and zero when
+* the field is unbounded.
+*/
+function stepNumber(current, direction, { min = -Infinity, max = Infinity, step = 1 } = {}) {
+	return roundToStep(clampNumber((current ?? (Number.isFinite(min) ? min : Number.isFinite(max) ? max : 0)) + direction * step, min, max), step);
+}
+/**
+* Reads what someone typed, or `null` for an empty field.
+*
+* `null` rather than `0`, because a field someone has cleared is not a field
+* holding zero — a form reading one as the other is the bug this prevents.
+* Anything unparseable is also `null`, which a caller treats as "leave the
+* value alone".
+*/
+function parseNumberValue(raw) {
+	if (raw.trim() === "") return null;
+	const parsed = Number(raw);
+	return Number.isNaN(parsed) ? null : parsed;
+}
+/**
+* The value as it is shown while the field is *not* being edited — thousands
+* separators, a currency symbol, whatever the consumer asked for.
+*
+* Without `format` the plain number is used rather than the locale's default,
+* because a field that reads `1,234` and then has to be parsed back is a
+* round-trip a consumer did not ask for.
+*/
+function formatNumberValue(value, { locale, format } = {}) {
+	if (value === null || !Number.isFinite(value)) return "";
+	if (!format) return String(value);
+	return new Intl.NumberFormat(locale, format).format(value);
+}
+
+export { clampNumber as c, formatNumberValue as f, parseNumberValue as p, roundToStep as r, stepNumber as s };
+//# sourceMappingURL=number-field-DSXauhXX.js.map
+
+//# sourceMappingURL=number-field-DSXauhXX.js.map

package/dist/esm/number-field-DSXauhXX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-DSXauhXX.js","sources":["../core/dist/number-field.js"],"sourcesContent":["//#region src/number-field.ts\n/**\n* How many decimal places a step has, which is what its results are rounded\n* to.\n*\n* Read off the number's own text, so `0.1` gives 1 and `0.25` gives 2. A step\n* written in exponential notation — `1e-7`, which `String()` keeps that way —\n* has no decimal point to count and reports 0; that is a step no stepper can\n* usefully take anyway, and reporting 0 keeps the rounding harmless rather\n* than throwing.\n*/\nfunction decimalsOf(step) {\n\tconst text = String(step);\n\tconst dot = text.indexOf(\".\");\n\treturn dot === -1 ? 0 : text.length - dot - 1;\n}\n/** Keeps a value inside min..max. An unordered pair clamps to `min`. */\nfunction clampNumber(value, min, max) {\n\treturn Math.min(Math.max(value, min), max);\n}\n/**\n* Rounds to the step's own precision, which is what keeps repeated stepping\n* from drifting: ten steps of `0.1` reach exactly `1`, where the raw sum is\n* `0.9999999999999999`.\n*/\nfunction roundToStep(value, step) {\n\tconst factor = 10 ** decimalsOf(step);\n\treturn Math.round(value * factor) / factor;\n}\n/**\n* Where one step from `current` lands, clamped and rounded.\n*\n* An empty field has to start somewhere: the nearer bound if there is one —\n* stepping up from empty in a 10..20 field gives 11, not 1 — and zero when\n* the field is unbounded.\n*/\nfunction stepNumber(current, direction, { min = -Infinity, max = Infinity, step = 1 } = {}) {\n\treturn roundToStep(clampNumber((current ?? (Number.isFinite(min) ? min : Number.isFinite(max) ? max : 0)) + direction * step, min, max), step);\n}\n/**\n* Reads what someone typed, or `null` for an empty field.\n*\n* `null` rather than `0`, because a field someone has cleared is not a field\n* holding zero — a form reading one as the other is the bug this prevents.\n* Anything unparseable is also `null`, which a caller treats as \"leave the\n* value alone\".\n*/\nfunction parseNumberValue(raw) {\n\tif (raw.trim() === \"\") return null;\n\tconst parsed = Number(raw);\n\treturn Number.isNaN(parsed) ? null : parsed;\n}\n/**\n* The value as it is shown while the field is *not* being edited — thousands\n* separators, a currency symbol, whatever the consumer asked for.\n*\n* Without `format` the plain number is used rather than the locale's default,\n* because a field that reads `1,234` and then has to be parsed back is a\n* round-trip a consumer did not ask for.\n*/\nfunction formatNumberValue(value, { locale, format } = {}) {\n\tif (value === null || !Number.isFinite(value)) return \"\";\n\tif (!format) return String(value);\n\treturn new Intl.NumberFormat(locale, format).format(value);\n}\n//#endregion\nexport { clampNumber, decimalsOf, formatNumberValue, parseNumberValue, roundToStep, stepNumber };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,UAAU,CAAC,IAAI,EAAE;AAC1B,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAC1B,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,CAAC,OAAO,GAAG,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC;AAC9C;AACA;AACA,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE;AAClC,CAAC,MAAM,MAAM,GAAG,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC;AACtC,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;AAC5F,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC;AAC/I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,GAAG,EAAE;AAC/B,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,IAAI;AACnC,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC;AAC3B,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,MAAM;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,iBAAiB,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;AAC3D,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE;AACzD,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;AAClC,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC3D;;;;"}

package/dist/esm/pf-accordion-item.entry.js

@@ -0,0 +1,60 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bm6UxEit.js';
+
+const pfAccordionItemCss = () => `:host{border-top:1px solid var(--pf-accordion-border);display:block}:host(:first-child){border-top:0}:host([hidden]){display:none}.heading{font-size:inherit;font-weight:inherit;margin:0}.trigger{align-items:center;background:transparent;border:0;color:var(--pf-accordion-trigger-text);cursor:pointer;display:flex;font:inherit;font-weight:var(--font-weight-medium);gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:start;width:100%}.trigger:hover:not(:disabled){background:var(--pf-accordion-trigger-bg-hover)}.trigger:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.5}.icon{align-items:center;color:var(--pf-accordion-icon);display:inline-flex;flex-shrink:0;transition:transform var(--pf-transition-fast)}:host([expanded]) .icon{transform:rotate(180deg)}.panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--pf-transition-medium)}:host([expanded]) .panel{grid-template-rows:1fr}.content{color:var(--pf-accordion-content-text);min-height:0;overflow:hidden}.inner{padding:0 var(--space-4) var(--space-4)}@media (prefers-reduced-motion: reduce){.panel,.icon{transition:none}}`;
+
+const PfAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pfAccordionToggle = createEvent(this, "pfAccordionToggle");
+    }
+    /**
+     * Identifies the section in the group's open set.
+     *
+     * Reflected because the generated bindings set props as *properties*: an
+     * unreflected prop leaves no attribute, and anything selecting on one — a
+     * consumer's stylesheet, or a test — finds nothing. The group reads the
+     * property.
+     */
+    value = '';
+    /** Reflected; the stylesheet and the group's own filtering both read it. */
+    disabled = false;
+    /** Set by the group. Reflected, so the stylesheet can turn the chevron. */
+    expanded = false;
+    /** Set by the group from its own `headingLevel`. */
+    headingLevel = 3;
+    /** Asks the group to open or close this section. The group decides. */
+    pfAccordionToggle;
+    /**
+     * Coerced, because an attribute of a union-literal type arrives as a string:
+     * `heading-level="2"` would otherwise build an `h2` tag out of `"2"` by luck
+     * and compare false to `2` everywhere else. Clamped, so a level outside
+     * h2–h6 cannot produce a tag that is not a heading at all.
+     */
+    get level() {
+        const asNumber = Math.round(Number(this.headingLevel));
+        if (!Number.isFinite(asNumber))
+            return 3;
+        return Math.min(Math.max(asNumber, 2), 6);
+    }
+    onClick = () => {
+        if (this.disabled)
+            return;
+        this.pfAccordionToggle.emit({ value: this.value });
+    };
+    render() {
+        /*
+         * A dynamic intrinsic tag, cast to one of the literals: `h('h' + level,
+         * ...)` does not type-check, because Stencil's overload for a plain string
+         * tag types `class` as a className map and rejects the string.
+         */
+        const Heading = `h${this.level}`;
+        return (h(Host, { key: '35e729954b5bd58447dc4d3bc4f9e57e7bf0bdff' }, h(Heading, { key: '455c96a2d76607ee70cc3f6f81a64f43ccc047c8', class: "heading", part: "heading" }, h("button", { key: '4fdeae121e827c2cab00c9f583b0282be828c743', type: "button", id: "trigger", class: "trigger", part: "trigger", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": "panel", disabled: this.disabled, onClick: this.onClick }, h("span", { key: '10cabf948a5cbe16ddaeedd379e2c5485f92b568', class: "title", part: "title" }, h("slot", { key: '1d050d2bd6a0ed6f0494cd9b4afa96e9abb21211', name: "title" })), h("span", { key: 'f4a3dd3d8f519538f53623cbb9fe24b03b138db6', class: "icon", part: "icon", "aria-hidden": "true" }, h("pf-icon", { key: '53e79af5f641fc306bb6b80dc8166847d084224f', name: "chevron-down" })))), h("div", { key: '2dc77acf0e8cfe6f9ab01af1adb3cec47de80f2f', class: "panel", part: "panel" }, h("div", { key: 'e1531908c103894b176438690f08578b0ed964b6', class: "content", part: "content", id: "panel", role: "region", "aria-labelledby": "trigger", inert: !this.expanded }, h("div", { key: '9f21bf640cd85cd22fc90d1376140f3f74b9a69b', class: "inner", part: "inner" }, h("slot", { key: '3e92f2c1f5cea1e8ab89f67633b0659935505161' }))))));
+    }
+    static get delegatesFocus() { return true; }
+};
+PfAccordionItem.style = pfAccordionItemCss();
+
+export { PfAccordionItem as pf_accordion_item };
+//# sourceMappingURL=pf-accordion-item.entry.js.map
+
+//# sourceMappingURL=pf-accordion-item.entry.js.map

package/dist/esm/pf-accordion-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-accordion-item.entry.js","sources":["src/components/pf-accordion-item/pf-accordion-item.css?tag=pf-accordion-item&encapsulation=shadow","src/components/pf-accordion-item/pf-accordion-item.tsx"],"sourcesContent":["/*\n * The rule between sections lives here rather than in the group's sheet,\n * because `::slotted()` takes a compound selector and no combinator -- there is\n * no way to say `::slotted(item + item)` from outside. `:host(:first-child)`\n * says the same thing from in here, and needs no coordination.\n */\n:host {\n  border-top: 1px solid var(--pf-accordion-border);\n  display: block;\n}\n\n:host(:first-child) {\n  border-top: 0;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.heading {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}\n\n.trigger {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  color: var(--pf-accordion-trigger-text);\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  font-weight: var(--font-weight-medium);\n  gap: var(--space-3);\n  justify-content: space-between;\n  padding: var(--space-3) var(--space-4);\n  text-align: start;\n  width: 100%;\n}\n\n.trigger:hover:not(:disabled) {\n  background: var(--pf-accordion-trigger-bg-hover);\n}\n\n.trigger:focus-visible {\n  box-shadow: var(--pf-focus-ring);\n  outline: none;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.icon {\n  align-items: center;\n  color: var(--pf-accordion-icon);\n  display: inline-flex;\n  flex-shrink: 0;\n  transition: transform var(--pf-transition-fast);\n}\n\n:host([expanded]) .icon {\n  transform: rotate(180deg);\n}\n\n/* The 0fr -> 1fr technique, which animates to the content's own height. */\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--pf-transition-medium);\n}\n\n:host([expanded]) .panel {\n  grid-template-rows: 1fr;\n}\n\n.content {\n  color: var(--pf-accordion-content-text);\n  min-height: 0;\n  overflow: hidden;\n}\n\n.inner {\n  padding: 0 var(--space-4) var(--space-4);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .panel,\n  .icon {\n    transition: none;\n  }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nimport type { PfAccordionHeadingLevel } from '../pf-accordion/pf-accordion';\n\n/**\n * One section inside a `pf-accordion`.\n *\n * It owns its header, its panel and the open/close animation; the group owns\n * only *which* sections are open, because in `single` mode that depends on\n * what else is. So this element reports that it was clicked and waits to be\n * told, exactly as `pf-radio-button` does.\n *\n * The header is a real `<button>` in the shadow root, which makes it tabbable\n * with no help and gives Enter and Space for free. `delegatesFocus` is what\n * lets the group's arrow keys hand focus to it through the host.\n *\n * Both IDREFs here point inside this one shadow root, which is the case where\n * an IDREF resolves — the header names the panel with `aria-controls` and the\n * panel names the header back with `aria-labelledby`.\n *\n * @slot title - the header's label.\n * @slot - the section's content.\n * @part heading - the heading element wrapping the header button.\n * @part trigger - the header button.\n * @part title - the label's box inside the header.\n * @part icon - the chevron.\n * @part panel - the animating box around the content.\n * @part content - the region holding the content.\n */\n@Component({\n  tag: 'pf-accordion-item',\n  styleUrl: 'pf-accordion-item.css',\n  shadow: { delegatesFocus: true },\n})\nexport class PfAccordionItem {\n  /**\n   * Identifies the section in the group's open set.\n   *\n   * Reflected because the generated bindings set props as *properties*: an\n   * unreflected prop leaves no attribute, and anything selecting on one — a\n   * consumer's stylesheet, or a test — finds nothing. The group reads the\n   * property.\n   */\n  @Prop({ reflect: true }) value = '';\n\n  /** Reflected; the stylesheet and the group's own filtering both read it. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set by the group. Reflected, so the stylesheet can turn the chevron. */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  /** Set by the group from its own `headingLevel`. */\n  @Prop({ mutable: true }) headingLevel: PfAccordionHeadingLevel = 3;\n\n  /** Asks the group to open or close this section. The group decides. */\n  @Event() pfAccordionToggle!: EventEmitter<{ value: string }>;\n\n  /**\n   * Coerced, because an attribute of a union-literal type arrives as a string:\n   * `heading-level=\"2\"` would otherwise build an `h2` tag out of `\"2\"` by luck\n   * and compare false to `2` everywhere else. Clamped, so a level outside\n   * h2–h6 cannot produce a tag that is not a heading at all.\n   */\n  private get level(): PfAccordionHeadingLevel {\n    const asNumber = Math.round(Number(this.headingLevel));\n    if (!Number.isFinite(asNumber)) return 3;\n    return Math.min(Math.max(asNumber, 2), 6) as PfAccordionHeadingLevel;\n  }\n\n  private onClick = () => {\n    if (this.disabled) return;\n    this.pfAccordionToggle.emit({ value: this.value });\n  };\n\n  render() {\n    /*\n     * A dynamic intrinsic tag, cast to one of the literals: `h('h' + level,\n     * ...)` does not type-check, because Stencil's overload for a plain string\n     * tag types `class` as a className map and rejects the string.\n     */\n    const Heading = `h${this.level}` as 'h3';\n\n    return (\n      <Host>\n        <Heading class=\"heading\" part=\"heading\">\n          <button\n            type=\"button\"\n            id=\"trigger\"\n            class=\"trigger\"\n            part=\"trigger\"\n            aria-expanded={this.expanded ? 'true' : 'false'}\n            aria-controls=\"panel\"\n            disabled={this.disabled}\n            onClick={this.onClick}\n          >\n            <span class=\"title\" part=\"title\">\n              <slot name=\"title\" />\n            </span>\n            <span class=\"icon\" part=\"icon\" aria-hidden=\"true\">\n              <pf-icon name=\"chevron-down\"></pf-icon>\n            </span>\n          </button>\n        </Heading>\n        <div class=\"panel\" part=\"panel\">\n          {/*\n            `inert` as well as the collapsed height, because a panel animating\n            to zero still has focusable content in it: without this, tabbing\n            from a closed section's header lands inside the box it just closed.\n          */}\n          <div\n            class=\"content\"\n            part=\"content\"\n            id=\"panel\"\n            role=\"region\"\n            aria-labelledby=\"trigger\"\n            inert={!this.expanded}\n          >\n            <div class=\"inner\" part=\"inner\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,mrCAAmrC,CAAC;;MCkCzsC,eAAe,GAAA,MAAA;;;;;AAC1B;;;;;;;AAOG;IACsB,KAAK,GAAG,EAAE;;IAGV,QAAQ,GAAG,KAAK;;IAGD,QAAQ,GAAG,KAAK;;IAG/B,YAAY,GAA4B,CAAC;;AAGzD,IAAA,iBAAiB;AAE1B;;;;;AAKG;AACH,IAAA,IAAY,KAAK,GAAA;AACf,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AACtD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,CAAC;AACxC,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAA4B;;IAG9D,OAAO,GAAG,MAAK;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;AACpD,KAAC;IAED,MAAM,GAAA;AACJ;;;;AAIG;AACH,QAAA,MAAM,OAAO,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAU;QAExC,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAC,OAAO,qDAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,SAAS,EAAA,eAAA,EACC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EACjC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAChB,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAA,EAC/C,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,cAAc,EAAA,CAAW,CAClC,CACA,CACD,EACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAM7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,QAAQ,EAAA,iBAAA,EACG,SAAS,EACzB,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAA,EAErB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAC7B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACF,CACF,CACD;;;;;;;;"}

package/dist/esm/pf-accordion.entry.js

@@ -0,0 +1,144 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-Bm6UxEit.js';
+import { r as resolveListMove } from './navigation-CAz7-p8y.js';
+import { r as resolveRovingKey } from './roving-BzRAGyFO.js';
+import { p as parseValueList, f as formatValueList, t as toggleDisclosureValue } from './value-list-BmcsJLdy.js';
+import './keys-g4FlTDZx.js';
+
+const pfAccordionCss = () => `:host{border:1px solid var(--pf-accordion-border);border-radius:var(--radius-md);display:block;overflow:hidden}:host([hidden]){display:none}`;
+
+const PfAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pfChange = createEvent(this, "pfChange");
+    }
+    get el() { return getElement(this); }
+    /**
+     * The open sections, as one comma-separated string — which is what an
+     * attribute can carry. `pfChange` also reports the parsed array, which is
+     * what a framework consumer usually wants.
+     */
+    value = '';
+    /** `single` closes the others when one opens; `multiple` leaves them. */
+    type = 'single';
+    /**
+     * The heading level each item's header is wrapped in.
+     *
+     * A union-literal type defeats Stencil's attribute coercion — measured on
+     * `pf-time-picker`, where `hour-cycle="12"` arrived as the *string* `"12"` —
+     * so the value is coerced before it is pushed down rather than compared
+     * here. The union stays because it is the useful type for a framework
+     * consumer who really does set the number.
+     */
+    headingLevel = 3;
+    /** Fires when the open set changes, however it was changed. */
+    pfChange;
+    /** The light DOM is readable here, so first paint is already right. */
+    componentWillLoad() {
+        this.sync();
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    handleStateChange() {
+        this.sync();
+    }
+    /**
+     * Re-reads the children, for a consumer who changed one through its
+     * *property* — `item.disabled = true` leaves no attribute, moves no node and
+     * fires no `slotchange`.
+     */
+    async refresh() {
+        this.sync();
+    }
+    /** Direct children only: a nested accordion owns its own sections. */
+    get items() {
+        return Array.from(this.el.querySelectorAll('pf-accordion-item')).filter((item) => item.parentElement === this.el);
+    }
+    get expanded() {
+        return parseValueList(this.value);
+    }
+    /**
+     * The property if the item has been upgraded, the attribute if it has not —
+     * `componentWillLoad` can run before a child parsed from HTML upgrades.
+     */
+    itemValue(item) {
+        return item.value ?? item.getAttribute('value') ?? '';
+    }
+    isDisabled(item) {
+        return item.disabled ?? item.hasAttribute('disabled');
+    }
+    sync() {
+        const expanded = this.expanded;
+        const level = Number(this.headingLevel);
+        for (const item of this.items) {
+            const section = item;
+            section.expanded = expanded.includes(this.itemValue(item));
+            section.headingLevel = level;
+        }
+    }
+    setExpanded(next) {
+        this.value = formatValueList(next);
+        this.sync();
+        this.pfChange.emit({ value: this.value, values: next });
+    }
+    /**
+     * A section asking to be opened or closed. The group decides, because in
+     * `single` mode the answer depends on what else is open.
+     */
+    handleToggle(event) {
+        event.stopPropagation();
+        const item = this.items.find((candidate) => this.itemValue(candidate) === event.detail.value);
+        if (!item || this.isDisabled(item))
+            return;
+        this.setExpanded(toggleDisclosureValue(this.expanded, event.detail.value, {
+            multiple: this.type === 'multiple',
+        }));
+    }
+    /**
+     * The arrows move focus between the headers and open nothing: an accordion's
+     * sections are opened deliberately, unlike a tab strip's panels. Home and
+     * End jump to the first and last enabled header.
+     */
+    handleKeyDown(event) {
+        if (event.defaultPrevented)
+            return;
+        const action = resolveRovingKey(event.key, 'vertical');
+        if (!action)
+            return;
+        const enabled = this.items.filter((item) => !this.isDisabled(item));
+        if (enabled.length === 0)
+            return;
+        /*
+         * `activeElement` reports the shallowest host, which is the item: the
+         * header button it delegates focus to is inside the item's shadow root.
+         */
+        const currentIndex = enabled.indexOf(document.activeElement);
+        if (currentIndex === -1)
+            return;
+        const nextIndex = resolveListMove(action, enabled.map((_, index) => index), currentIndex);
+        if (nextIndex < 0)
+            return;
+        event.preventDefault();
+        enabled[nextIndex].focus();
+    }
+    render() {
+        return (h(Host, { key: 'a9dbb4598a42f30a9d24d361ebedc2ed1e9fa2c9' }, h("slot", { key: 'e0ec68e8f33a2f6db479a5438e7db9df9c9e9b19', onSlotchange: () => this.refresh() })));
+    }
+    static get watchers() { return {
+        "value": [{
+                "handleStateChange": 0
+            }],
+        "type": [{
+                "handleStateChange": 0
+            }],
+        "headingLevel": [{
+                "handleStateChange": 0
+            }]
+    }; }
+};
+PfAccordion.style = pfAccordionCss();
+
+export { PfAccordion as pf_accordion };
+//# sourceMappingURL=pf-accordion.entry.js.map
+
+//# sourceMappingURL=pf-accordion.entry.js.map

package/dist/esm/pf-accordion.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-accordion.entry.js","sources":["src/components/pf-accordion/pf-accordion.css?tag=pf-accordion&encapsulation=shadow","src/components/pf-accordion/pf-accordion.tsx"],"sourcesContent":[":host {\n  border: 1px solid var(--pf-accordion-border);\n  border-radius: var(--radius-md);\n  display: block;\n  overflow: hidden;\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import {\n  formatValueList,\n  parseValueList,\n  resolveListMove,\n  resolveRovingKey,\n  toggleDisclosureValue,\n} from '@pitchfork-ui/core';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nexport type PfAccordionType = 'single' | 'multiple';\nexport type PfAccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\n/**\n * A stack of `pf-accordion-item` children, of which either one or several can\n * be open.\n *\n * The group owns which sections are open and the arrow keys; each item owns\n * its own header, panel and animation. Same division as `pf-radio-group` and\n * its radios — and for the same reason, since \"one open at a time\" is not a\n * thing a section can decide for itself.\n *\n * Unlike a tab strip this is **not** a roving tabindex: the ARIA accordion\n * pattern puts every header in the tab sequence, and the arrows are an extra\n * way to move between them rather than the only one. A header is a real\n * `<button>` inside its item's shadow root, so it is tabbable with no help.\n *\n * @slot - the `pf-accordion-item` children.\n */\n@Component({\n  tag: 'pf-accordion',\n  styleUrl: 'pf-accordion.css',\n  shadow: true,\n})\nexport class PfAccordion {\n  @Element() el!: HTMLElement;\n\n  /**\n   * The open sections, as one comma-separated string — which is what an\n   * attribute can carry. `pfChange` also reports the parsed array, which is\n   * what a framework consumer usually wants.\n   */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** `single` closes the others when one opens; `multiple` leaves them. */\n  @Prop({ reflect: true }) type: PfAccordionType = 'single';\n\n  /**\n   * The heading level each item's header is wrapped in.\n   *\n   * A union-literal type defeats Stencil's attribute coercion — measured on\n   * `pf-time-picker`, where `hour-cycle=\"12\"` arrived as the *string* `\"12\"` —\n   * so the value is coerced before it is pushed down rather than compared\n   * here. The union stays because it is the useful type for a framework\n   * consumer who really does set the number.\n   */\n  @Prop() headingLevel: PfAccordionHeadingLevel = 3;\n\n  /** Fires when the open set changes, however it was changed. */\n  @Event() pfChange!: EventEmitter<{ value: string; values: string[] }>;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.sync();\n  }\n\n  componentDidLoad() {\n    this.sync();\n  }\n\n  @Watch('value')\n  @Watch('type')\n  @Watch('headingLevel')\n  handleStateChange() {\n    this.sync();\n  }\n\n  /**\n   * Re-reads the children, for a consumer who changed one through its\n   * *property* — `item.disabled = true` leaves no attribute, moves no node and\n   * fires no `slotchange`.\n   */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Direct children only: a nested accordion owns its own sections. */\n  private get items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-accordion-item')).filter(\n      (item) => item.parentElement === this.el,\n    );\n  }\n\n  private get expanded(): string[] {\n    return parseValueList(this.value);\n  }\n\n  /**\n   * The property if the item has been upgraded, the attribute if it has not —\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private itemValue(item: HTMLElement) {\n    return (item as HTMLElement & { value?: string }).value ?? item.getAttribute('value') ?? '';\n  }\n\n  private isDisabled(item: HTMLElement) {\n    return (item as HTMLElement & { disabled?: boolean }).disabled ?? item.hasAttribute('disabled');\n  }\n\n  private sync() {\n    const expanded = this.expanded;\n    const level = Number(this.headingLevel) as PfAccordionHeadingLevel;\n\n    for (const item of this.items) {\n      const section = item as HTMLElement & {\n        expanded: boolean;\n        headingLevel: PfAccordionHeadingLevel;\n      };\n      section.expanded = expanded.includes(this.itemValue(item));\n      section.headingLevel = level;\n    }\n  }\n\n  private setExpanded(next: string[]) {\n    this.value = formatValueList(next);\n    this.sync();\n    this.pfChange.emit({ value: this.value, values: next });\n  }\n\n  /**\n   * A section asking to be opened or closed. The group decides, because in\n   * `single` mode the answer depends on what else is open.\n   */\n  @Listen('pfAccordionToggle')\n  handleToggle(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n\n    const item = this.items.find((candidate) => this.itemValue(candidate) === event.detail.value);\n    if (!item || this.isDisabled(item)) return;\n\n    this.setExpanded(\n      toggleDisclosureValue(this.expanded, event.detail.value, {\n        multiple: this.type === 'multiple',\n      }),\n    );\n  }\n\n  /**\n   * The arrows move focus between the headers and open nothing: an accordion's\n   * sections are opened deliberately, unlike a tab strip's panels. Home and\n   * End jump to the first and last enabled header.\n   */\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented) return;\n\n    const action = resolveRovingKey(event.key, 'vertical');\n    if (!action) return;\n\n    const enabled = this.items.filter((item) => !this.isDisabled(item));\n    if (enabled.length === 0) return;\n\n    /*\n     * `activeElement` reports the shallowest host, which is the item: the\n     * header button it delegates focus to is inside the item's shadow root.\n     */\n    const currentIndex = enabled.indexOf(document.activeElement as HTMLElement);\n    if (currentIndex === -1) return;\n\n    const nextIndex = resolveListMove(\n      action,\n      enabled.map((_, index) => index),\n      currentIndex,\n    );\n    if (nextIndex < 0) return;\n\n    event.preventDefault();\n    enabled[nextIndex].focus();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot onSlotchange={() => this.refresh()} />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,4IAA4I,CAAC;;MC4C9J,WAAW,GAAA,MAAA;;;;;;AAGtB;;;;AAIG;IACqC,KAAK,GAAG,EAAE;;IAGzB,IAAI,GAAoB,QAAQ;AAEzD;;;;;;;;AAQG;IACK,YAAY,GAA4B,CAAC;;AAGxC,IAAA,QAAQ;;IAGjB,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,EAAE;;IAGb,gBAAgB,GAAA;QACd,IAAI,CAAC,IAAI,EAAE;;IAMb,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,EAAE;;AAGb;;;;AAIG;AAEH,IAAA,MAAM,OAAO,GAAA;QACX,IAAI,CAAC,IAAI,EAAE;;;AAIb,IAAA,IAAY,KAAK,GAAA;AACf,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAClF,CAAC,IAAI,KAAK,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,CACzC;;AAGH,IAAA,IAAY,QAAQ,GAAA;AAClB,QAAA,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnC;;;AAGG;AACK,IAAA,SAAS,CAAC,IAAiB,EAAA;AACjC,QAAA,OAAQ,IAAyC,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;;AAGrF,IAAA,UAAU,CAAC,IAAiB,EAAA;QAClC,OAAQ,IAA6C,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;;IAGzF,IAAI,GAAA;AACV,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAA4B;AAElE,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;YAC7B,MAAM,OAAO,GAAG,IAGf;AACD,YAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC1D,YAAA,OAAO,CAAC,YAAY,GAAG,KAAK;;;AAIxB,IAAA,WAAW,CAAC,IAAc,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC;QAClC,IAAI,CAAC,IAAI,EAAE;AACX,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;;AAGzD;;;AAGG;AAEH,IAAA,YAAY,CAAC,KAAqC,EAAA;QAChD,KAAK,CAAC,eAAe,EAAE;QAEvB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7F,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YAAE;AAEpC,QAAA,IAAI,CAAC,WAAW,CACd,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;AACvD,YAAA,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;AACnC,SAAA,CAAC,CACH;;AAGH;;;;AAIG;AAEH,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,KAAK,CAAC,gBAAgB;YAAE;QAE5B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,EAAE,UAAU,CAAC;AACtD,QAAA,IAAI,CAAC,MAAM;YAAE;QAEb,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACnE,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE;AAE1B;;;AAGG;QACH,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC;QAC3E,IAAI,YAAY,KAAK,EAAE;YAAE;QAEzB,MAAM,SAAS,GAAG,eAAe,CAC/B,MAAM,EACN,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,EAChC,YAAY,CACb;QACD,IAAI,SAAS,GAAG,CAAC;YAAE;QAEnB,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE;;IAG5B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAA,CAAI,CACvC;;;;;;;;;;;;;;;;;;"}