@pitchfork-ui/elements 0.1.0 → 0.2.1

package/dist/cjs/control-label-C0eK8bPh.js

@@ -0,0 +1,36 @@
+'use strict';
+
+/**
+ * How a form control here gets an accessible name when it has no visible one.
+ *
+ * Not in `@pitchfork-ui/core`: it is about the shadow boundary, which only
+ * this layer has.
+ *
+ * The React components extend `InputHTMLAttributes`, so
+ * `<Input aria-label="Search" />` lands the attribute on the real `<input>`
+ * and names it. An element cannot do that. `aria-label` on the host names the
+ * **host**, and the host is not the control -- the `<input>` lives in the
+ * shadow root with nothing pointing at it, so a consumer who writes the same
+ * thing gets a control with no accessible name at all and no warning. Measured
+ * against Chromium's accessibility tree: the host reports the name and the
+ * textbox inside it reports none.
+ *
+ * `aria-labelledby` has no answer either, for the rule this library keeps
+ * running into: an IDREF cannot point into a shadow root. So the text is
+ * copied across, which is what `pf-tooltip` does for its trigger's
+ * description and for the same reason.
+ *
+ * A visible `label` wins, because it is both the name and a `for` target in
+ * the control's own root -- the kind of reference that does resolve.
+ */
+function controlAriaLabel(host, label) {
+    if (label)
+        return null;
+    const copied = host.getAttribute('aria-label');
+    return copied && copied.trim().length > 0 ? copied : null;
+}
+
+exports.controlAriaLabel = controlAriaLabel;
+//# sourceMappingURL=control-label-C0eK8bPh.js.map
+
+//# sourceMappingURL=control-label-C0eK8bPh.js.map

package/dist/cjs/control-label-C0eK8bPh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-label-C0eK8bPh.js","sources":["src/control-label.ts"],"sourcesContent":["/**\n * How a form control here gets an accessible name when it has no visible one.\n *\n * Not in `@pitchfork-ui/core`: it is about the shadow boundary, which only\n * this layer has.\n *\n * The React components extend `InputHTMLAttributes`, so\n * `<Input aria-label=\"Search\" />` lands the attribute on the real `<input>`\n * and names it. An element cannot do that. `aria-label` on the host names the\n * **host**, and the host is not the control -- the `<input>` lives in the\n * shadow root with nothing pointing at it, so a consumer who writes the same\n * thing gets a control with no accessible name at all and no warning. Measured\n * against Chromium's accessibility tree: the host reports the name and the\n * textbox inside it reports none.\n *\n * `aria-labelledby` has no answer either, for the rule this library keeps\n * running into: an IDREF cannot point into a shadow root. So the text is\n * copied across, which is what `pf-tooltip` does for its trigger's\n * description and for the same reason.\n *\n * A visible `label` wins, because it is both the name and a `for` target in\n * the control's own root -- the kind of reference that does resolve.\n */\nexport function controlAriaLabel(host: HTMLElement, label: string | undefined): string | null {\n  if (label) return null;\n  const copied = host.getAttribute('aria-label');\n  return copied && copied.trim().length > 0 ? copied : null;\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACG,SAAU,gBAAgB,CAAC,IAAiB,EAAE,KAAyB,EAAA;AAC3E,IAAA,IAAI,KAAK;AAAE,QAAA,OAAO,IAAI;IACtB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;AAC9C,IAAA,OAAO,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI;AAC3D;;;;"}

package/dist/cjs/index-CIskGKk1.js

@@ -298,10 +298,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './pf-metric-grid.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'pf-modal.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './pf-modal.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'pf-modal-body.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -526,6 +522,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './pf-heatmap.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'pf-modal.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './pf-modal.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'pf-pagination.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-CIskGKk1.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"pf-command-palette.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-toaster\",{\"placement\":[513],\"duration\":[2],\"entries\":[32],\"toast\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"pf-accordion-item.cjs\",[[785,\"pf-accordion-item\",{\"value\":[513],\"disabled\":[516],\"expanded\":[1540],\"headingLevel\":[1026,\"heading-level\"]}]]],[\"pf-alert.cjs\",[[769,\"pf-alert\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"],\"exiting\":[32],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-avatar-group.cjs\",[[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.cjs\",[[769,\"pf-button-group-item\",{\"value\":[513],\"disabled\":[516],\"groupDisabled\":[1540,\"group-disabled\"],\"selected\":[1540],\"icon\":[1],\"dot\":[516]}]]],[\"pf-carousel.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-collapsible\",{\"open\":[1540],\"disabled\":[516],\"showChevron\":[4,\"show-chevron\"],\"show\":[64],\"hide\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"pf-combobox.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-empty-state\",{\"size\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32]}]]],[\"pf-file-uploader.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-metric-card\",{\"trend\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32],\"hasTrend\":[32]}]]],[\"pf-multi-select.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-rating-badge\",{\"value\":[2],\"max\":[2],\"reviews\":[2],\"size\":[513]}]]],[\"pf-rating-stars.cjs\",[[513,\"pf-rating-stars\",{\"value\":[2],\"max\":[2],\"size\":[2],\"showValue\":[4,\"show-value\"],\"label\":[1]}]]],[\"pf-select.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-badge-group\",{\"label\":[1],\"message\":[1],\"color\":[513],\"appearance\":[513],\"badgePosition\":[513,\"badge-position\"]}]]],[\"pf-bar-chart.cjs\",[[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.cjs\",[[769,\"pf-breadcrumb\",{\"href\":[513],\"current\":[516],\"currentPage\":[1540,\"current-page\"],\"last\":[1540],\"separator\":[1025]}]]],[\"pf-breadcrumbs.cjs\",[[769,\"pf-breadcrumbs\",{\"label\":[1],\"separator\":[1],\"refresh\":[64]},null,{\"separator\":[{\"handleSeparatorChange\":0}]}]]],[\"pf-button.cjs\",[[785,\"pf-button\",{\"variant\":[513],\"size\":[513],\"fullWidth\":[516,\"full-width\"],\"loading\":[516],\"disabled\":[516],\"type\":[1],\"label\":[1]}]]],[\"pf-button-group.cjs\",[[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.cjs\",[[257,\"pf-card\"]]],[\"pf-card-content.cjs\",[[257,\"pf-card-content\"]]],[\"pf-card-footer.cjs\",[[257,\"pf-card-footer\"]]],[\"pf-card-header.cjs\",[[257,\"pf-card-header\"]]],[\"pf-carousel-slide.cjs\",[[769,\"pf-carousel-slide\",{\"active\":[1540],\"position\":[1026],\"total\":[1026]}]]],[\"pf-chart-series.cjs\",[[769,\"pf-chart-series\",{\"seriesKey\":[513,\"series-key\"],\"color\":[513],\"dashed\":[516],\"swatch\":[1025]}]]],[\"pf-checkbox.cjs\",[[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.cjs\",[[769,\"pf-command-group\",{\"label\":[1]}]]],[\"pf-command-item.cjs\",[[769,\"pf-command-item\",{\"value\":[513],\"description\":[1],\"disabled\":[516]}]]],[\"pf-content-divider.cjs\",[[769,\"pf-content-divider\",{\"orientation\":[513],\"inset\":[516],\"hasLabel\":[32]}]]],[\"pf-context-menu.cjs\",[[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.cjs\",[[513,\"pf-credit-card\",{\"brand\":[513],\"cardNumber\":[1,\"card-number\"],\"cardholderName\":[1,\"cardholder-name\"],\"expiry\":[1],\"cvc\":[1],\"masked\":[516]}]]],[\"pf-dropdown.cjs\",[[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.cjs\",[[769,\"pf-gauge-chart\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"color\":[1],\"label\":[1]}]]],[\"pf-header-navigation.cjs\",[[769,\"pf-header-navigation\",{\"label\":[1],\"hasBrand\":[32],\"hasActions\":[32],\"refresh\":[64]}]]],[\"pf-heatmap.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-loading-dots\",{\"size\":[513],\"label\":[1]}]]],[\"pf-loading-skeleton.cjs\",[[513,\"pf-loading-skeleton\",{\"width\":[8],\"height\":[8],\"rounded\":[516],\"label\":[1]}]]],[\"pf-loading-spinner.cjs\",[[513,\"pf-loading-spinner\",{\"size\":[2],\"label\":[1]}]]],[\"pf-menu-item.cjs\",[[769,\"pf-menu-item\",{\"value\":[513],\"disabled\":[516],\"destructive\":[516]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pf-menu-separator.cjs\",[[1,\"pf-menu-separator\"]]],[\"pf-metric-grid.cjs\",[[257,\"pf-metric-grid\"]]],[\"pf-modal.cjs\",[[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.cjs\",[[257,\"pf-modal-body\"]]],[\"pf-modal-footer.cjs\",[[257,\"pf-modal-footer\"]]],[\"pf-modal-header.cjs\",[[257,\"pf-modal-header\"]]],[\"pf-nav-item.cjs\",[[769,\"pf-nav-item\",{\"href\":[513],\"target\":[1],\"rel\":[1],\"current\":[516],\"currentPage\":[1540,\"current-page\"],\"disabled\":[516],\"orientation\":[1537]}]]],[\"pf-nav-section.cjs\",[[769,\"pf-nav-section\",{\"hasTitle\":[32]}]]],[\"pf-option.cjs\",[[769,\"pf-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"active\":[1540]}]]],[\"pf-page-header.cjs\",[[769,\"pf-page-header\",{\"hasBreadcrumbs\":[32],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-pagination.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-pie-slice\",{\"value\":[514],\"color\":[513],\"swatch\":[1025],\"share\":[1026],\"drawn\":[1540]}]]],[\"pf-popover.cjs\",[[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.cjs\",[[513,\"pf-progress-bar\",{\"value\":[2],\"max\":[2],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-circle.cjs\",[[513,\"pf-progress-circle\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-step.cjs\",[[769,\"pf-progress-step\",{\"status\":[513],\"state\":[1537],\"position\":[1026],\"last\":[1540],\"orientation\":[1537]}]]],[\"pf-progress-steps.cjs\",[[769,\"pf-progress-steps\",{\"orientation\":[513],\"refresh\":[64]},null,{\"orientation\":[{\"handleOrientationChange\":0}]}]]],[\"pf-radar-axis.cjs\",[[513,\"pf-radar-axis\",{\"label\":[513],\"value\":[514],\"drawn\":[1540]}]]],[\"pf-radar-chart.cjs\",[[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.cjs\",[[785,\"pf-radio-button\",{\"value\":[513],\"checked\":[1540],\"disabled\":[516]}]]],[\"pf-radio-group.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-scroll-area\",{\"orientation\":[513],\"focusable\":[4]}]]],[\"pf-section-footer.cjs\",[[769,\"pf-section-footer\",{\"divider\":[516],\"align\":[513],\"hasHeading\":[32],\"hasActions\":[32]}]]],[\"pf-section-header.cjs\",[[769,\"pf-section-header\",{\"divider\":[516],\"align\":[513],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-sidebar-navigation.cjs\",[[769,\"pf-sidebar-navigation\",{\"label\":[1],\"hasHeader\":[32],\"hasFooter\":[32],\"refresh\":[64]},[[0,\"pfNavStructure\",\"handleStructureChange\"]]]]],[\"pf-slideout-menu.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-tab-panel\",{\"value\":[513],\"active\":[1540]}]]],[\"pf-table.cjs\",[[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.cjs\",[[769,\"pf-table-cell\",{\"head\":[1540],\"last\":[1540],\"align\":[513],\"width\":[1],\"sortKey\":[513,\"sort-key\"],\"sortable\":[516],\"sort\":[1025]}]]],[\"pf-table-row.cjs\",[[769,\"pf-table-row\",{\"head\":[516],\"odd\":[1540],\"last\":[1540]},null,{\"head\":[{\"sync\":0}],\"last\":[{\"sync\":0}]}]]],[\"pf-tabs.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-timeline\",{\"label\":[1],\"refresh\":[64]},null,{\"label\":[{\"handleLabelChange\":0}]}]]],[\"pf-timeline-item.cjs\",[[769,\"pf-timeline-item\",{\"tone\":[513],\"last\":[1540],\"hasIcon\":[32]}]]],[\"pf-toolbar.cjs\",[[769,\"pf-toolbar\",{\"orientation\":[513]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"keydown\",\"handleKeyDown\"]],{\"orientation\":[{\"sync\":0}]}]]],[\"pf-toolbar-separator.cjs\",[[513,\"pf-toolbar-separator\",{\"orientation\":[513]}]]],[\"pf-tooltip.cjs\",[[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.cjs\",[[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.cjs\",[[785,\"pf-utility-button\",{\"variant\":[513],\"size\":[513],\"disabled\":[516],\"type\":[1],\"label\":[1],\"tooltip\":[1]}]]],[\"pf-video-player.cjs\",[[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.cjs\",[[769,\"pf-visually-hidden\",{\"focusable\":[516]}]]],[\"pf-icon.cjs\",[[513,\"pf-icon\",{\"name\":[1],\"label\":[1]}]]],[\"pf-calendar.cjs\",[[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.cjs\",[[769,\"pf-notification\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissable\":[516],\"exiting\":[1540],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-tag.cjs\",[[769,\"pf-tag\",{\"variant\":[513],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"]}]]],[\"pf-avatar.cjs\",[[769,\"pf-avatar\",{\"src\":[1],\"alt\":[1],\"name\":[1],\"size\":[513],\"status\":[513]}]]],[\"pf-badge.cjs\",[[769,\"pf-badge\",{\"variant\":[513]}]]],[\"pf-kbd.cjs\",[[769,\"pf-kbd\",{\"keys\":[16],\"size\":[513],\"separator\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"pf-command-palette.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-toaster\",{\"placement\":[513],\"duration\":[2],\"entries\":[32],\"toast\":[64],\"dismiss\":[64],\"dismissAll\":[64]}]]],[\"pf-accordion-item.cjs\",[[785,\"pf-accordion-item\",{\"value\":[513],\"disabled\":[516],\"expanded\":[1540],\"headingLevel\":[1026,\"heading-level\"]}]]],[\"pf-alert.cjs\",[[769,\"pf-alert\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"],\"exiting\":[32],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-avatar-group.cjs\",[[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.cjs\",[[769,\"pf-button-group-item\",{\"value\":[513],\"disabled\":[516],\"groupDisabled\":[1540,\"group-disabled\"],\"selected\":[1540],\"icon\":[1],\"dot\":[516]}]]],[\"pf-carousel.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-collapsible\",{\"open\":[1540],\"disabled\":[516],\"showChevron\":[4,\"show-chevron\"],\"show\":[64],\"hide\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"handleOpenChange\":0}]}]]],[\"pf-combobox.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-empty-state\",{\"size\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32]}]]],[\"pf-file-uploader.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-metric-card\",{\"trend\":[513],\"icon\":[1],\"hasIcon\":[32],\"hasAction\":[32],\"hasTrend\":[32]}]]],[\"pf-multi-select.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-rating-badge\",{\"value\":[2],\"max\":[2],\"reviews\":[2],\"size\":[513]}]]],[\"pf-rating-stars.cjs\",[[513,\"pf-rating-stars\",{\"value\":[2],\"max\":[2],\"size\":[2],\"showValue\":[4,\"show-value\"],\"label\":[1]}]]],[\"pf-select.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-badge-group\",{\"label\":[1],\"message\":[1],\"color\":[513],\"appearance\":[513],\"badgePosition\":[513,\"badge-position\"]}]]],[\"pf-bar-chart.cjs\",[[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.cjs\",[[769,\"pf-breadcrumb\",{\"href\":[513],\"current\":[516],\"currentPage\":[1540,\"current-page\"],\"last\":[1540],\"separator\":[1025]}]]],[\"pf-breadcrumbs.cjs\",[[769,\"pf-breadcrumbs\",{\"label\":[1],\"separator\":[1],\"refresh\":[64]},null,{\"separator\":[{\"handleSeparatorChange\":0}]}]]],[\"pf-button.cjs\",[[785,\"pf-button\",{\"variant\":[513],\"size\":[513],\"fullWidth\":[516,\"full-width\"],\"loading\":[516],\"disabled\":[516],\"type\":[1],\"label\":[1]}]]],[\"pf-button-group.cjs\",[[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.cjs\",[[257,\"pf-card\"]]],[\"pf-card-content.cjs\",[[257,\"pf-card-content\"]]],[\"pf-card-footer.cjs\",[[257,\"pf-card-footer\"]]],[\"pf-card-header.cjs\",[[257,\"pf-card-header\"]]],[\"pf-carousel-slide.cjs\",[[769,\"pf-carousel-slide\",{\"active\":[1540],\"position\":[1026],\"total\":[1026]}]]],[\"pf-chart-series.cjs\",[[769,\"pf-chart-series\",{\"seriesKey\":[513,\"series-key\"],\"color\":[513],\"dashed\":[516],\"swatch\":[1025]}]]],[\"pf-checkbox.cjs\",[[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.cjs\",[[769,\"pf-command-group\",{\"label\":[1]}]]],[\"pf-command-item.cjs\",[[769,\"pf-command-item\",{\"value\":[513],\"description\":[1],\"disabled\":[516]}]]],[\"pf-content-divider.cjs\",[[769,\"pf-content-divider\",{\"orientation\":[513],\"inset\":[516],\"hasLabel\":[32]}]]],[\"pf-context-menu.cjs\",[[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.cjs\",[[513,\"pf-credit-card\",{\"brand\":[513],\"cardNumber\":[1,\"card-number\"],\"cardholderName\":[1,\"cardholder-name\"],\"expiry\":[1],\"cvc\":[1],\"masked\":[516]}]]],[\"pf-dropdown.cjs\",[[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.cjs\",[[769,\"pf-gauge-chart\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"color\":[1],\"label\":[1]}]]],[\"pf-header-navigation.cjs\",[[769,\"pf-header-navigation\",{\"label\":[1],\"hasBrand\":[32],\"hasActions\":[32],\"refresh\":[64]},[[0,\"pfNavStructure\",\"handleStructureChange\"]]]]],[\"pf-heatmap.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[513,\"pf-loading-dots\",{\"size\":[513],\"label\":[1]}]]],[\"pf-loading-skeleton.cjs\",[[513,\"pf-loading-skeleton\",{\"width\":[8],\"height\":[8],\"rounded\":[516],\"label\":[1]}]]],[\"pf-loading-spinner.cjs\",[[513,\"pf-loading-spinner\",{\"size\":[2],\"label\":[1]}]]],[\"pf-menu-item.cjs\",[[769,\"pf-menu-item\",{\"value\":[513],\"disabled\":[516],\"destructive\":[516]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pf-menu-separator.cjs\",[[1,\"pf-menu-separator\"]]],[\"pf-metric-grid.cjs\",[[257,\"pf-metric-grid\"]]],[\"pf-modal.cjs\",[[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.cjs\",[[257,\"pf-modal-body\"]]],[\"pf-modal-footer.cjs\",[[257,\"pf-modal-footer\"]]],[\"pf-modal-header.cjs\",[[257,\"pf-modal-header\"]]],[\"pf-nav-item.cjs\",[[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.cjs\",[[769,\"pf-nav-section\",{\"hasTitle\":[32]}]]],[\"pf-option.cjs\",[[769,\"pf-option\",{\"value\":[513],\"disabled\":[516],\"selected\":[1540],\"active\":[1540]}]]],[\"pf-page-header.cjs\",[[769,\"pf-page-header\",{\"hasBreadcrumbs\":[32],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-pagination.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-pie-slice\",{\"value\":[514],\"color\":[513],\"swatch\":[1025],\"share\":[1026],\"drawn\":[1540]}]]],[\"pf-popover.cjs\",[[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.cjs\",[[513,\"pf-progress-bar\",{\"value\":[2],\"max\":[2],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-circle.cjs\",[[513,\"pf-progress-circle\",{\"value\":[2],\"max\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"showValue\":[516,\"show-value\"],\"label\":[1]}]]],[\"pf-progress-step.cjs\",[[769,\"pf-progress-step\",{\"status\":[513],\"state\":[1537],\"position\":[1026],\"last\":[1540],\"orientation\":[1537]}]]],[\"pf-progress-steps.cjs\",[[769,\"pf-progress-steps\",{\"orientation\":[513],\"refresh\":[64]},null,{\"orientation\":[{\"handleOrientationChange\":0}]}]]],[\"pf-radar-axis.cjs\",[[513,\"pf-radar-axis\",{\"label\":[513],\"value\":[514],\"drawn\":[1540]}]]],[\"pf-radar-chart.cjs\",[[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.cjs\",[[785,\"pf-radio-button\",{\"value\":[513],\"checked\":[1540],\"disabled\":[516]}]]],[\"pf-radio-group.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-scroll-area\",{\"orientation\":[513],\"focusable\":[4]}]]],[\"pf-section-footer.cjs\",[[769,\"pf-section-footer\",{\"divider\":[516],\"align\":[513],\"hasHeading\":[32],\"hasActions\":[32]}]]],[\"pf-section-header.cjs\",[[769,\"pf-section-header\",{\"divider\":[516],\"align\":[513],\"hasMetadata\":[32],\"hasActions\":[32]}]]],[\"pf-sidebar-navigation.cjs\",[[769,\"pf-sidebar-navigation\",{\"label\":[1],\"hasHeader\":[32],\"hasFooter\":[32],\"refresh\":[64]},[[0,\"pfNavStructure\",\"handleStructureChange\"]]]]],[\"pf-slideout-menu.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-tab-panel\",{\"value\":[513],\"active\":[1540]}]]],[\"pf-table.cjs\",[[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.cjs\",[[769,\"pf-table-cell\",{\"head\":[1540],\"last\":[1540],\"align\":[513],\"width\":[1],\"sortKey\":[513,\"sort-key\"],\"sortable\":[516],\"sort\":[1025]}]]],[\"pf-table-row.cjs\",[[769,\"pf-table-row\",{\"head\":[516],\"odd\":[1540],\"last\":[1540]},null,{\"head\":[{\"sync\":0}],\"last\":[{\"sync\":0}]}]]],[\"pf-tabs.cjs\",[[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.cjs\",[[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.cjs\",[[769,\"pf-timeline\",{\"label\":[1],\"refresh\":[64]},null,{\"label\":[{\"handleLabelChange\":0}]}]]],[\"pf-timeline-item.cjs\",[[769,\"pf-timeline-item\",{\"tone\":[513],\"last\":[1540],\"hasIcon\":[32]}]]],[\"pf-toolbar.cjs\",[[769,\"pf-toolbar\",{\"orientation\":[513]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"keydown\",\"handleKeyDown\"]],{\"orientation\":[{\"sync\":0}]}]]],[\"pf-toolbar-separator.cjs\",[[513,\"pf-toolbar-separator\",{\"orientation\":[513]}]]],[\"pf-tooltip.cjs\",[[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.cjs\",[[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.cjs\",[[785,\"pf-utility-button\",{\"variant\":[513],\"size\":[513],\"disabled\":[516],\"type\":[1],\"label\":[1],\"tooltip\":[1]}]]],[\"pf-video-player.cjs\",[[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.cjs\",[[769,\"pf-visually-hidden\",{\"focusable\":[516]}]]],[\"pf-icon.cjs\",[[513,\"pf-icon\",{\"name\":[1],\"label\":[1]}]]],[\"pf-calendar.cjs\",[[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.cjs\",[[769,\"pf-notification\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"dismissable\":[516],\"exiting\":[1540],\"hasSlottedBody\":[32],\"dismiss\":[64]}]]],[\"pf-tag.cjs\",[[769,\"pf-tag\",{\"variant\":[513],\"dismissible\":[516],\"dismissLabel\":[1,\"dismiss-label\"]}]]],[\"pf-avatar.cjs\",[[769,\"pf-avatar\",{\"src\":[1],\"alt\":[1],\"name\":[1],\"size\":[513],\"status\":[513]}]]],[\"pf-badge.cjs\",[[769,\"pf-badge\",{\"variant\":[513]}]]],[\"pf-kbd.cjs\",[[769,\"pf-kbd\",{\"keys\":[16],\"size\":[513],\"separator\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/pf-checkbox.cjs.entry.js

@@ -2,6 +2,7 @@
 
 var index = require('./index-CIskGKk1.js');
 var formValidity = require('./form-validity-BCrcqnZ7.js');
+var controlLabel = require('./control-label-C0eK8bPh.js');
 
 const pfCheckboxCss = () => `:host{display:inline-block}:host([hidden]){display:none}.field{align-items:center;display:inline-flex;gap:var(--space-2)}.input{appearance:none;background:var(--pf-checkbox-bg);border:1px solid var(--pf-checkbox-border);border-radius:var(--pf-checkbox-radius, var(--radius-sm));box-sizing:border-box;cursor:pointer;display:inline-block;flex-shrink:0;height:18px;margin:0;position:relative;width:18px}.input:checked{background:var(--pf-checkbox-checked-bg);border-color:var(--pf-checkbox-border)}.input::after{border:solid var(--pf-checkbox-check-color);border-width:0 2px 2px 0;content:'';height:9px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);width:5px}.input:checked::after{opacity:1}.input:focus-visible{box-shadow:var(--pf-checkbox-focus-ring, var(--pf-focus-ring));outline:none}.input:disabled{cursor:not-allowed;opacity:0.55}.input:disabled+.label{cursor:not-allowed;opacity:0.65}.label{color:var(--pf-checkbox-label-text);font-size:var(--font-size-md)}.error{color:var(--pf-checkbox-field-error, var(--pf-field-error));font-size:var(--font-size-sm);margin:var(--space-1) 0 0}`;
 
@@ -17,6 +18,7 @@ const PfCheckbox = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
     }
+    get el() { return index.getElement(this); }
     internals;
     /**
      * Submitted under this name.
@@ -83,7 +85,7 @@ const PfCheckbox = class {
         this.pfChange.emit({ checked: this.checked, value: this.value });
     };
     render() {
-        return (index.h(index.Host, { key: '87e808069908240f3507903e680a2ed25e963fde' }, index.h("div", { key: '56e201259f99ecf8da235b962a42ed65080f2f68', class: "field", part: "field" }, index.h("input", { key: '8efc240bd3931bcdf117e529ff4fb7e5f8e544d5', id: "input", part: "input", class: "input", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-invalid": this.error ? 'true' : null, "aria-describedby": this.error ? 'error' : null, onChange: this.onChange }), this.label && (index.h("label", { key: '8b098a6fd3271d1353447f53b4b06099d7044169', class: "label", part: "label", htmlFor: "input" }, this.label))), this.error && (index.h("p", { key: '76ba7559865ec18ba77ac50677df53a6459e6989', class: "error", part: "error", id: "error" }, this.error))));
+        return (index.h(index.Host, { key: 'f0888c00b688aef2c90deb60a7496971c2e52ac3' }, index.h("div", { key: '25dbafc87f7c597cc055ade975033bab23ed67d9', class: "field", part: "field" }, index.h("input", { key: '2d6f97d80d2686ad13ddac12bf70d12828611ad8', id: "input", "aria-label": controlLabel.controlAriaLabel(this.el, this.label), part: "input", class: "input", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-invalid": this.error ? 'true' : null, "aria-describedby": this.error ? 'error' : null, onChange: this.onChange }), this.label && (index.h("label", { key: '0c6427fb3168226dd5c69e06e5769efab4cc0d5e', class: "label", part: "label", htmlFor: "input" }, this.label))), this.error && (index.h("p", { key: '401852018ce3b0c0a856e669d96c33d185a5b730', class: "error", part: "error", id: "error" }, this.error))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/cjs/pf-checkbox.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pf-checkbox.cjs.entry.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,mlCAAmlC,CAAC;;MC2BpmC,UAAU,GAAA,MAAA;;;;;;;;;;;;AACF,IAAA,SAAS;AAE5B;;;;;;;;AAQG;AACsB,IAAA,IAAI;;IAGW,OAAO,GAAG,KAAK;AAEvD;;;AAGG;IACK,KAAK,GAAG,IAAI;;AAGZ,IAAA,KAAK;;AAGL,IAAA,KAAK;IAEY,QAAQ,GAAG,KAAK;IAEhB,QAAQ,GAAG,KAAK;;AAGhC,IAAA,QAAQ;;IAGT,cAAc,GAAG,KAAK;IAE9B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;QAClC,IAAI,CAAC,aAAa,EAAE;;IAOtB,aAAa,GAAA;AACX;;;;;AAKG;AACH,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAC7D,QAAAA,iCAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;;;AAK/E,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;;;AAKvC,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;;;AAKxC,IAAA,MAAM,oBAAoB,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,iBAAiB;;AAGzC;;;AAGG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc;;AAG5B,IAAA,QAAQ,GAAG,CAAC,KAAY,KAAI;QAClC,IAAI,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO;AACzD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;AAClE,KAAC;IAED,MAAM,GAAA;QACJ,QACEC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAC7BA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,cAAA,EACT,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,EAAA,kBAAA,EACtB,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,EACD,IAAI,CAAC,KAAK,KACTA,oEAAO,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAA,EAC9C,IAAI,CAAC,KAAK,CACL,CACT,CACG,EACL,IAAI,CAAC,KAAK,KACTA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAA,EACrC,IAAI,CAAC,KAAK,CACT,CACL,CACI;;;;;;;;;;;;;;;;;;;;;;;","names":["applyControlValidity","h","Host"],"sources":["src/components/pf-checkbox/pf-checkbox.css?tag=pf-checkbox&encapsulation=shadow","src/components/pf-checkbox/pf-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n.input {\n  appearance: none;\n  background: var(--pf-checkbox-bg);\n  border: 1px solid var(--pf-checkbox-border);\n  border-radius: var(--pf-checkbox-radius, var(--radius-sm));\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: 18px;\n  margin: 0;\n  position: relative;\n  width: 18px;\n}\n\n.input:checked {\n  background: var(--pf-checkbox-checked-bg);\n  border-color: var(--pf-checkbox-border);\n}\n\n/* The tick: two borders of a rotated box. */\n.input::after {\n  border: solid var(--pf-checkbox-check-color);\n  border-width: 0 2px 2px 0;\n  content: '';\n  height: 9px;\n  left: 5px;\n  opacity: 0;\n  position: absolute;\n  top: 2px;\n  transform: rotate(45deg);\n  width: 5px;\n}\n\n.input:checked::after {\n  opacity: 1;\n}\n\n.input:focus-visible {\n  box-shadow: var(--pf-checkbox-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.input:disabled + .label {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.label {\n  color: var(--pf-checkbox-label-text);\n  font-size: var(--font-size-md);\n}\n\n.error {\n  color: var(--pf-checkbox-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: var(--space-1) 0 0;\n}\n","import {\n  AttachInternals,\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\n\n/**\n * A form-associated checkbox.\n *\n * @part field - the wrapper around control and label.\n * @part input - the native checkbox.\n * @part label - the label element.\n */\n@Component({\n  tag: 'pf-checkbox',\n  styleUrl: 'pf-checkbox.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfCheckbox {\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name.\n   *\n   * Reflected, because a form-associated custom element takes its submission\n   * name from the `name` *content attribute* -- not from this property. A\n   * framework wrapper that sets properties rather than attributes (the\n   * generated React bindings do) would otherwise leave the control nameless\n   * and absent from the submission, with every other sign of working.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Whether the box is ticked. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * What is submitted when ticked. Mirrors the native attribute, whose default\n   * is also `on` — a checkbox with no value still submits something.\n   */\n  @Prop() value = 'on';\n\n  /** Visible label, rendered in the same root so `for` actually associates. */\n  @Prop() label?: string;\n\n  /** Error message. Its presence is what marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the user ticks or unticks the box. */\n  @Event() pfChange!: EventEmitter<{ checked: boolean; value: string }>;\n\n  /** The state a form reset restores, which is the initial attribute. */\n  private initialChecked = false;\n\n  componentWillLoad() {\n    this.initialChecked = this.checked;\n    this.syncFormState();\n  }\n\n  @Watch('checked')\n  @Watch('error')\n  @Watch('required')\n  @Watch('value')\n  syncFormState() {\n    /*\n     * `null`, not an empty string, when unticked: an unchecked checkbox is\n     * absent from the submission entirely, rather than present and empty.\n     * That is what a server distinguishing \"unticked\" from \"not sent\" relies\n     * on, and it is what a native checkbox does.\n     */\n    this.internals.setFormValue(this.checked ? this.value : null);\n    applyControlValidity(this.internals, this.checked, this.required, this.error);\n  }\n\n  /** A form-associated custom element does not inherit this. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  /** As `checkValidity`, but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  /** The message explaining why the control is invalid, or an empty string. */\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * A reset restores the initial state, not `false` — a native\n   * `<input type=checkbox checked>` comes back ticked.\n   */\n  formResetCallback() {\n    this.checked = this.initialChecked;\n  }\n\n  private onChange = (event: Event) => {\n    this.checked = (event.target as HTMLInputElement).checked;\n    this.pfChange.emit({ checked: this.checked, value: this.value });\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          <input\n            id=\"input\"\n            part=\"input\"\n            class=\"input\"\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            aria-invalid={this.error ? 'true' : null}\n            aria-describedby={this.error ? 'error' : null}\n            onChange={this.onChange}\n          />\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n            </label>\n          )}\n        </div>\n        {this.error && (\n          <p class=\"error\" part=\"error\" id=\"error\">\n            {this.error}\n          </p>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pf-checkbox.cjs.entry.js","mappings":"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","names":["applyControlValidity","h","Host","controlAriaLabel"],"sources":["src/components/pf-checkbox/pf-checkbox.css?tag=pf-checkbox&encapsulation=shadow","src/components/pf-checkbox/pf-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n.input {\n  appearance: none;\n  background: var(--pf-checkbox-bg);\n  border: 1px solid var(--pf-checkbox-border);\n  border-radius: var(--pf-checkbox-radius, var(--radius-sm));\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: 18px;\n  margin: 0;\n  position: relative;\n  width: 18px;\n}\n\n.input:checked {\n  background: var(--pf-checkbox-checked-bg);\n  border-color: var(--pf-checkbox-border);\n}\n\n/* The tick: two borders of a rotated box. */\n.input::after {\n  border: solid var(--pf-checkbox-check-color);\n  border-width: 0 2px 2px 0;\n  content: '';\n  height: 9px;\n  left: 5px;\n  opacity: 0;\n  position: absolute;\n  top: 2px;\n  transform: rotate(45deg);\n  width: 5px;\n}\n\n.input:checked::after {\n  opacity: 1;\n}\n\n.input:focus-visible {\n  box-shadow: var(--pf-checkbox-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.input:disabled + .label {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.label {\n  color: var(--pf-checkbox-label-text);\n  font-size: var(--font-size-md);\n}\n\n.error {\n  color: var(--pf-checkbox-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: var(--space-1) 0 0;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\n\n/**\n * A form-associated checkbox.\n *\n * @part field - the wrapper around control and label.\n * @part input - the native checkbox.\n * @part label - the label element.\n */\n@Component({\n  tag: 'pf-checkbox',\n  styleUrl: 'pf-checkbox.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfCheckbox {\n  @Element() el!: HTMLElement;\n\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name.\n   *\n   * Reflected, because a form-associated custom element takes its submission\n   * name from the `name` *content attribute* -- not from this property. A\n   * framework wrapper that sets properties rather than attributes (the\n   * generated React bindings do) would otherwise leave the control nameless\n   * and absent from the submission, with every other sign of working.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Whether the box is ticked. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * What is submitted when ticked. Mirrors the native attribute, whose default\n   * is also `on` — a checkbox with no value still submits something.\n   */\n  @Prop() value = 'on';\n\n  /** Visible label, rendered in the same root so `for` actually associates. */\n  @Prop() label?: string;\n\n  /** Error message. Its presence is what marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the user ticks or unticks the box. */\n  @Event() pfChange!: EventEmitter<{ checked: boolean; value: string }>;\n\n  /** The state a form reset restores, which is the initial attribute. */\n  private initialChecked = false;\n\n  componentWillLoad() {\n    this.initialChecked = this.checked;\n    this.syncFormState();\n  }\n\n  @Watch('checked')\n  @Watch('error')\n  @Watch('required')\n  @Watch('value')\n  syncFormState() {\n    /*\n     * `null`, not an empty string, when unticked: an unchecked checkbox is\n     * absent from the submission entirely, rather than present and empty.\n     * That is what a server distinguishing \"unticked\" from \"not sent\" relies\n     * on, and it is what a native checkbox does.\n     */\n    this.internals.setFormValue(this.checked ? this.value : null);\n    applyControlValidity(this.internals, this.checked, this.required, this.error);\n  }\n\n  /** A form-associated custom element does not inherit this. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  /** As `checkValidity`, but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  /** The message explaining why the control is invalid, or an empty string. */\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * A reset restores the initial state, not `false` — a native\n   * `<input type=checkbox checked>` comes back ticked.\n   */\n  formResetCallback() {\n    this.checked = this.initialChecked;\n  }\n\n  private onChange = (event: Event) => {\n    this.checked = (event.target as HTMLInputElement).checked;\n    this.pfChange.emit({ checked: this.checked, value: this.value });\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          <input\n            id=\"input\"\n            aria-label={controlAriaLabel(this.el, this.label)}\n            part=\"input\"\n            class=\"input\"\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            aria-invalid={this.error ? 'true' : null}\n            aria-describedby={this.error ? 'error' : null}\n            onChange={this.onChange}\n          />\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n            </label>\n          )}\n        </div>\n        {this.error && (\n          <p class=\"error\" part=\"error\" id=\"error\">\n            {this.error}\n          </p>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pf-combobox.cjs.entry.js

@@ -7,6 +7,7 @@ var command = require('./command-Du9CowoS.js');
 var keys = require('./keys-S3YTuCcn.js');
 var navigation = require('./navigation-CZce-g58.js');
 var formValidity = require('./form-validity-BCrcqnZ7.js');
+var controlLabel = require('./control-label-C0eK8bPh.js');
 
 const pfComboboxCss = () => `:host{display:block;--pf-option-text:var(--pf-combobox-text);--pf-option-text-disabled:var(--pf-combobox-placeholder);--pf-option-active-bg:var(--pf-combobox-option-active-bg);--pf-option-active-text:var(--pf-combobox-option-active-text)}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-combobox-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-combobox-invalid-border);margin-inline-start:var(--space-1)}.control{align-items:center;background:var(--pf-combobox-bg);border:1px solid var(--pf-combobox-border);border-radius:var(--radius-md);display:flex;gap:var(--space-1);padding-inline-end:var(--space-2)}.control:focus-within{border-color:var(--pf-combobox-focus-border);box-shadow:var(--pf-focus-ring)}.control--invalid{border-color:var(--pf-combobox-invalid-border)}.input{background:none;border:0;color:var(--pf-combobox-text);flex:1;font-family:inherit;font-size:var(--font-size-sm);min-width:0;outline:none;padding:var(--space-2) var(--space-3)}.input::placeholder{color:var(--pf-combobox-placeholder)}.input:disabled{cursor:not-allowed;opacity:0.6}.clear,.chevron{align-items:center;color:var(--pf-combobox-placeholder);display:inline-flex;flex-shrink:0;justify-content:center}.clear{background:none;border:0;border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1)}.clear:hover{color:var(--pf-combobox-text)}.chevron{transition:transform var(--pf-transition-fast)}:host([open]) .chevron{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.chevron{transition:none}}.description{color:var(--pf-combobox-placeholder);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-combobox-invalid-border);font-size:var(--font-size-xs);margin:0}.listbox{inset:auto;margin:0;background:var(--pf-combobox-menu-bg);border:1px solid var(--pf-combobox-menu-border);border-radius:var(--radius-md);box-shadow:var(--pf-elevation-popover-shadow);max-height:min(60vh, 320px);overflow-y:auto;padding:var(--space-1)}.listbox:popover-open{animation:pf-combobox-in var(--pf-transition-enter)}@keyframes pf-combobox-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.listbox:popover-open{animation:none}}.empty{color:var(--pf-combobox-placeholder);font-size:var(--font-size-sm);margin:0;padding:var(--space-3);text-align:center}`;
 
@@ -306,12 +307,12 @@ const PfCombobox = class {
     render() {
         const describedBy = aria.composeDescribedBy(this.description && 'description', this.error && 'error');
         const showClear = this.clearable && !this.disabled && (this.query !== '' || this.value !== '');
-        return (index.h(index.Host, { key: 'a8de74e291d2b9b200ecd25aa173a0b5d3b7b626' }, index.h("div", { key: '90e0c5924b6bf0bc06cae69fa69d03d8a7839991', class: "field", part: "field" }, this.label && (index.h("label", { key: '40c0f27b7320895673dfe5a222e5c9a9c177342e', class: "label", part: "label", htmlFor: "input" }, this.label, this.required && (index.h("span", { key: 'dd07ad670d93b1aff47c4ad879d021e5c01b4744', class: "required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '125a49726f50d094cd5b07055dac55a18ac5f730', class: { control: true, 'control--invalid': Boolean(this.error) }, part: "control" }, index.h("input", { key: 'f5af0e210b95aaf50f6aa26fea9923ecce23a9d9', id: "input", part: "input", class: "input", type: "text", role: "combobox", autocomplete: "off", disabled: this.disabled, required: this.required, placeholder: this.placeholder, value: this.query, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "listbox", "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy, onInput: this.onInput, onKeyDown: this.onKeyDown, onClick: () => {
+        return (index.h(index.Host, { key: '4a948db9316e8174c9c7592afb9912deb59eecdd' }, index.h("div", { key: 'ac5e469f9c00ec843fdb7a485cb3cbe9ddc08573', class: "field", part: "field" }, this.label && (index.h("label", { key: 'eb610c213cfe510c229f5ffa81e9761bf7303476', class: "label", part: "label", htmlFor: "input" }, this.label, this.required && (index.h("span", { key: 'd942137e81be6007aafe2e1dfc43e97e2ab8af59', class: "required", "aria-hidden": "true" }, "*")))), index.h("div", { key: 'b9f4806e7882e5dc2c64abe87f48bb925173d7dc', class: { control: true, 'control--invalid': Boolean(this.error) }, part: "control" }, index.h("input", { key: '9a10cc81ff212f3e279cfcc311886756d7ca76f1', id: "input", "aria-label": controlLabel.controlAriaLabel(this.el, this.label), part: "input", class: "input", type: "text", role: "combobox", autocomplete: "off", disabled: this.disabled, required: this.required, placeholder: this.placeholder, value: this.query, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "listbox", "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy, onInput: this.onInput, onKeyDown: this.onKeyDown, onClick: () => {
                 if (!this.disabled)
                     this.open = true;
-            } }), showClear && (index.h("button", { key: '3de0deb6fa499c4f09a8135e8f437a0b8d800e2b', class: "clear", part: "clear", type: "button", "aria-label": this.clearLabel,
+            } }), showClear && (index.h("button", { key: 'bc9f8df667df57cbede3aa00a4119f6591faeb7d', class: "clear", part: "clear", type: "button", "aria-label": this.clearLabel,
             /* Out of the tab order, so it never interrupts the keyboard flow. */
-            tabindex: -1, onMouseDown: (event) => event.preventDefault(), onClick: this.clear }, index.h("pf-icon", { key: '4690b5b9889c4fa42d9a517c44881dcc39a3ce6a', name: "circle-xmark" }))), index.h("span", { key: '91d963abe51964b40952c20662cda34fe6bc8422', class: "chevron", "aria-hidden": "true" }, index.h("pf-icon", { key: '26d800a4907e4c043771cf88939a452140656cc2', name: "chevron-down" }))), this.description && (index.h("p", { key: '25aa3122181742855db9407918564609e5229b9d', class: "description", part: "description", id: "description" }, this.description)), this.error && (index.h("p", { key: '383cea1cb15a3d5007fffae49fa9ebe713d4c46e', class: "error", part: "error", id: "error" }, this.error))), index.h("div", { key: '56960b3bba88d5699a8dc813050bdb726bafa905', id: "listbox", part: "listbox", class: "listbox", popover: "auto", role: "listbox", "aria-label": this.label ?? this.placeholder, onToggle: this.onToggle }, index.h("slot", { key: '746f17fc39239ee6d577fb1bd1a0e0ac8165081d', onSlotchange: this.onSlotChange }), this.matchCount === 0 && (index.h("p", { key: '58b33af6e2edd8f4b64d0f9ee7fc62004f219cf4', class: "empty", part: "empty" }, this.emptyMessage)))));
+            tabindex: -1, onMouseDown: (event) => event.preventDefault(), onClick: this.clear }, index.h("pf-icon", { key: '580dab29c2631f79b7a611f7dd95a81fc5cffda2', name: "circle-xmark" }))), index.h("span", { key: '06d06d1fcbae5937632cf2451ab97d42d1410c91', class: "chevron", "aria-hidden": "true" }, index.h("pf-icon", { key: 'd30dd0a5d008cec99c1ec8fd25acc7fdfbdd68db', name: "chevron-down" }))), this.description && (index.h("p", { key: '09873008049536bb2eab61825ae95a2d92e3952a', class: "description", part: "description", id: "description" }, this.description)), this.error && (index.h("p", { key: 'ee43b1e024ff0e6e052054278680e04651b55421', class: "error", part: "error", id: "error" }, this.error))), index.h("div", { key: '5b221c6566bc6dd29dc3a5d9ee5268ec65fa296e', id: "listbox", part: "listbox", class: "listbox", popover: "auto", role: "listbox", "aria-label": this.label ?? this.placeholder, onToggle: this.onToggle }, index.h("slot", { key: '645c56c8dd776ddd013be68c2bfc544f35c05b35', onSlotchange: this.onSlotChange }), this.matchCount === 0 && (index.h("p", { key: '9a3aac572c41177b41be06f9986d0718756c7de3', class: "empty", part: "empty" }, this.emptyMessage)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/pf-combobox.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pf-combobox.cjs.entry.js","mappings":"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","names":["Keys","applyControlValidity","queryIsEchoedSelection","matchesCommandQuery","observeAnchoredPosition","placePopover","getEnabledIndexes","resolveListMove","composeDescribedBy","h","Host"],"sources":["src/components/pf-combobox/pf-combobox.css?tag=pf-combobox&encapsulation=shadow","src/components/pf-combobox/pf-combobox.tsx"],"sourcesContent":["/*\n * The generic set pf-option reads, mapped to this control's own family — see\n * pf-option.css. The same option element is themed by whichever listbox it is\n * slotted into.\n */\n:host {\n  display: block;\n  --pf-option-text: var(--pf-combobox-text);\n  --pf-option-text-disabled: var(--pf-combobox-placeholder);\n  --pf-option-active-bg: var(--pf-combobox-option-active-bg);\n  --pf-option-active-text: var(--pf-combobox-option-active-text);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-1);\n}\n\n.label {\n  color: var(--pf-combobox-text);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-combobox-invalid-border);\n  margin-inline-start: var(--space-1);\n}\n\n.control {\n  align-items: center;\n  background: var(--pf-combobox-bg);\n  border: 1px solid var(--pf-combobox-border);\n  border-radius: var(--radius-md);\n  display: flex;\n  gap: var(--space-1);\n  padding-inline-end: var(--space-2);\n}\n\n.control:focus-within {\n  border-color: var(--pf-combobox-focus-border);\n  box-shadow: var(--pf-focus-ring);\n}\n\n.control--invalid {\n  border-color: var(--pf-combobox-invalid-border);\n}\n\n.input {\n  background: none;\n  border: 0;\n  color: var(--pf-combobox-text);\n  flex: 1;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  min-width: 0;\n  outline: none;\n  padding: var(--space-2) var(--space-3);\n}\n\n.input::placeholder {\n  color: var(--pf-combobox-placeholder);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.clear,\n.chevron {\n  align-items: center;\n  color: var(--pf-combobox-placeholder);\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n}\n\n.clear {\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  padding: var(--space-1);\n}\n\n.clear:hover {\n  color: var(--pf-combobox-text);\n}\n\n.chevron {\n  transition: transform var(--pf-transition-fast);\n}\n\n:host([open]) .chevron {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .chevron {\n    transition: none;\n  }\n}\n\n.description {\n  color: var(--pf-combobox-placeholder);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-combobox-invalid-border);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n/* See src/place-popover.ts: the UA stylesheet centres a popover otherwise. */\n.listbox {\n  inset: auto;\n  margin: 0;\n  background: var(--pf-combobox-menu-bg);\n  border: 1px solid var(--pf-combobox-menu-border);\n  border-radius: var(--radius-md);\n  box-shadow: var(--pf-elevation-popover-shadow);\n  max-height: min(60vh, 320px);\n  overflow-y: auto;\n  padding: var(--space-1);\n}\n\n.listbox:popover-open {\n  animation: pf-combobox-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-combobox-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .listbox:popover-open {\n    animation: none;\n  }\n}\n\n.empty {\n  color: var(--pf-combobox-placeholder);\n  font-size: var(--font-size-sm);\n  margin: 0;\n  padding: var(--space-3);\n  text-align: center;\n}\n","import {\n  composeDescribedBy,\n  getEnabledIndexes,\n  Keys,\n  matchesCommandQuery,\n  observeAnchoredPosition,\n  queryIsEchoedSelection,\n  resolveListMove,\n  type ListNavigationAction,\n} from '@pitchfork-ui/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { placePopover } from '../../place-popover';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nconst MOVES: Record<string, ListNavigationAction> = {\n  [Keys.ArrowDown]: 'next',\n  [Keys.ArrowUp]: 'previous',\n  [Keys.Home]: 'first',\n  [Keys.End]: 'last',\n};\n\n/**\n * A form-associated combobox: an editable field that filters `pf-option`\n * children.\n *\n * It shares `pf-option` with `pf-select`, which is why the option reads a\n * generic `--pf-option-*` set that each container maps to its own family —\n * the same arrangement as `pf-menu-item` between the two menus.\n *\n * Filtering is core's `matchesCommandQuery`, and so is the rule that a query\n * which is only the chosen label echoed back does not filter: without it,\n * reopening the list to change your mind would show the one answer you already\n * had. Both shared with the React component, which is now rewired to them.\n *\n * Two things the React `Combobox` does not do, both gaps rather than choices:\n * Home and End, and arrows that wrap rather than stop at the ends — which is\n * what `pf-select` does, and one design system should not have two arrow\n * behaviours in neighbouring controls.\n *\n * @slot - the `pf-option` children.\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part control - the box holding the input, clear button and chevron.\n * @part input - the editable field.\n * @part clear - the clear button.\n * @part listbox - the floating listbox the options are slotted into.\n * @part empty - the message shown when nothing matches.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-combobox',\n  styleUrl: 'pf-combobox.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfCombobox {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Submitted under this name. Reflected; the submission reads the attribute. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The chosen option's value, or empty. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Whether the listbox is showing. Reflected for the stylesheet. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Prop() label?: string;\n\n  @Prop() description?: string;\n\n  @Prop() error?: string;\n\n  @Prop() placeholder = 'Search…';\n\n  /** Shown when the query matches nothing. */\n  @Prop() emptyMessage = 'No matches';\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Offer a button that empties the field. */\n  @Prop() clearable = true;\n\n  /** Accessible name for that button. */\n  @Prop() clearLabel = 'Clear';\n\n  /** Fires when the chosen value changes. */\n  @Event() pfChange!: EventEmitter<{ value: string }>;\n\n  /** Fires whenever the listbox opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** What the field holds, which is not the value until an option is chosen. */\n  @State() query = '';\n\n  @State() matchCount = 0;\n\n  private initialValue = '';\n  private stopObserving?: () => void;\n  private activeOption: HTMLElement | null = null;\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    this.syncFormState();\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  componentDidRender() {\n    this.syncActiveDescendant();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    this.internals.setFormValue(this.value || null);\n    applyControlValidity(this.internals, Boolean(this.value), this.required, this.error);\n  }\n\n  /** A value set from outside puts its label in the field and marks the option. */\n  @Watch('value')\n  syncSelection() {\n    for (const option of this.options()) {\n      (option as HTMLElement & { selected: boolean }).selected =\n        this.optionValue(option) === this.value && this.value !== '';\n    }\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showListbox();\n    else this.hideListbox();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  @Method()\n  async show(): Promise<void> {\n    if (!this.disabled) this.open = true;\n  }\n\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  /** Re-reads the options, for a label edited in place (no `slotchange` fires). */\n  @Method()\n  async refresh(): Promise<void> {\n    this.syncSelection();\n  }\n\n  private onSlotChange = () => {\n    this.syncSelection();\n  };\n\n  private options(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-option'));\n  }\n\n  private visible(): HTMLElement[] {\n    return this.options().filter((option) => !option.hasAttribute('hidden'));\n  }\n\n  /** The property, never the attribute: a binding may only have set the former. */\n  private optionValue(option: HTMLElement): string {\n    return (option as HTMLElement & { value?: string }).value ?? option.getAttribute('value') ?? '';\n  }\n\n  private selectedLabel(): string {\n    const chosen = this.options().find((option) => this.optionValue(option) === this.value);\n    return this.value && chosen ? (chosen.textContent?.trim() ?? '') : '';\n  }\n\n  private get listbox() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"listbox\"]') ?? null;\n  }\n\n  private get input() {\n    return this.el.shadowRoot?.querySelector<HTMLInputElement>('[part=\"input\"]') ?? null;\n  }\n\n  private get control() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"control\"]') ?? null;\n  }\n\n  /**\n   * Hides the options the query excludes.\n   *\n   * `hidden` plus `:host([hidden]) { display: none }` on the option, because\n   * the attribute alone loses to the option's own `display: block`.\n   */\n  private applyQuery() {\n    const echoed = queryIsEchoedSelection(this.query, this.selectedLabel());\n    const options = this.options();\n\n    for (const option of options) {\n      const matches =\n        echoed || matchesCommandQuery({ label: option.textContent?.trim() ?? '' }, this.query);\n      if (matches) option.removeAttribute('hidden');\n      else option.setAttribute('hidden', '');\n    }\n\n    const visible = this.visible();\n    this.matchCount = visible.length;\n\n    // A new query starts at the top of what is left.\n    const first = visible.find((option) => !option.hasAttribute('disabled')) ?? null;\n    if (!this.activeOption || this.activeOption.hasAttribute('hidden')) this.setActive(first);\n  }\n\n  private showListbox() {\n    const panel = this.listbox;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.control,\n      getFloating: () => panel,\n      matchAnchorWidth: true,\n      flip: true,\n      onChange: ({ left, top, width, minWidth }) => {\n        placePopover(panel, left, top);\n        if (width !== undefined) panel.style.width = `${width}px`;\n        if (minWidth !== undefined) panel.style.minWidth = `${minWidth}px`;\n      },\n    });\n\n    this.applyQuery();\n  }\n\n  private hideListbox() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    const panel = this.listbox;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  /**\n   * A browser-driven close — light dismiss or Escape — reverts the field to\n   * the chosen label, so a half-typed query never lingers over a different\n   * value. Focus goes back to the input rather than the trigger, because here\n   * the input *is* the control.\n   */\n  private onToggle = (event: ToggleEvent) => {\n    const nowOpen = event.newState === 'open';\n    if (this.open !== nowOpen) this.open = nowOpen;\n    if (!nowOpen) {\n      this.query = this.selectedLabel();\n      this.applyQuery();\n      this.input?.focus();\n    }\n  };\n\n  private setActive(option: HTMLElement | null) {\n    for (const other of this.options()) {\n      if (other !== option) (other as HTMLElement & { active: boolean }).active = false;\n    }\n    if (option) (option as HTMLElement & { active: boolean }).active = true;\n\n    this.activeOption = option;\n    this.syncActiveDescendant();\n    if (option && typeof option.scrollIntoView === 'function') {\n      option.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  /**\n   * Set as an element, not an IDREF: the input is in this shadow root and the\n   * options are slotted light DOM, and a cross-root IDREF is absent from the\n   * accessibility tree — measured. Feature-detected, because where element\n   * reflection is missing there is no cross-root equivalent.\n   */\n  private syncActiveDescendant() {\n    const input = this.input;\n    if (!input || !('ariaActiveDescendantElement' in input)) return;\n    (\n      input as unknown as { ariaActiveDescendantElement: Element | null }\n    ).ariaActiveDescendantElement = this.open ? this.activeOption : null;\n  }\n\n  private commit(option: HTMLElement) {\n    if (option.hasAttribute('disabled')) return;\n\n    const next = this.optionValue(option);\n    this.open = false;\n\n    if (next !== this.value) {\n      this.value = next;\n      this.pfChange.emit({ value: next });\n    }\n\n    // Set after the value, so it is the chosen label rather than the query.\n    this.query = this.selectedLabel();\n    this.applyQuery();\n    this.input?.focus();\n  }\n\n  @Listen('pfOptionSelect')\n  handleOptionSelect(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const option = this.options().find(\n      (candidate) => this.optionValue(candidate) === event.detail.value,\n    );\n    if (option) this.commit(option);\n  }\n\n  private move(action: ListNavigationAction) {\n    const visible = this.visible();\n    const enabledIndexes = getEnabledIndexes(visible, (option) => option.hasAttribute('disabled'));\n    const current = this.activeOption ? visible.indexOf(this.activeOption) : -1;\n    const next = resolveListMove(action, enabledIndexes, current);\n    if (next !== -1) this.setActive(visible[next] ?? null);\n  }\n\n  private onInput = (event: Event) => {\n    this.query = (event.target as HTMLInputElement).value;\n    this.applyQuery();\n    if (!this.open) this.open = true;\n  };\n\n  private clear = () => {\n    this.query = '';\n    if (this.value !== '') {\n      this.value = '';\n      this.pfChange.emit({ value: '' });\n    }\n    this.applyQuery();\n    this.open = true;\n    this.input?.focus();\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const move = MOVES[event.key];\n    if (move) {\n      event.preventDefault();\n      if (!this.open) this.open = true;\n      else this.move(move);\n      return;\n    }\n\n    /*\n     * Enter only commits while the listbox is open. Closed, it is left alone\n     * so a combobox inside a form still submits it.\n     */\n    if (event.key === Keys.Enter && this.open && this.activeOption) {\n      event.preventDefault();\n      this.commit(this.activeOption);\n    }\n\n    // Escape is the browser's: `popover=\"auto\"` closes, and `onToggle` reverts.\n  };\n\n  render() {\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const showClear = this.clearable && !this.disabled && (this.query !== '' || this.value !== '');\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class={{ control: true, 'control--invalid': Boolean(this.error) }} part=\"control\">\n            <input\n              id=\"input\"\n              part=\"input\"\n              class=\"input\"\n              type=\"text\"\n              role=\"combobox\"\n              autocomplete=\"off\"\n              disabled={this.disabled}\n              required={this.required}\n              placeholder={this.placeholder}\n              value={this.query}\n              aria-autocomplete=\"list\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              /* Same shadow root as the listbox, so this IDREF resolves. */\n              aria-controls=\"listbox\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-describedby={describedBy}\n              onInput={this.onInput}\n              onKeyDown={this.onKeyDown}\n              onClick={() => {\n                if (!this.disabled) this.open = true;\n              }}\n            />\n\n            {showClear && (\n              <button\n                class=\"clear\"\n                part=\"clear\"\n                type=\"button\"\n                aria-label={this.clearLabel}\n                /* Out of the tab order, so it never interrupts the keyboard flow. */\n                tabindex={-1}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={this.clear}\n              >\n                <pf-icon name=\"circle-xmark\"></pf-icon>\n              </button>\n            )}\n\n            <span class=\"chevron\" aria-hidden=\"true\">\n              <pf-icon name=\"chevron-down\"></pf-icon>\n            </span>\n          </div>\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n          {this.error && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {this.error}\n            </p>\n          )}\n        </div>\n\n        <div\n          id=\"listbox\"\n          part=\"listbox\"\n          class=\"listbox\"\n          popover=\"auto\"\n          role=\"listbox\"\n          aria-label={this.label ?? this.placeholder}\n          onToggle={this.onToggle}\n        >\n          <slot onSlotchange={this.onSlotChange} />\n          {this.matchCount === 0 && (\n            <p class=\"empty\" part=\"empty\">\n              {this.emptyMessage}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pf-combobox.cjs.entry.js","mappings":"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","names":["Keys","applyControlValidity","queryIsEchoedSelection","matchesCommandQuery","observeAnchoredPosition","placePopover","getEnabledIndexes","resolveListMove","composeDescribedBy","h","Host","controlAriaLabel"],"sources":["src/components/pf-combobox/pf-combobox.css?tag=pf-combobox&encapsulation=shadow","src/components/pf-combobox/pf-combobox.tsx"],"sourcesContent":["/*\n * The generic set pf-option reads, mapped to this control's own family — see\n * pf-option.css. The same option element is themed by whichever listbox it is\n * slotted into.\n */\n:host {\n  display: block;\n  --pf-option-text: var(--pf-combobox-text);\n  --pf-option-text-disabled: var(--pf-combobox-placeholder);\n  --pf-option-active-bg: var(--pf-combobox-option-active-bg);\n  --pf-option-active-text: var(--pf-combobox-option-active-text);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-1);\n}\n\n.label {\n  color: var(--pf-combobox-text);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-combobox-invalid-border);\n  margin-inline-start: var(--space-1);\n}\n\n.control {\n  align-items: center;\n  background: var(--pf-combobox-bg);\n  border: 1px solid var(--pf-combobox-border);\n  border-radius: var(--radius-md);\n  display: flex;\n  gap: var(--space-1);\n  padding-inline-end: var(--space-2);\n}\n\n.control:focus-within {\n  border-color: var(--pf-combobox-focus-border);\n  box-shadow: var(--pf-focus-ring);\n}\n\n.control--invalid {\n  border-color: var(--pf-combobox-invalid-border);\n}\n\n.input {\n  background: none;\n  border: 0;\n  color: var(--pf-combobox-text);\n  flex: 1;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  min-width: 0;\n  outline: none;\n  padding: var(--space-2) var(--space-3);\n}\n\n.input::placeholder {\n  color: var(--pf-combobox-placeholder);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.clear,\n.chevron {\n  align-items: center;\n  color: var(--pf-combobox-placeholder);\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n}\n\n.clear {\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  padding: var(--space-1);\n}\n\n.clear:hover {\n  color: var(--pf-combobox-text);\n}\n\n.chevron {\n  transition: transform var(--pf-transition-fast);\n}\n\n:host([open]) .chevron {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .chevron {\n    transition: none;\n  }\n}\n\n.description {\n  color: var(--pf-combobox-placeholder);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-combobox-invalid-border);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n/* See src/place-popover.ts: the UA stylesheet centres a popover otherwise. */\n.listbox {\n  inset: auto;\n  margin: 0;\n  background: var(--pf-combobox-menu-bg);\n  border: 1px solid var(--pf-combobox-menu-border);\n  border-radius: var(--radius-md);\n  box-shadow: var(--pf-elevation-popover-shadow);\n  max-height: min(60vh, 320px);\n  overflow-y: auto;\n  padding: var(--space-1);\n}\n\n.listbox:popover-open {\n  animation: pf-combobox-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-combobox-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .listbox:popover-open {\n    animation: none;\n  }\n}\n\n.empty {\n  color: var(--pf-combobox-placeholder);\n  font-size: var(--font-size-sm);\n  margin: 0;\n  padding: var(--space-3);\n  text-align: center;\n}\n","import {\n  composeDescribedBy,\n  getEnabledIndexes,\n  Keys,\n  matchesCommandQuery,\n  observeAnchoredPosition,\n  queryIsEchoedSelection,\n  resolveListMove,\n  type ListNavigationAction,\n} from '@pitchfork-ui/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\nimport { placePopover } from '../../place-popover';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nconst MOVES: Record<string, ListNavigationAction> = {\n  [Keys.ArrowDown]: 'next',\n  [Keys.ArrowUp]: 'previous',\n  [Keys.Home]: 'first',\n  [Keys.End]: 'last',\n};\n\n/**\n * A form-associated combobox: an editable field that filters `pf-option`\n * children.\n *\n * It shares `pf-option` with `pf-select`, which is why the option reads a\n * generic `--pf-option-*` set that each container maps to its own family —\n * the same arrangement as `pf-menu-item` between the two menus.\n *\n * Filtering is core's `matchesCommandQuery`, and so is the rule that a query\n * which is only the chosen label echoed back does not filter: without it,\n * reopening the list to change your mind would show the one answer you already\n * had. Both shared with the React component, which is now rewired to them.\n *\n * Two things the React `Combobox` does not do, both gaps rather than choices:\n * Home and End, and arrows that wrap rather than stop at the ends — which is\n * what `pf-select` does, and one design system should not have two arrow\n * behaviours in neighbouring controls.\n *\n * @slot - the `pf-option` children.\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part control - the box holding the input, clear button and chevron.\n * @part input - the editable field.\n * @part clear - the clear button.\n * @part listbox - the floating listbox the options are slotted into.\n * @part empty - the message shown when nothing matches.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-combobox',\n  styleUrl: 'pf-combobox.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfCombobox {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Submitted under this name. Reflected; the submission reads the attribute. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The chosen option's value, or empty. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Whether the listbox is showing. Reflected for the stylesheet. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Prop() label?: string;\n\n  @Prop() description?: string;\n\n  @Prop() error?: string;\n\n  @Prop() placeholder = 'Search…';\n\n  /** Shown when the query matches nothing. */\n  @Prop() emptyMessage = 'No matches';\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Offer a button that empties the field. */\n  @Prop() clearable = true;\n\n  /** Accessible name for that button. */\n  @Prop() clearLabel = 'Clear';\n\n  /** Fires when the chosen value changes. */\n  @Event() pfChange!: EventEmitter<{ value: string }>;\n\n  /** Fires whenever the listbox opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** What the field holds, which is not the value until an option is chosen. */\n  @State() query = '';\n\n  @State() matchCount = 0;\n\n  private initialValue = '';\n  private stopObserving?: () => void;\n  private activeOption: HTMLElement | null = null;\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    this.syncFormState();\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  componentDidRender() {\n    this.syncActiveDescendant();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    this.internals.setFormValue(this.value || null);\n    applyControlValidity(this.internals, Boolean(this.value), this.required, this.error);\n  }\n\n  /** A value set from outside puts its label in the field and marks the option. */\n  @Watch('value')\n  syncSelection() {\n    for (const option of this.options()) {\n      (option as HTMLElement & { selected: boolean }).selected =\n        this.optionValue(option) === this.value && this.value !== '';\n    }\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showListbox();\n    else this.hideListbox();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  @Method()\n  async show(): Promise<void> {\n    if (!this.disabled) this.open = true;\n  }\n\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.query = this.selectedLabel();\n    this.applyQuery();\n  }\n\n  /** Re-reads the options, for a label edited in place (no `slotchange` fires). */\n  @Method()\n  async refresh(): Promise<void> {\n    this.syncSelection();\n  }\n\n  private onSlotChange = () => {\n    this.syncSelection();\n  };\n\n  private options(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-option'));\n  }\n\n  private visible(): HTMLElement[] {\n    return this.options().filter((option) => !option.hasAttribute('hidden'));\n  }\n\n  /** The property, never the attribute: a binding may only have set the former. */\n  private optionValue(option: HTMLElement): string {\n    return (option as HTMLElement & { value?: string }).value ?? option.getAttribute('value') ?? '';\n  }\n\n  private selectedLabel(): string {\n    const chosen = this.options().find((option) => this.optionValue(option) === this.value);\n    return this.value && chosen ? (chosen.textContent?.trim() ?? '') : '';\n  }\n\n  private get listbox() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"listbox\"]') ?? null;\n  }\n\n  private get input() {\n    return this.el.shadowRoot?.querySelector<HTMLInputElement>('[part=\"input\"]') ?? null;\n  }\n\n  private get control() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"control\"]') ?? null;\n  }\n\n  /**\n   * Hides the options the query excludes.\n   *\n   * `hidden` plus `:host([hidden]) { display: none }` on the option, because\n   * the attribute alone loses to the option's own `display: block`.\n   */\n  private applyQuery() {\n    const echoed = queryIsEchoedSelection(this.query, this.selectedLabel());\n    const options = this.options();\n\n    for (const option of options) {\n      const matches =\n        echoed || matchesCommandQuery({ label: option.textContent?.trim() ?? '' }, this.query);\n      if (matches) option.removeAttribute('hidden');\n      else option.setAttribute('hidden', '');\n    }\n\n    const visible = this.visible();\n    this.matchCount = visible.length;\n\n    // A new query starts at the top of what is left.\n    const first = visible.find((option) => !option.hasAttribute('disabled')) ?? null;\n    if (!this.activeOption || this.activeOption.hasAttribute('hidden')) this.setActive(first);\n  }\n\n  private showListbox() {\n    const panel = this.listbox;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.control,\n      getFloating: () => panel,\n      matchAnchorWidth: true,\n      flip: true,\n      onChange: ({ left, top, width, minWidth }) => {\n        placePopover(panel, left, top);\n        if (width !== undefined) panel.style.width = `${width}px`;\n        if (minWidth !== undefined) panel.style.minWidth = `${minWidth}px`;\n      },\n    });\n\n    this.applyQuery();\n  }\n\n  private hideListbox() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    const panel = this.listbox;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  /**\n   * A browser-driven close — light dismiss or Escape — reverts the field to\n   * the chosen label, so a half-typed query never lingers over a different\n   * value. Focus goes back to the input rather than the trigger, because here\n   * the input *is* the control.\n   */\n  private onToggle = (event: ToggleEvent) => {\n    const nowOpen = event.newState === 'open';\n    if (this.open !== nowOpen) this.open = nowOpen;\n    if (!nowOpen) {\n      this.query = this.selectedLabel();\n      this.applyQuery();\n      this.input?.focus();\n    }\n  };\n\n  private setActive(option: HTMLElement | null) {\n    for (const other of this.options()) {\n      if (other !== option) (other as HTMLElement & { active: boolean }).active = false;\n    }\n    if (option) (option as HTMLElement & { active: boolean }).active = true;\n\n    this.activeOption = option;\n    this.syncActiveDescendant();\n    if (option && typeof option.scrollIntoView === 'function') {\n      option.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  /**\n   * Set as an element, not an IDREF: the input is in this shadow root and the\n   * options are slotted light DOM, and a cross-root IDREF is absent from the\n   * accessibility tree — measured. Feature-detected, because where element\n   * reflection is missing there is no cross-root equivalent.\n   */\n  private syncActiveDescendant() {\n    const input = this.input;\n    if (!input || !('ariaActiveDescendantElement' in input)) return;\n    (\n      input as unknown as { ariaActiveDescendantElement: Element | null }\n    ).ariaActiveDescendantElement = this.open ? this.activeOption : null;\n  }\n\n  private commit(option: HTMLElement) {\n    if (option.hasAttribute('disabled')) return;\n\n    const next = this.optionValue(option);\n    this.open = false;\n\n    if (next !== this.value) {\n      this.value = next;\n      this.pfChange.emit({ value: next });\n    }\n\n    // Set after the value, so it is the chosen label rather than the query.\n    this.query = this.selectedLabel();\n    this.applyQuery();\n    this.input?.focus();\n  }\n\n  @Listen('pfOptionSelect')\n  handleOptionSelect(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const option = this.options().find(\n      (candidate) => this.optionValue(candidate) === event.detail.value,\n    );\n    if (option) this.commit(option);\n  }\n\n  private move(action: ListNavigationAction) {\n    const visible = this.visible();\n    const enabledIndexes = getEnabledIndexes(visible, (option) => option.hasAttribute('disabled'));\n    const current = this.activeOption ? visible.indexOf(this.activeOption) : -1;\n    const next = resolveListMove(action, enabledIndexes, current);\n    if (next !== -1) this.setActive(visible[next] ?? null);\n  }\n\n  private onInput = (event: Event) => {\n    this.query = (event.target as HTMLInputElement).value;\n    this.applyQuery();\n    if (!this.open) this.open = true;\n  };\n\n  private clear = () => {\n    this.query = '';\n    if (this.value !== '') {\n      this.value = '';\n      this.pfChange.emit({ value: '' });\n    }\n    this.applyQuery();\n    this.open = true;\n    this.input?.focus();\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const move = MOVES[event.key];\n    if (move) {\n      event.preventDefault();\n      if (!this.open) this.open = true;\n      else this.move(move);\n      return;\n    }\n\n    /*\n     * Enter only commits while the listbox is open. Closed, it is left alone\n     * so a combobox inside a form still submits it.\n     */\n    if (event.key === Keys.Enter && this.open && this.activeOption) {\n      event.preventDefault();\n      this.commit(this.activeOption);\n    }\n\n    // Escape is the browser's: `popover=\"auto\"` closes, and `onToggle` reverts.\n  };\n\n  render() {\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const showClear = this.clearable && !this.disabled && (this.query !== '' || this.value !== '');\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class={{ control: true, 'control--invalid': Boolean(this.error) }} part=\"control\">\n            <input\n              id=\"input\"\n              aria-label={controlAriaLabel(this.el, this.label)}\n              part=\"input\"\n              class=\"input\"\n              type=\"text\"\n              role=\"combobox\"\n              autocomplete=\"off\"\n              disabled={this.disabled}\n              required={this.required}\n              placeholder={this.placeholder}\n              value={this.query}\n              aria-autocomplete=\"list\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              /* Same shadow root as the listbox, so this IDREF resolves. */\n              aria-controls=\"listbox\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-describedby={describedBy}\n              onInput={this.onInput}\n              onKeyDown={this.onKeyDown}\n              onClick={() => {\n                if (!this.disabled) this.open = true;\n              }}\n            />\n\n            {showClear && (\n              <button\n                class=\"clear\"\n                part=\"clear\"\n                type=\"button\"\n                aria-label={this.clearLabel}\n                /* Out of the tab order, so it never interrupts the keyboard flow. */\n                tabindex={-1}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={this.clear}\n              >\n                <pf-icon name=\"circle-xmark\"></pf-icon>\n              </button>\n            )}\n\n            <span class=\"chevron\" aria-hidden=\"true\">\n              <pf-icon name=\"chevron-down\"></pf-icon>\n            </span>\n          </div>\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n          {this.error && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {this.error}\n            </p>\n          )}\n        </div>\n\n        <div\n          id=\"listbox\"\n          part=\"listbox\"\n          class=\"listbox\"\n          popover=\"auto\"\n          role=\"listbox\"\n          aria-label={this.label ?? this.placeholder}\n          onToggle={this.onToggle}\n        >\n          <slot onSlotchange={this.onSlotChange} />\n          {this.matchCount === 0 && (\n            <p class=\"empty\" part=\"empty\">\n              {this.emptyMessage}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pf-date-picker.cjs.entry.js

@@ -6,6 +6,7 @@ var aria = require('./aria-5oCPUGFo.js');
 var date = require('./date-CzVt5Lej.js');
 var keys = require('./keys-S3YTuCcn.js');
 var formValidity = require('./form-validity-BCrcqnZ7.js');
+var controlLabel = require('./control-label-C0eK8bPh.js');
 
 const pfDatePickerCss = () => `:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-field-label-text, var(--pf-input-label-text));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-input-invalid-border);margin-inline-start:var(--space-1)}.row{align-items:center;display:flex;gap:var(--space-2)}.trigger{align-items:center;background:var(--pf-input-bg);border:1px solid var(--pf-input-border);border-radius:var(--radius-md);color:var(--pf-input-text);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between;min-width:0;padding:var(--space-2) var(--space-3);text-align:start}.trigger:hover:not(:disabled){border-color:var(--pf-input-border-hover)}.trigger:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.6}.trigger--invalid{border-color:var(--pf-input-invalid-border)}.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value--placeholder{color:var(--pf-input-placeholder-text)}.clear{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-input-text-muted, var(--pf-input-placeholder-text));cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--space-1)}.clear:hover:not(:disabled){color:var(--pf-input-text)}.clear:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.description{color:var(--pf-input-description-text);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-input-invalid-border);font-size:var(--font-size-xs);margin:0}.panel{inset:auto;margin:0;background:none;border:0;overflow:visible;padding:0}.panel:popover-open{animation:pf-date-picker-in var(--pf-transition-enter)}@keyframes pf-date-picker-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.panel:popover-open{animation:none}}`;
 
@@ -212,10 +213,10 @@ const PfDatePicker = class {
     render() {
         const describedBy = aria.composeDescribedBy(this.description && 'description', this.error && 'error');
         const text = this.formatted();
-        return (index.h(index.Host, { key: '4c7b624f2b4f7b0a1bb1283ceeaf0884eb8617f7' }, index.h("div", { key: '9b8b376726d7d5073d78da8d2f8388d4e721725f', class: "field", part: "field" }, this.label && (index.h("label", { key: '5aa01393fb9172abb0e9718f8ca4872e93f540c2', class: "label", part: "label", htmlFor: "trigger" }, this.label, this.required && (index.h("span", { key: 'c0a00abc02da50500ffa64471222355a0b5c610d', class: "required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '17bab24f52f47bde8d06f1070f13845cffeeae26', class: "row" }, index.h("button", { key: 'cde12c16dd7e2824cbd570d6101d9322cd56e802', id: "trigger", part: "trigger", class: { trigger: true, 'trigger--invalid': Boolean(this.error) }, type: "button", disabled: this.disabled, "aria-haspopup": "dialog", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "panel", "aria-invalid": this.error ? 'true' : null, "aria-required": this.required ? 'true' : null, "aria-describedby": describedBy, onClick: () => {
+        return (index.h(index.Host, { key: 'e12dc3b1467bfa1b6b47ad6ecde5ff3740f84191' }, index.h("div", { key: 'da81455cc8034d76ee9a5632bf3d7bba8a59ca36', class: "field", part: "field" }, this.label && (index.h("label", { key: '7d5e93bbb12ebaec62e541e1e7ff7051ffd1d9ba', class: "label", part: "label", htmlFor: "trigger" }, this.label, this.required && (index.h("span", { key: '96da5bb4885737801b0934459809761016eff84b', class: "required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '7d4bb358df9ec3477847a7456aea8aaede3c6bd1', class: "row" }, index.h("button", { key: '6f0c8095438a87284f339c58cf2bd37ac6d6e8c3', id: "trigger", "aria-label": controlLabel.controlAriaLabel(this.el, this.label), part: "trigger", class: { trigger: true, 'trigger--invalid': Boolean(this.error) }, type: "button", disabled: this.disabled, "aria-haspopup": "dialog", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "panel", "aria-invalid": this.error ? 'true' : null, "aria-required": this.required ? 'true' : null, "aria-describedby": describedBy, onClick: () => {
                 if (!this.disabled)
                     this.open = !this.open;
-            }, onKeyDown: this.onTriggerKeyDown }, index.h("span", { key: 'a0058117f0f220f7c023ea839320448e2cf11492', class: { value: true, 'value--placeholder': !text } }, text || this.placeholder), index.h("pf-icon", { key: '2fafd08f3570839fe8b1e9fbd444cb01441cff19', name: "calendar" })), this.allowClear && this.value && (index.h("button", { key: '3c0ae031b818206486b0dedaa67ec7da4abe47a1', class: "clear", part: "clear", type: "button", "aria-label": "Clear selected date", disabled: this.disabled, onClick: this.clear }, index.h("pf-icon", { key: 'f2f340dfdccdcb59cd38fa1ca9c449e14bada1bd', name: "circle-xmark" })))), this.description && (index.h("p", { key: '868d285932ff0a58a0917909ac566f8672b410ee', class: "description", part: "description", id: "description" }, this.description)), this.error && (index.h("p", { key: '425d7843886e4afadafbf38b26bae2ee80b3c7d8', class: "error", part: "error", id: "error" }, this.error))), index.h("div", { key: '1fa2e68673f31aeb52be6446f614a39494016d90', id: "panel", part: "panel", class: "panel", popover: "auto", role: "dialog", "aria-label": "Choose a date", onToggle: this.onToggle }, index.h("pf-calendar", { key: '7a9e9553c4a2975ae7ec8e6c34cc04ac7626ec76', ref: this.bindCalendar, part: "calendar", value: this.value || undefined, min: this.min, max: this.max, startYear: this.startYear, endYear: this.endYear, showOutsideDays: this.showOutsideDays, isDateDisabled: this.isDateDisabled }))));
+            }, onKeyDown: this.onTriggerKeyDown }, index.h("span", { key: '7d163538c024cb22bf62556ac45fe2c6412df31b', class: { value: true, 'value--placeholder': !text } }, text || this.placeholder), index.h("pf-icon", { key: '0453fc920b7ae38e155a09e355b7a3d574604d14', name: "calendar" })), this.allowClear && this.value && (index.h("button", { key: '2e933393553ad120ee949673477b7106e94915cb', class: "clear", part: "clear", type: "button", "aria-label": "Clear selected date", disabled: this.disabled, onClick: this.clear }, index.h("pf-icon", { key: 'dc784a97f467297a6cb0cb691c52006fa1e32c24', name: "circle-xmark" })))), this.description && (index.h("p", { key: '087d6e84fc1a653b8e5b92a2bf4c8148f4d16f39', class: "description", part: "description", id: "description" }, this.description)), this.error && (index.h("p", { key: '292095f16e9328828a7f821b42d47827ce0d5335', class: "error", part: "error", id: "error" }, this.error))), index.h("div", { key: 'a3f5435249a41d602f160e195a8a551d7f40e23a', id: "panel", part: "panel", class: "panel", popover: "auto", role: "dialog", "aria-label": "Choose a date", onToggle: this.onToggle }, index.h("pf-calendar", { key: '8db356ae8180b9eaae81df8c560a0f8db68664f8', ref: this.bindCalendar, part: "calendar", value: this.value || undefined, min: this.min, max: this.max, startYear: this.startYear, endYear: this.endYear, showOutsideDays: this.showOutsideDays, isDateDisabled: this.isDateDisabled }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {