@pitchfork-ui/elements 0.1.0 → 0.2.1

package/dist/esm/pitchfork.js

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

package/dist/pitchfork/p-01ed0d56.entry.js

@@ -0,0 +1,2 @@
+import{r,c as e,a as i,h as s,H as a}from"./p-Bm6UxEit.js";import{c as t}from"./p-DfpCerXM.js";import{n as d,a as l,b as o}from"./p-BA6CMosJ.js";import{a as n}from"./p-Cr6IXrUk.js";import{c as p}from"./p-Cy_kHPeC.js";const h=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-2)}.label{color:var(--pf-slider-field-label, var(--pf-field-label));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-field-required);margin-inline-start:var(--space-1)}.description{color:var(--pf-slider-field-description, var(--pf-field-description));font-size:var(--font-size-sm);margin:0}.error{color:var(--pf-slider-field-error, var(--pf-field-error));font-size:var(--font-size-sm);margin:0}.header{align-items:center;display:flex;justify-content:space-between}.value{color:var(--pf-slider-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.slider{appearance:none;background:linear-gradient(     to right,     var(--pf-slider-action) 0,     var(--pf-slider-action) var(--pf-slider-progress, 0%),     var(--pf-slider-border) var(--pf-slider-progress, 0%),     var(--pf-slider-border) 100%   );border-radius:var(--radius-full);cursor:pointer;height:var(--pf-slider-track-height);width:100%}.slider:focus{outline:none}.slider:focus-visible{box-shadow:var(--pf-slider-focus-ring, var(--pf-focus-ring))}.slider::-webkit-slider-thumb{appearance:none;background:var(--pf-slider-bg);border:2px solid var(--pf-slider-action);border-radius:50%;box-shadow:var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));height:var(--pf-slider-thumb-size);margin-top:calc((var(--pf-slider-track-height) - var(--pf-slider-thumb-size)) / 2);width:var(--pf-slider-thumb-size)}.slider::-moz-range-thumb{background:var(--pf-slider-bg);border:2px solid var(--pf-slider-action);border-radius:50%;box-shadow:var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));height:var(--pf-slider-thumb-size);width:var(--pf-slider-thumb-size)}.slider::-moz-range-track{background:transparent;border-radius:var(--radius-full);height:var(--pf-slider-track-height)}.slider:disabled{cursor:not-allowed;opacity:0.55}.slider--invalid{background:linear-gradient(     to right,     var(--pf-slider-danger-fill) 0,     var(--pf-slider-danger-fill) var(--pf-slider-progress, 0%),     var(--pf-slider-border) var(--pf-slider-progress, 0%),     var(--pf-slider-border) 100%   )}.slider--invalid::-webkit-slider-thumb{border-color:var(--pf-slider-danger-fill)}.slider--invalid::-moz-range-thumb{border-color:var(--pf-slider-danger-fill)}`;const f=class{constructor(i){r(this,i);this.pfInput=e(this,"pfInput");this.pfChange=e(this,"pfChange");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}}get el(){return i(this)}internals;name;value=0;min=0;max=100;step=1;label;description;error;showValue=true;disabled=false;pfInput;pfChange;initialValue=0;componentWillLoad(){this.initialValue=this.value;this.syncFormState()}syncFormState(){this.internals.setFormValue(`${this.current}`);n(this.internals,true,false,this.error)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue}get range(){return d(Number(this.min),Number(this.max),Number(this.step))}get current(){const{min:r,max:e}=this.range;return l(Number(this.value),r,e)}onInput=r=>{this.value=Number(r.target.value);this.pfInput.emit({value:this.value})};onChange=()=>{this.pfChange.emit({value:this.current})};render(){const{min:r,max:e,step:i}=this.range;const d=this.current;const l=t(this.description&&"description",this.error&&"error");return s(a,{key:"6d0718760dc214dbd200824c20417bfa51d49371"},s("div",{key:"cdfb094bb52dcc8b41fcd6fabf43a2057af644cf",class:"field",part:"field"},(this.label||this.showValue)&&s("div",{key:"7278ee388367c3c5a33a837cd6f26e148ced2387",class:"header",part:"header"},this.label?s("label",{class:"label",part:"label",htmlFor:"input"},this.label):s("span",null),this.showValue&&s("span",{key:"f23e6b6e4db255a1f3e74785a07d185c64b89a62",class:"value",part:"value","aria-hidden":"true"},Math.round(d))),s("input",{key:"8287d9fe81179e731ff30855f7e3d644ca7874ca",id:"input","aria-label":p(this.el,this.label),part:"input",class:{slider:true,"slider--invalid":Boolean(this.error)},type:"range",name:this.name,value:`${d}`,min:`${r}`,max:`${e}`,step:`${i}`,disabled:this.disabled,"aria-invalid":this.error?"true":null,"aria-describedby":l,onInput:this.onInput,onChange:this.onChange,style:{"--pf-slider-progress":`${o(d,r,e)}%`}}),this.description&&s("p",{key:"810b7f5aff7336fd9042b7e70a834d6a4a69e32e",class:"description",part:"description",id:"description"},this.description),this.error&&s("p",{key:"a95ec2ba460bdce626df1e66b94b9d290b8d600d",class:"error",part:"error",id:"error"},this.error)))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0}],error:[{syncFormState:0}],min:[{syncFormState:0}],max:[{syncFormState:0}]}}};f.style=h();export{f as pf_slider};
+//# sourceMappingURL=p-01ed0d56.entry.js.map

package/dist/pitchfork/p-01ed0d56.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfSliderCss","PfSlider","internals","name","value","min","max","step","label","description","error","showValue","disabled","pfInput","pfChange","initialValue","componentWillLoad","this","syncFormState","setFormValue","current","applyControlValidity","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","range","normalizeRange","Number","clampToRange","onInput","event","target","emit","onChange","render","describedBy","composeDescribedBy","h","Host","key","class","part","htmlFor","Math","round","id","controlAriaLabel","el","slider","Boolean","type","style","getRangePercent"],"sources":["src/components/pf-slider/pf-slider.css?tag=pf-slider&encapsulation=shadow","src/components/pf-slider/pf-slider.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-2);\n}\n\n.label {\n  color: var(--pf-slider-field-label, var(--pf-field-label));\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-field-required);\n  margin-inline-start: var(--space-1);\n}\n\n.description {\n  color: var(--pf-slider-field-description, var(--pf-field-description));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-slider-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.value {\n  color: var(--pf-slider-text-muted);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.slider {\n  appearance: none;\n  background: linear-gradient(\n    to right,\n    var(--pf-slider-action) 0,\n    var(--pf-slider-action) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) 100%\n  );\n  border-radius: var(--radius-full);\n  cursor: pointer;\n  height: var(--pf-slider-track-height);\n  width: 100%;\n}\n\n.slider:focus {\n  outline: none;\n}\n\n.slider:focus-visible {\n  box-shadow: var(--pf-slider-focus-ring, var(--pf-focus-ring));\n}\n\n.slider::-webkit-slider-thumb {\n  appearance: none;\n  background: var(--pf-slider-bg);\n  border: 2px solid var(--pf-slider-action);\n  border-radius: 50%;\n  box-shadow: var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));\n  height: var(--pf-slider-thumb-size);\n  margin-top: calc((var(--pf-slider-track-height) - var(--pf-slider-thumb-size)) / 2);\n  width: var(--pf-slider-thumb-size);\n}\n\n.slider::-moz-range-thumb {\n  background: var(--pf-slider-bg);\n  border: 2px solid var(--pf-slider-action);\n  border-radius: 50%;\n  box-shadow: var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));\n  height: var(--pf-slider-thumb-size);\n  width: var(--pf-slider-thumb-size);\n}\n\n.slider::-moz-range-track {\n  background: transparent;\n  border-radius: var(--radius-full);\n  height: var(--pf-slider-track-height);\n}\n\n.slider:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.slider--invalid {\n  background: linear-gradient(\n    to right,\n    var(--pf-slider-danger-fill) 0,\n    var(--pf-slider-danger-fill) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) 100%\n  );\n}\n\n.slider--invalid::-webkit-slider-thumb {\n  border-color: var(--pf-slider-danger-fill);\n}\n\n.slider--invalid::-moz-range-thumb {\n  border-color: var(--pf-slider-danger-fill);\n}\n","import {\n  clampToRange,\n  composeDescribedBy,\n  getRangePercent,\n  normalizeRange,\n} from '@pitchfork-ui/core';\nimport {\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 range slider.\n *\n * A native `<input type=\"range\">`, as the React component is — the drag, the\n * keyboard stepping and the touch handling are all the browser's, and nothing\n * here reimplements them.\n *\n * @part field - the wrapper around header, control and messages.\n * @part header - the row holding the label and the readout.\n * @part label - the label element.\n * @part value - the numeric readout.\n * @part input - the native range input.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-slider',\n  styleUrl: 'pf-slider.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfSlider {\n  @Element() el!: HTMLElement;\n\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name. Reflected, because a form-associated element\n   * takes its submission name from the attribute, not this property.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The control's value. */\n  @Prop({ mutable: true }) value = 0;\n\n  @Prop() min = 0;\n\n  @Prop() max = 100;\n\n  @Prop() step = 1;\n\n  /** Visible label, rendered in the same root so `for` actually associates. */\n  @Prop() label?: string;\n\n  /** Hint text below the control. */\n  @Prop() description?: string;\n\n  /** Error message. Its presence is what marks the control invalid. */\n  @Prop() error?: string;\n\n  /** Show the current value beside the label. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) showValue = true;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires as the user drags, like the native `input` event. */\n  @Event() pfInput!: EventEmitter<{ value: number }>;\n\n  /** Fires when the value is committed, like the native `change` event. */\n  @Event() pfChange!: EventEmitter<{ value: number }>;\n\n  /** The value a form reset restores, which is the initial attribute. */\n  private initialValue = 0;\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.syncFormState();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('min')\n  @Watch('max')\n  syncFormState() {\n    this.internals.setFormValue(`${this.current}`);\n    /*\n     * A slider always has a value — it cannot be empty the way a text field\n     * can — so `required` would never fail and the element does not offer it.\n     * Only an explicit error can make this control invalid.\n     */\n    applyControlValidity(this.internals, true, false, 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  /** A reset restores the value the control started with. */\n  formResetCallback() {\n    this.value = this.initialValue;\n  }\n\n  /** The bounds, with a non-finite or inverted range made drawable. */\n  private get range() {\n    return normalizeRange(Number(this.min), Number(this.max), Number(this.step));\n  }\n\n  /** The value as rendered: always inside the bounds. */\n  private get current() {\n    const { min, max } = this.range;\n    return clampToRange(Number(this.value), min, max);\n  }\n\n  private onInput = (event: Event) => {\n    this.value = Number((event.target as HTMLInputElement).value);\n    this.pfInput.emit({ value: this.value });\n  };\n\n  private onChange = () => {\n    this.pfChange.emit({ value: this.current });\n  };\n\n  render() {\n    const { min, max, step } = this.range;\n    const current = this.current;\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {(this.label || this.showValue) && (\n            <div class=\"header\" part=\"header\">\n              {this.label ? (\n                <label class=\"label\" part=\"label\" htmlFor=\"input\">\n                  {this.label}\n                </label>\n              ) : (\n                <span />\n              )}\n              {this.showValue && (\n                // aria-hidden: the input already reports its value to\n                // assistive technology through the range role.\n                <span class=\"value\" part=\"value\" aria-hidden=\"true\">\n                  {Math.round(current)}\n                </span>\n              )}\n            </div>\n          )}\n\n          <input\n            id=\"input\"\n            aria-label={controlAriaLabel(this.el, this.label)}\n            part=\"input\"\n            class={{ slider: true, 'slider--invalid': Boolean(this.error) }}\n            type=\"range\"\n            name={this.name}\n            value={`${current}`}\n            min={`${min}`}\n            max={`${max}`}\n            step={`${step}`}\n            disabled={this.disabled}\n            aria-invalid={this.error ? 'true' : null}\n            aria-describedby={describedBy}\n            onInput={this.onInput}\n            onChange={this.onChange}\n            style={{ '--pf-slider-progress': `${getRangePercent(current, min, max)}%` }}\n          />\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      </Host>\n    );\n  }\n}\n"],"mappings":"yNAAA,MAAMA,EAAc,IAAM,22E,MC2CbC,EAAQ,M,kRAGAC,UAMMC,KAGAC,MAAQ,EAEzBC,IAAM,EAENC,IAAM,IAENC,KAAO,EAGPC,MAGAC,YAGAC,MAGiBC,UAAY,KAEZC,SAAW,MAG3BC,QAGAC,SAGDC,aAAe,EAEvB,iBAAAC,GACEC,KAAKF,aAAeE,KAAKb,MACzBa,KAAKC,e,CAOP,aAAAA,GACED,KAAKf,UAAUiB,aAAa,GAAGF,KAAKG,WAMpCC,EAAqBJ,KAAKf,UAAW,KAAM,MAAOe,KAAKP,M,CAKzD,mBAAMY,GACJ,OAAOL,KAAKf,UAAUoB,e,CAKxB,oBAAMC,GACJ,OAAON,KAAKf,UAAUqB,gB,CAKxB,0BAAMC,GACJ,OAAOP,KAAKf,UAAUuB,iB,CAIxB,iBAAAC,GACET,KAAKb,MAAQa,KAAKF,Y,CAIpB,SAAYY,GACV,OAAOC,EAAeC,OAAOZ,KAAKZ,KAAMwB,OAAOZ,KAAKX,KAAMuB,OAAOZ,KAAKV,M,CAIxE,WAAYa,GACV,MAAMf,IAAEA,EAAGC,IAAEA,GAAQW,KAAKU,MAC1B,OAAOG,EAAaD,OAAOZ,KAAKb,OAAQC,EAAKC,E,CAGvCyB,QAAWC,IACjBf,KAAKb,MAAQyB,OAAQG,EAAMC,OAA4B7B,OACvDa,KAAKJ,QAAQqB,KAAK,CAAE9B,MAAOa,KAAKb,OAAQ,EAGlC+B,SAAW,KACjBlB,KAAKH,SAASoB,KAAK,CAAE9B,MAAOa,KAAKG,SAAU,EAG7C,MAAAgB,GACE,MAAM/B,IAAEA,EAAGC,IAAEA,EAAGC,KAAEA,GAASU,KAAKU,MAChC,MAAMP,EAAUH,KAAKG,QACrB,MAAMiB,EAAcC,EAClBrB,KAAKR,aAAe,cACpBQ,KAAKP,OAAS,SAGhB,OACE6B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,UACpB1B,KAAKT,OAASS,KAAKN,YACnB4B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtB1B,KAAKT,MACJ+B,EAAA,SAAOG,MAAM,QAAQC,KAAK,QAAQC,QAAQ,SACvC3B,KAAKT,OAGR+B,EAAA,aAEDtB,KAAKN,WAGJ4B,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,QAAO,cAAa,QAC1CE,KAAKC,MAAM1B,KAMpBmB,EAAA,SAAAE,IAAA,2CACEM,GAAG,QAAO,aACEC,EAAiB/B,KAAKgC,GAAIhC,KAAKT,OAC3CmC,KAAK,QACLD,MAAO,CAAEQ,OAAQ,KAAM,kBAAmBC,QAAQlC,KAAKP,QACvD0C,KAAK,QACLjD,KAAMc,KAAKd,KACXC,MAAO,GAAGgB,IACVf,IAAK,GAAGA,IACRC,IAAK,GAAGA,IACRC,KAAM,GAAGA,IACTK,SAAUK,KAAKL,SAAQ,eACTK,KAAKP,MAAQ,OAAS,KAAI,mBACtB2B,EAClBN,QAASd,KAAKc,QACdI,SAAUlB,KAAKkB,SACfkB,MAAO,CAAE,uBAAwB,GAAGC,EAAgBlC,EAASf,EAAKC,SAGnEW,KAAKR,aACJ8B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,cAAcC,KAAK,cAAcI,GAAG,eAC1C9B,KAAKR,aAGTQ,KAAKP,OACJ6B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,QAAQC,KAAK,QAAQI,GAAG,SAC9B9B,KAAKP,Q","ignoreList":[]}

package/dist/pitchfork/p-02e28338.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a,h as r,H as s}from"./p-Bm6UxEit.js";import{o as n,p as i}from"./p-CC7AyfOt.js";import{c as o}from"./p-DfpCerXM.js";import{t as d,d as l,s as c,f as h,c as f,i as p,p as u,m as g,a as b,e as y,b as m,W as v,C as w}from"./p-C9jNMqLs.js";import{K as k}from"./p-g4FlTDZx.js";import{a as x}from"./p-Cr6IXrUk.js";import{c as C}from"./p-Cy_kHPeC.js";function D(e,t){const a=d(t);if(!e.awaitingEnd||!e.range.start)return{range:{start:a,end:null},awaitingEnd:true};const r=e.range.start;if(l(r,a))return{range:{start:a,end:null},awaitingEnd:true};return{range:a.getTime()<r.getTime()?{start:a,end:r}:{start:r,end:a},awaitingEnd:false}}function z(e,t,a=null){const{start:r}=t;const s=t.end??(r&&a?a:null);const n=Boolean(r&&l(e,r));const i=Boolean(s&&l(e,s));if(!r||!s)return{isStart:n,isEnd:i,isInside:false};const[o,d]=r.getTime()<=s.getTime()?[r,s]:[s,r];const c=e.getTime();return{isStart:n,isEnd:i,isInside:c>o.getTime()&&c<d.getTime()}}function j(e,t){if(!e.start||!e.end)return"";return`${t(e.start)}/${t(e.end)}`}function S(e,t){const[a,r]=(e??"").split("/");const s=t(a??"");const n=t(r??"");if(!s||!n)return{start:null,end:null};return s.getTime()<=n.getTime()?{start:s,end:n}:{start:n,end:s}}const F=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-daterange-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-daterange-invalid-border);margin-inline-start:var(--space-1)}.row-controls{align-items:center;display:flex;gap:var(--space-2)}.trigger{align-items:center;background:var(--pf-daterange-bg);border:1px solid var(--pf-daterange-border);border-radius:var(--radius-md);color:var(--pf-daterange-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:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.6}.trigger--invalid{border-color:var(--pf-daterange-invalid-border)}.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value--placeholder{color:var(--pf-daterange-text-muted)}.clear{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-daterange-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--space-1)}.clear:hover:not(:disabled){color:var(--pf-daterange-text)}.clear:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.description{color:var(--pf-daterange-text-muted);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-daterange-invalid-border);font-size:var(--font-size-xs);margin:0}.panel{inset:auto;margin:0;background:var(--pf-daterange-menu-bg);border:1px solid var(--pf-daterange-menu-border);border-radius:var(--radius-md);box-shadow:var(--pf-elevation-popover-shadow);color:var(--pf-daterange-text);padding:var(--space-3)}.panel:popover-open{animation:pf-date-range-in var(--pf-transition-enter)}@keyframes pf-date-range-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.panel:popover-open{animation:none}}.nav{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.step{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-daterange-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-1)}.step:hover{background:var(--pf-daterange-bg-subtle);color:var(--pf-daterange-text)}.step:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.months{display:grid;gap:var(--space-4)}@media (min-width: 768px){.months{grid-template-columns:1fr 1fr}}.month-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);text-align:center}.grid{display:grid;gap:2px;grid-template-columns:repeat(7, 1fr)}.row{display:contents}.weekday{color:var(--pf-daterange-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) 0;text-align:center}.day,.empty{aspect-ratio:1;display:flex;min-width:var(--space-7)}.day{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--pf-daterange-text);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);justify-content:center}.day:hover:not([aria-disabled='true']){background:var(--pf-daterange-bg-subtle)}.day:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.day--today{border-color:var(--pf-calendar-today-border)}.day--inside{background:var(--pf-daterange-range-bg);border-radius:0;color:var(--pf-daterange-range-text)}.day--endpoint{background:var(--pf-calendar-selected-bg);border-color:var(--pf-calendar-selected-bg);color:var(--pf-calendar-selected-text)}.day--start:not(.day--end){border-end-end-radius:0;border-start-end-radius:0}.day--end:not(.day--start){border-end-start-radius:0;border-start-start-radius:0}.day[aria-disabled='true']{cursor:not-allowed;opacity:0.4}`;const M={[k.ArrowRight]:"day-next",[k.ArrowLeft]:"day-previous",[k.ArrowDown]:"week-next",[k.ArrowUp]:"week-previous",[k.Home]:"week-start",[k.End]:"week-end",PageDown:"month-next",PageUp:"month-previous"};const E=class{constructor(a){e(this,a);this.pfChange=t(this,"pfChange");this.pfOpenChange=t(this,"pfOpenChange");if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}get el(){return a(this)}internals;name;value="";open=false;label;description;error;placeholder="Select dates";required=false;disabled=false;allowClear=false;min;max;startYear;endYear;isDateDisabled;pfChange;pfOpenChange;leftMonth=c(new Date);focusedDate=d(new Date);hovered=null;awaitingEnd=false;initialValue="";pendingStart=null;stopObserving;shouldRestoreFocus=false;componentWillLoad(){this.initialValue=this.value??"";const{start:e}=this.range();const t=e??d(new Date);this.focusedDate=t;this.leftMonth=this.clamp(c(t));this.syncFormState()}componentDidRender(){if(!this.shouldRestoreFocus)return;this.shouldRestoreFocus=false;this.el.shadowRoot?.querySelector('button[data-day][tabindex="0"]')?.focus()}disconnectedCallback(){this.stopObserving?.()}syncDisplayedMonths(){const{start:e,end:t}=this.range();if(!e||!t)return;this.pendingStart=null;this.awaitingEnd=false;this.focusedDate=e;this.leftMonth=this.clamp(c(e))}syncFormState(){const{start:e,end:t}=this.range();if(!e||!t||!this.name){this.internals.setFormValue(null)}else{const a=new FormData;a.append(`${this.name}-start`,h(e));a.append(`${this.name}-end`,h(t));this.internals.setFormValue(a)}x(this.internals,Boolean(e&&t),this.required,this.error)}syncOpen(e,t){if(e)this.showPanel();else this.hidePanel();if(e!==t)this.pfOpenChange.emit({open:e})}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue;this.awaitingEnd=false;this.hovered=null}range(){return S(this.value,u)}get years(){const e=(new Date).getFullYear();const t=this.startYear??e-50;const a=this.endYear??e+50;return{start:Math.min(t,a),end:Math.max(t,a)}}clamp(e){const{start:t,end:a}=this.years;return f(e,t,a)}get panel(){return this.el.shadowRoot?.querySelector('[part="panel"]')??null}get trigger(){return this.el.shadowRoot?.querySelector('[part="trigger"]')??null}isDisabled(e){if(p(e,u(this.min),u(this.max)))return true;return this.isDateDisabled?.(e)??false}showPanel(){const e=this.panel;if(this.disabled||!e||e.matches(":popover-open"))return;e.showPopover();this.stopObserving?.();this.stopObserving=n({getAnchor:()=>this.trigger,getFloating:()=>e,align:"start",matchAnchorWidth:false,flip:true,onChange:({left:t,top:a})=>i(e,t,a)});this.shouldRestoreFocus=true}hidePanel(){this.stopObserving?.();this.stopObserving=undefined;this.hovered=null;const e=this.panel;if(e?.matches(":popover-open"))e.hidePopover()}onToggle=e=>{const t=e.newState==="open";if(this.open!==t)this.open=t;if(!t)this.trigger?.focus()};pick(e){if(this.isDisabled(e))return;const t=D({range:this.displayRange(),awaitingEnd:this.awaitingEnd},e);this.awaitingEnd=t.awaitingEnd;this.focusedDate=d(e);if(t.awaitingEnd){this.value="";this.pendingStart=t.range.start;return}this.pendingStart=null;this.hovered=null;this.value=j(t.range,h);this.pfChange.emit({value:this.value,start:t.range.start?h(t.range.start):"",end:t.range.end?h(t.range.end):""});this.open=false}displayRange(){const e=this.range();if(e.start&&e.end)return e;return{start:this.pendingStart,end:null}}moveFocus(e){const t=g(this.focusedDate,e);const{start:a,end:r}=this.years;if(t.getFullYear()<a||t.getFullYear()>r)return;this.focusedDate=t;this.shouldRestoreFocus=true;const s=b(this.leftMonth,1);if(!y(t,this.leftMonth)&&!y(t,s)){this.leftMonth=this.clamp(c(t))}}onKeyDown=e=>{const t=M[e.key];if(t){e.preventDefault();this.moveFocus(t);return}if(e.key===k.Enter||e.key===k.Space){e.preventDefault();this.pick(this.focusedDate);this.shouldRestoreFocus=true}};clear=e=>{e.stopPropagation();if(!this.value&&!this.pendingStart)return;this.value="";this.pendingStart=null;this.awaitingEnd=false;this.hovered=null;this.pfChange.emit({value:"",start:"",end:""})};formatted(){const{start:e,end:t}=this.range();if(!e||!t)return"";const a=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"});return`${a.format(e)} – ${a.format(t)}`}renderGrid(e){const t=m(e);const a=this.displayRange();const s=d(new Date);const n=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric"}).format(e);return r("div",{class:"month"},r("p",{class:"month-label"},n),r("div",{class:"grid",part:"grid",role:"grid","aria-label":n},r("div",{class:"row",role:"row"},v.map((e=>r("span",{key:e,class:"weekday",role:"columnheader","aria-label":e},e)))),Array.from({length:w/7},((e,n)=>r("div",{key:n,class:"row",role:"row"},t.slice(n*7,n*7+7).map((({date:e,inCurrentMonth:t})=>{if(!t){return r("span",{key:h(e),class:"empty",role:"gridcell"})}const n=z(e,a,this.hovered);const i=n.isStart||n.isEnd;const o=this.isDisabled(e);return r("button",{key:h(e),type:"button",role:"gridcell","data-day":h(e),part:"day",class:{day:true,"day--today":l(s,e),"day--endpoint":i,"day--start":n.isStart,"day--end":n.isEnd,"day--inside":n.isInside},tabindex:l(this.focusedDate,e)?0:-1,"aria-selected":i||n.isInside?"true":"false","aria-current":l(s,e)?"date":null,"aria-disabled":o?"true":null,"aria-label":new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"}).format(e),onClick:()=>{this.pick(e);this.shouldRestoreFocus=true},onMouseEnter:()=>{if(this.awaitingEnd&&!o)this.hovered=e}},e.getDate())})))))))}render(){const e=o(this.description&&"description",this.error&&"error");const t=this.formatted();const a=b(this.leftMonth,1);return r(s,{key:"e581ed7c3a2449e96b594a4d650d7d16225c502b"},r("div",{key:"42af6feb4a669c989f734bf179e0f60c24a47401",class:"field",part:"field"},this.label&&r("label",{key:"5a6b9ea4e2bcdb7c07801c474a901ae4019d397f",class:"label",part:"label",htmlFor:"trigger"},this.label,this.required&&r("span",{key:"6e90bc09ed442464ea424d47e60a64951df45eea",class:"required","aria-hidden":"true"},"*")),r("div",{key:"b0b66d4bf30cc7228e7e2153e9be05d71401ec20",class:"row-controls"},r("button",{key:"46cfbfeb5e679bb00dd48e7b718350db4530e82e",id:"trigger","aria-label":C(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":e,onClick:()=>{if(!this.disabled)this.open=!this.open}},r("span",{key:"4bcf49fdfed1cef4f458c5019315ea833d8575e0",class:{value:true,"value--placeholder":!t}},t||this.placeholder),r("pf-icon",{key:"da03fb4ccb5aef720f042adae79d701148ade479",name:"calendar"})),this.allowClear&&(this.value||this.pendingStart)&&r("button",{key:"f6b36144e765a28a15e7addf3d10d4aff1d25a00",class:"clear",part:"clear",type:"button","aria-label":"Clear selected dates",disabled:this.disabled,onClick:this.clear},r("pf-icon",{key:"f4fb9769008137437b26c14c54d4d73909729da9",name:"circle-xmark"}))),this.description&&r("p",{key:"084a2a397d5277d237310cd9c202dce0028fcf78",class:"description",part:"description",id:"description"},this.description),this.error&&r("p",{key:"9fa6a9400ded59e6c0263012ce4d4be1d04c9352",class:"error",part:"error",id:"error"},this.error)),r("div",{key:"f8b15d11302ae13a7d9d21fea5ce5db3d0c407cc",id:"panel",part:"panel",class:"panel",popover:"auto",role:"dialog","aria-label":"Choose a date range",onToggle:this.onToggle,onKeyDown:this.onKeyDown,onMouseLeave:()=>{this.hovered=null}},r("div",{key:"39a29079e9e97d19272ef9d5ec9fa02c2c368f6a",class:"nav"},r("button",{key:"8e0fb9c8e800e53a88dfa98c928966a919f4dee0",type:"button",class:"step","aria-label":"Previous month",onClick:()=>{this.leftMonth=this.clamp(b(this.leftMonth,-1))}},r("pf-icon",{key:"df4f5aa6dfc5b387a9d73c674f25e5f445ad4778",name:"square-caret-left"})),r("button",{key:"c48a949065acfb0e16fce8b732399f6fa9d8204c",type:"button",class:"step","aria-label":"Next month",onClick:()=>{this.leftMonth=this.clamp(b(this.leftMonth,1))}},r("pf-icon",{key:"10ae6ca6d30cbfdbd538d1a5247a6c83b299fd7a",name:"square-caret-right"}))),r("div",{key:"46610cb99d27eda167a28c281a5c1462fd5ab19c",class:"months"},this.renderGrid(this.leftMonth),this.renderGrid(a))))}static get formAssociated(){return true}static get watchers(){return{value:[{syncDisplayedMonths:0},{syncFormState:0}],name:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],open:[{syncOpen:0}]}}};E.style=F();export{E as pf_date_range_picker};
+//# sourceMappingURL=p-02e28338.entry.js.map

package/dist/pitchfork/p-02e28338.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nextDateRangeSelection","current","date","clicked","toMidday","awaitingEnd","range","start","end","isSameDay","getTime","rangeDayState","hovered","isStart","Boolean","isEnd","isInside","low","high","day","formatDateRange","format","parseDateRange","value","parse","from","to","split","pfDateRangePickerCss","MOVES","Keys","ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End","PageDown","PageUp","PfDateRangePicker","internals","name","open","label","description","error","placeholder","required","disabled","allowClear","min","max","startYear","endYear","isDateDisabled","pfChange","pfOpenChange","leftMonth","startOfMonth","Date","focusedDate","initialValue","pendingStart","stopObserving","shouldRestoreFocus","componentWillLoad","this","base","clamp","syncFormState","componentDidRender","el","shadowRoot","querySelector","focus","disconnectedCallback","syncDisplayedMonths","setFormValue","data","FormData","append","formatISODate","applyControlValidity","syncOpen","next","previous","showPanel","hidePanel","emit","show","hide","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","parseISODate","years","now","getFullYear","Math","clampMonthToYearRange","panel","trigger","isDisabled","isOutsideDateRange","matches","showPopover","observeAnchoredPosition","getAnchor","getFloating","align","matchAnchorWidth","flip","onChange","left","top","placePopover","undefined","hidePopover","onToggle","event","nowOpen","newState","pick","displayRange","committed","moveFocus","move","moveCalendarDate","right","addMonths","isSameMonth","onKeyDown","key","preventDefault","Enter","Space","clear","stopPropagation","formatted","Intl","DateTimeFormat","month","year","renderGrid","days","buildCalendarDays","today","h","class","part","role","WEEKDAY_LABELS","map","Array","length","CALENDAR_CELL_COUNT","_","week","slice","inCurrentMonth","state","isEndpoint","type","tabindex","weekday","onClick","onMouseEnter","getDate","render","describedBy","composeDescribedBy","text","Host","htmlFor","id","controlAriaLabel","popover","onMouseLeave"],"sources":["../core/dist/date-range.js","src/components/pf-date-range-picker/pf-date-range-picker.css?tag=pf-date-range-picker&encapsulation=shadow","src/components/pf-date-range-picker/pf-date-range-picker.tsx"],"sourcesContent":["import { isSameDay, toMidday } from \"./date.js\";\n//#region src/date-range.ts\n/**\n* Where a click on `date` leaves the selection.\n*\n* Three cases, and the second two are the ones worth naming:\n* - not awaiting an end: start the range here and wait for the other end;\n* - awaiting an end, clicked before the start: the two swap, because a range\n*   has no opinion about which end the user picked first;\n* - awaiting an end, clicked the start again: start over rather than make a\n*   one-day range, which is what the React component does and is the kinder\n*   reading of a double click.\n*/\nfunction nextDateRangeSelection(current, date) {\n\tconst clicked = toMidday(date);\n\tif (!current.awaitingEnd || !current.range.start) return {\n\t\trange: {\n\t\t\tstart: clicked,\n\t\t\tend: null\n\t\t},\n\t\tawaitingEnd: true\n\t};\n\tconst start = current.range.start;\n\tif (isSameDay(start, clicked)) return {\n\t\trange: {\n\t\t\tstart: clicked,\n\t\t\tend: null\n\t\t},\n\t\tawaitingEnd: true\n\t};\n\treturn {\n\t\trange: clicked.getTime() < start.getTime() ? {\n\t\t\tstart: clicked,\n\t\t\tend: start\n\t\t} : {\n\t\t\tstart,\n\t\t\tend: clicked\n\t\t},\n\t\tawaitingEnd: false\n\t};\n}\n/**\n* How a day should read, given the range and whatever is hovered.\n*\n* A hovered day stands in for the missing end while the range is half-made,\n* which is what makes the preview follow the pointer. It stands in only when\n* there is a start and no end — hovering before the first click previews\n* nothing.\n*/\nfunction rangeDayState(date, range, hovered = null) {\n\tconst { start } = range;\n\tconst end = range.end ?? (start && hovered ? hovered : null);\n\tconst isStart = Boolean(start && isSameDay(date, start));\n\tconst isEnd = Boolean(end && isSameDay(date, end));\n\tif (!start || !end) return {\n\t\tisStart,\n\t\tisEnd,\n\t\tisInside: false\n\t};\n\tconst [low, high] = start.getTime() <= end.getTime() ? [start, end] : [end, start];\n\tconst day = date.getTime();\n\treturn {\n\t\tisStart,\n\t\tisEnd,\n\t\tisInside: day > low.getTime() && day < high.getTime()\n\t};\n}\n/** `YYYY-MM-DD/YYYY-MM-DD`, or `''` when the range is not yet complete. */\nfunction formatDateRange(range, format) {\n\tif (!range.start || !range.end) return \"\";\n\treturn `${format(range.start)}/${format(range.end)}`;\n}\n/** Parses `YYYY-MM-DD/YYYY-MM-DD`; anything else is an empty range. */\nfunction parseDateRange(value, parse) {\n\tconst [from, to] = (value ?? \"\").split(\"/\");\n\tconst start = parse(from ?? \"\");\n\tconst end = parse(to ?? \"\");\n\tif (!start || !end) return {\n\t\tstart: null,\n\t\tend: null\n\t};\n\treturn start.getTime() <= end.getTime() ? {\n\t\tstart,\n\t\tend\n\t} : {\n\t\tstart: end,\n\t\tend: start\n\t};\n}\n//#endregion\nexport { formatDateRange, nextDateRangeSelection, parseDateRange, rangeDayState };\n",":host {\n  display: block;\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-daterange-text);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-daterange-invalid-border);\n  margin-inline-start: var(--space-1);\n}\n\n.row-controls {\n  align-items: center;\n  display: flex;\n  gap: var(--space-2);\n}\n\n.trigger {\n  align-items: center;\n  background: var(--pf-daterange-bg);\n  border: 1px solid var(--pf-daterange-border);\n  border-radius: var(--radius-md);\n  color: var(--pf-daterange-text);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  gap: var(--space-2);\n  justify-content: space-between;\n  min-width: 0;\n  padding: var(--space-2) var(--space-3);\n  text-align: start;\n}\n\n.trigger:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.trigger--invalid {\n  border-color: var(--pf-daterange-invalid-border);\n}\n\n.value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value--placeholder {\n  color: var(--pf-daterange-text-muted);\n}\n\n.clear {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.clear:hover:not(:disabled) {\n  color: var(--pf-daterange-text);\n}\n\n.clear:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.description {\n  color: var(--pf-daterange-text-muted);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-daterange-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.panel {\n  inset: auto;\n  margin: 0;\n  background: var(--pf-daterange-menu-bg);\n  border: 1px solid var(--pf-daterange-menu-border);\n  border-radius: var(--radius-md);\n  box-shadow: var(--pf-elevation-popover-shadow);\n  color: var(--pf-daterange-text);\n  padding: var(--space-3);\n}\n\n.panel:popover-open {\n  animation: pf-date-range-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-date-range-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .panel:popover-open {\n    animation: none;\n  }\n}\n\n.nav {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--space-2);\n}\n\n.step {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.step:hover {\n  background: var(--pf-daterange-bg-subtle);\n  color: var(--pf-daterange-text);\n}\n\n.step:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n/* One month on a phone, two side by side from --md up. */\n.months {\n  display: grid;\n  gap: var(--space-4);\n}\n\n@media (--md) {\n  .months {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.month-label {\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n  margin: 0 0 var(--space-2);\n  text-align: center;\n}\n\n.grid {\n  display: grid;\n  gap: 2px;\n  grid-template-columns: repeat(7, 1fr);\n}\n\n/*\n * `display: contents`, so each row's seven cells join the grid's own columns.\n * The rows exist for the `role=\"row\"` the grid pattern needs, not for layout.\n */\n.row {\n  display: contents;\n}\n\n.weekday {\n  color: var(--pf-daterange-text-muted);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  padding: var(--space-1) 0;\n  text-align: center;\n}\n\n.day,\n.empty {\n  aspect-ratio: 1;\n  display: flex;\n  min-width: var(--space-7);\n}\n\n.day {\n  align-items: center;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  justify-content: center;\n}\n\n.day:hover:not([aria-disabled='true']) {\n  background: var(--pf-daterange-bg-subtle);\n}\n\n.day:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.day--today {\n  border-color: var(--pf-calendar-today-border);\n}\n\n/*\n * The inside of the range is square and the ends are rounded on their outer\n * side only, so the run reads as one band rather than a row of pills.\n */\n.day--inside {\n  background: var(--pf-daterange-range-bg);\n  border-radius: 0;\n  color: var(--pf-daterange-range-text);\n}\n\n.day--endpoint {\n  background: var(--pf-calendar-selected-bg);\n  border-color: var(--pf-calendar-selected-bg);\n  color: var(--pf-calendar-selected-text);\n}\n\n.day--start:not(.day--end) {\n  border-end-end-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.day--end:not(.day--start) {\n  border-end-start-radius: 0;\n  border-start-start-radius: 0;\n}\n\n.day[aria-disabled='true'] {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n","import {\n  addMonths,\n  buildCalendarDays,\n  CALENDAR_CELL_COUNT,\n  clampMonthToYearRange,\n  composeDescribedBy,\n  formatDateRange,\n  formatISODate,\n  isOutsideDateRange,\n  isSameDay,\n  isSameMonth,\n  Keys,\n  moveCalendarDate,\n  nextDateRangeSelection,\n  observeAnchoredPosition,\n  parseDateRange,\n  parseISODate,\n  rangeDayState,\n  startOfMonth,\n  toMidday,\n  WEEKDAY_LABELS,\n  type CalendarMove,\n  type DateRangeValue,\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  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nconst MOVES: Record<string, CalendarMove> = {\n  [Keys.ArrowRight]: 'day-next',\n  [Keys.ArrowLeft]: 'day-previous',\n  [Keys.ArrowDown]: 'week-next',\n  [Keys.ArrowUp]: 'week-previous',\n  [Keys.Home]: 'week-start',\n  [Keys.End]: 'week-end',\n  PageDown: 'month-next',\n  PageUp: 'month-previous',\n};\n\n/**\n * A form-associated date-range field: two month grids in a popover, with a\n * preview that follows the pointer while the range is half-made.\n *\n * **It submits two entries from one control.** `setFormValue` accepts a\n * `FormData`, and every entry in it is submitted — measured, along with the\n * fact that the element's own `name` attribute is then ignored entirely. So a\n * range goes in as `${name}-start` and `${name}-end`, which is what a server\n * handling a form actually wants, rather than one field a handler has to split.\n * The `value` property stays a single round-trippable `start/end` string.\n *\n * The grids are rendered here rather than composed from two `pf-calendar`s:\n * the range preview spans both months, so one element has to own the hover and\n * the selection for both. The day-state and selection rules are core's, shared\n * with the React component.\n *\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part trigger - the button that opens the grids.\n * @part clear - the clear button.\n * @part panel - the floating panel.\n * @part grid - each month grid.\n * @part day - every day cell.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-date-range-picker',\n  styleUrl: 'pf-date-range-picker.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfDateRangePicker {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The base name for the two submitted entries, `${name}-start` and\n   * `${name}-end`. Reflected for selectors; the submission reads the property,\n   * because a `FormData` value carries its own keys.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The range as `YYYY-MM-DD/YYYY-MM-DD`, or empty. */\n  @Prop({ mutable: true }) value = '';\n\n  /** Whether the panel 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 = 'Select dates';\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Offer a button that empties the range. */\n  @Prop() allowClear = false;\n\n  @Prop() min?: string;\n\n  @Prop() max?: string;\n\n  @Prop() startYear?: number;\n\n  @Prop() endYear?: number;\n\n  /** A predicate for days that cannot be chosen; see `pf-calendar`. */\n  @Prop() isDateDisabled?: (date: Date) => boolean;\n\n  /** Fires when the range changes or is cleared, with the `start/end` string. */\n  @Event() pfChange!: EventEmitter<{ value: string; start: string; end: string }>;\n\n  /** Fires whenever the panel opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** The left-hand month; the right-hand one is always the month after. */\n  @State() leftMonth: Date = startOfMonth(new Date());\n\n  /** The day the grids' single tab stop sits on. */\n  @State() focusedDate: Date = toMidday(new Date());\n\n  /** The day under the pointer, which previews the missing end. */\n  @State() hovered: Date | null = null;\n\n  /** True once a start is chosen and the next click sets the end. */\n  @State() awaitingEnd = false;\n\n  private initialValue = '';\n\n  /**\n   * The start held while the range is half-made.\n   *\n   * Not in `value`, because `value` is the *submitted* range and a half-made\n   * one is not a range — a form read mid-selection would see a start with no\n   * end. Held here instead, and folded back in for rendering.\n   */\n  private pendingStart: Date | null = null;\n  private stopObserving?: () => void;\n  private shouldRestoreFocus = false;\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    const { start } = this.range();\n    const base = start ?? toMidday(new Date());\n    this.focusedDate = base;\n    this.leftMonth = this.clamp(startOfMonth(base));\n    this.syncFormState();\n  }\n\n  componentDidRender() {\n    if (!this.shouldRestoreFocus) return;\n    this.shouldRestoreFocus = false;\n    this.el.shadowRoot?.querySelector<HTMLButtonElement>('button[data-day][tabindex=\"0\"]')?.focus();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  /**\n   * Follows a range set from outside, so the grids show what they are told.\n   *\n   * Without this the element kept whatever month it loaded with, and a\n   * consumer assigning `value` got a correct value over the wrong months —\n   * the days it names were not even rendered.\n   */\n  @Watch('value')\n  syncDisplayedMonths() {\n    const { start, end } = this.range();\n    if (!start || !end) return;\n    this.pendingStart = null;\n    this.awaitingEnd = false;\n    this.focusedDate = start;\n    this.leftMonth = this.clamp(startOfMonth(start));\n  }\n\n  /*\n   * `name` is watched here and not on the controls that pass a plain string to\n   * `setFormValue`: those take their submission name from the reflected\n   * attribute, so the platform picks a change up by itself. This one builds\n   * the name *into* a FormData, so without the watch a name assigned after\n   * load would never reach the submission.\n   */\n  @Watch('name')\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    const { start, end } = this.range();\n\n    if (!start || !end || !this.name) {\n      this.internals.setFormValue(null);\n    } else {\n      /*\n       * A FormData, so one control submits both ends. Measured: every entry in\n       * it reaches the submission, and the element's own `name` attribute is\n       * ignored in this mode — which is why the keys are built here.\n       */\n      const data = new FormData();\n      data.append(`${this.name}-start`, formatISODate(start));\n      data.append(`${this.name}-end`, formatISODate(end));\n      this.internals.setFormValue(data);\n    }\n\n    applyControlValidity(this.internals, Boolean(start && end), this.required, this.error);\n  }\n\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showPanel();\n    else this.hidePanel();\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.awaitingEnd = false;\n    this.hovered = null;\n  }\n\n  private range(): DateRangeValue {\n    return parseDateRange(this.value, parseISODate);\n  }\n\n  private get years() {\n    const now = new Date().getFullYear();\n    const start = this.startYear ?? now - 50;\n    const end = this.endYear ?? now + 50;\n    return { start: Math.min(start, end), end: Math.max(start, end) };\n  }\n\n  private clamp(date: Date): Date {\n    const { start, end } = this.years;\n    return clampMonthToYearRange(date, start, end);\n  }\n\n  private get panel() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"panel\"]') ?? null;\n  }\n\n  private get trigger() {\n    return this.el.shadowRoot?.querySelector<HTMLButtonElement>('[part=\"trigger\"]') ?? null;\n  }\n\n  private isDisabled(date: Date): boolean {\n    if (isOutsideDateRange(date, parseISODate(this.min), parseISODate(this.max))) return true;\n    return this.isDateDisabled?.(date) ?? false;\n  }\n\n  private showPanel() {\n    const panel = this.panel;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.trigger,\n      getFloating: () => panel,\n      align: 'start',\n      matchAnchorWidth: false,\n      flip: true,\n      onChange: ({ left, top }) => placePopover(panel, left, top),\n    });\n\n    this.shouldRestoreFocus = true;\n  }\n\n  private hidePanel() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    this.hovered = null;\n    const panel = this.panel;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  private onToggle = (event: ToggleEvent) => {\n    const nowOpen = event.newState === 'open';\n    if (this.open !== nowOpen) this.open = nowOpen;\n    if (!nowOpen) this.trigger?.focus();\n  };\n\n  /** One click through core's state machine, plus this element's side-effects. */\n  private pick(date: Date) {\n    if (this.isDisabled(date)) return;\n\n    /*\n     * `displayRange()`, not `range()`. A half-made range is deliberately kept\n     * out of `value`, so reading the state machine's input from `value` hands\n     * it a range with no start — and core, correctly, treats that as \"begin a\n     * new range\". Every second click restarted instead of closing. Caught by\n     * the swap and Enter tests.\n     */\n    const next = nextDateRangeSelection(\n      { range: this.displayRange(), awaitingEnd: this.awaitingEnd },\n      date,\n    );\n\n    this.awaitingEnd = next.awaitingEnd;\n    this.focusedDate = toMidday(date);\n\n    if (next.awaitingEnd) {\n      // Half-made: hold the start without reporting an incomplete range.\n      this.value = '';\n      this.pendingStart = next.range.start;\n      return;\n    }\n\n    this.pendingStart = null;\n    this.hovered = null;\n    this.value = formatDateRange(next.range, formatISODate);\n    this.pfChange.emit({\n      value: this.value,\n      start: next.range.start ? formatISODate(next.range.start) : '',\n      end: next.range.end ? formatISODate(next.range.end) : '',\n    });\n    this.open = false;\n  }\n\n  /** What the grids draw: the committed range, or the half-made one. */\n  private displayRange(): DateRangeValue {\n    const committed = this.range();\n    if (committed.start && committed.end) return committed;\n    return { start: this.pendingStart, end: null };\n  }\n\n  private moveFocus(move: CalendarMove) {\n    const next = moveCalendarDate(this.focusedDate, move);\n    const { start, end } = this.years;\n    if (next.getFullYear() < start || next.getFullYear() > end) return;\n\n    this.focusedDate = next;\n    this.shouldRestoreFocus = true;\n\n    // Keep the focused day on screen: it belongs to one of the two months.\n    const right = addMonths(this.leftMonth, 1);\n    if (!isSameMonth(next, this.leftMonth) && !isSameMonth(next, right)) {\n      this.leftMonth = this.clamp(startOfMonth(next));\n    }\n  }\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    const move = MOVES[event.key];\n    if (move) {\n      event.preventDefault();\n      this.moveFocus(move);\n      return;\n    }\n\n    if (event.key === Keys.Enter || event.key === Keys.Space) {\n      event.preventDefault();\n      this.pick(this.focusedDate);\n      this.shouldRestoreFocus = true;\n    }\n  };\n\n  private clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (!this.value && !this.pendingStart) return;\n    this.value = '';\n    this.pendingStart = null;\n    this.awaitingEnd = false;\n    this.hovered = null;\n    this.pfChange.emit({ value: '', start: '', end: '' });\n  };\n\n  private formatted(): string {\n    const { start, end } = this.range();\n    if (!start || !end) return '';\n    const format = new Intl.DateTimeFormat('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n    return `${format.format(start)} – ${format.format(end)}`;\n  }\n\n  private renderGrid(month: Date) {\n    const days = buildCalendarDays(month);\n    const range = this.displayRange();\n    const today = toMidday(new Date());\n    const label = new Intl.DateTimeFormat('en-US', {\n      month: 'long',\n      year: 'numeric',\n    }).format(month);\n\n    return (\n      <div class=\"month\">\n        <p class=\"month-label\">{label}</p>\n        <div class=\"grid\" part=\"grid\" role=\"grid\" aria-label={label}>\n          <div class=\"row\" role=\"row\">\n            {WEEKDAY_LABELS.map((day) => (\n              <span key={day} class=\"weekday\" role=\"columnheader\" aria-label={day}>\n                {day}\n              </span>\n            ))}\n          </div>\n\n          {Array.from({ length: CALENDAR_CELL_COUNT / 7 }, (_, week) => (\n            <div key={week} class=\"row\" role=\"row\">\n              {days.slice(week * 7, week * 7 + 7).map(({ date, inCurrentMonth }) => {\n                if (!inCurrentMonth) {\n                  return <span key={formatISODate(date)} class=\"empty\" role=\"gridcell\"></span>;\n                }\n\n                const state = rangeDayState(date, range, this.hovered);\n                const isEndpoint = state.isStart || state.isEnd;\n                const disabled = this.isDisabled(date);\n\n                return (\n                  <button\n                    key={formatISODate(date)}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    data-day={formatISODate(date)}\n                    part=\"day\"\n                    class={{\n                      day: true,\n                      'day--today': isSameDay(today, date),\n                      'day--endpoint': isEndpoint,\n                      'day--start': state.isStart,\n                      'day--end': state.isEnd,\n                      'day--inside': state.isInside,\n                    }}\n                    tabindex={isSameDay(this.focusedDate, date) ? 0 : -1}\n                    aria-selected={isEndpoint || state.isInside ? 'true' : 'false'}\n                    aria-current={isSameDay(today, date) ? 'date' : null}\n                    aria-disabled={disabled ? 'true' : null}\n                    aria-label={new Intl.DateTimeFormat('en-US', {\n                      weekday: 'long',\n                      month: 'long',\n                      day: 'numeric',\n                      year: 'numeric',\n                    }).format(date)}\n                    onClick={() => {\n                      this.pick(date);\n                      this.shouldRestoreFocus = true;\n                    }}\n                    onMouseEnter={() => {\n                      if (this.awaitingEnd && !disabled) this.hovered = date;\n                    }}\n                  >\n                    {date.getDate()}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const text = this.formatted();\n    const right = addMonths(this.leftMonth, 1);\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"trigger\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class=\"row-controls\">\n            <button\n              id=\"trigger\"\n              aria-label={controlAriaLabel(this.el, this.label)}\n              part=\"trigger\"\n              class={{ trigger: true, 'trigger--invalid': Boolean(this.error) }}\n              type=\"button\"\n              disabled={this.disabled}\n              aria-haspopup=\"dialog\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              aria-controls=\"panel\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-required={this.required ? 'true' : null}\n              aria-describedby={describedBy}\n              onClick={() => {\n                if (!this.disabled) this.open = !this.open;\n              }}\n            >\n              <span class={{ value: true, 'value--placeholder': !text }}>\n                {text || this.placeholder}\n              </span>\n              <pf-icon name=\"calendar\"></pf-icon>\n            </button>\n\n            {this.allowClear && (this.value || this.pendingStart) && (\n              <button\n                class=\"clear\"\n                part=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear selected dates\"\n                disabled={this.disabled}\n                onClick={this.clear}\n              >\n                <pf-icon name=\"circle-xmark\"></pf-icon>\n              </button>\n            )}\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=\"panel\"\n          part=\"panel\"\n          class=\"panel\"\n          popover=\"auto\"\n          role=\"dialog\"\n          aria-label=\"Choose a date range\"\n          onToggle={this.onToggle}\n          onKeyDown={this.onKeyDown}\n          onMouseLeave={() => {\n            this.hovered = null;\n          }}\n        >\n          <div class=\"nav\">\n            <button\n              type=\"button\"\n              class=\"step\"\n              aria-label=\"Previous month\"\n              onClick={() => {\n                this.leftMonth = this.clamp(addMonths(this.leftMonth, -1));\n              }}\n            >\n              <pf-icon name=\"square-caret-left\"></pf-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"step\"\n              aria-label=\"Next month\"\n              onClick={() => {\n                this.leftMonth = this.clamp(addMonths(this.leftMonth, 1));\n              }}\n            >\n              <pf-icon name=\"square-caret-right\"></pf-icon>\n            </button>\n          </div>\n\n          <div class=\"months\">\n            {this.renderGrid(this.leftMonth)}\n            {this.renderGrid(right)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-19c0145c.entry.js

@@ -0,0 +1,2 @@
+import{r as a,a as e,h as t,H as n}from"./p-Bm6UxEit.js";import{r}from"./p-DToIJg5W.js";const s=()=>`:host{background:var(--pf-header-nav-bg);border:1px solid var(--pf-header-nav-border);border-radius:var(--pf-header-nav-radius, var(--radius-md));display:block;width:100%;--pf-nav-item-text:var(--pf-header-nav-text-muted);--pf-nav-item-hover-text:var(--pf-header-nav-text);--pf-nav-item-hover-bg:var(--pf-header-nav-bg-subtle);--pf-nav-item-current-text:var(--pf-header-nav-text);--pf-nav-item-current-bg:var(--pf-header-nav-bg-subtle)}:host([hidden]){display:none}.nav{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:1fr;min-height:var(--pf-header-nav-min-height, 56px);padding:var(--space-3)}@media (min-width: 768px){.nav{grid-template-columns:auto 1fr auto;padding:0 var(--space-4)}}.brand{color:var(--pf-header-nav-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap}.list{align-items:center;display:flex;gap:var(--space-1);list-style:none;margin:0;overflow-x:auto;padding:0}.list slot{display:contents}.actions{align-items:center;display:inline-flex;gap:var(--space-2)}.brand.empty,.actions.empty{display:none}`;const i=class{constructor(e){a(this,e)}get el(){return e(this)}label="Header navigation";hasBrand=false;hasActions=false;componentWillLoad(){this.sync()}componentDidLoad(){this.sync()}handleStructureChange(a){a.stopPropagation();this.sync()}async refresh(){this.sync()}get items(){return Array.from(this.el.querySelectorAll("pf-nav-item")).filter((a=>a.parentElement===this.el))}isCurrent(a){return a.current??a.hasAttribute("current")}sync(){const a=a=>Array.from(this.el.children).some((e=>e.getAttribute("slot")===a));this.hasBrand=a("brand");this.hasActions=a("actions");const e=this.items;const t=r(e.map((a=>({current:this.isCurrent(a)}))));for(const[a,n]of e.entries()){const e=n;e.currentPage=a===t;e.orientation="horizontal"}}render(){return t(n,{key:"f3f8c91ba9eab4755b1e5e96adc7245e630bd7fa"},t("nav",{key:"7984894e4bcc395140ef229f351bbc037efa565e",class:"nav",part:"nav","aria-label":this.label},t("span",{key:"fc21f987ab7f5ac3c74779157f70a23c5375cb27",class:{brand:true,empty:!this.hasBrand},part:"brand"},t("slot",{key:"bb68a3a686be890c522671f3d6a569f438275631",name:"brand",onSlotchange:()=>this.refresh()})),t("ul",{key:"43f0bb0d2d82497373ac74bfda26d9e2e545932e",class:"list",part:"list"},t("slot",{key:"30be86d24556bd3521642ee79195a2af6a8c70c9",onSlotchange:()=>this.refresh()})),t("span",{key:"687115f0db5bb7f35a82bb1b5dd79234a0049c99",class:{actions:true,empty:!this.hasActions},part:"actions"},t("slot",{key:"f11f998414c8a424d64ddf759369a31b9ddbd0bb",name:"actions",onSlotchange:()=>this.refresh()}))))}};i.style=s();export{i as pf_header_navigation};
+//# sourceMappingURL=p-19c0145c.entry.js.map

package/dist/pitchfork/p-19c0145c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfHeaderNavigationCss","PfHeaderNavigation","label","hasBrand","hasActions","componentWillLoad","this","sync","componentDidLoad","handleStructureChange","event","stopPropagation","refresh","items","Array","from","el","querySelectorAll","filter","item","parentElement","isCurrent","current","hasAttribute","slotted","name","children","some","child","getAttribute","currentIndex","resolveCurrentNavItem","map","index","entries","node","currentPage","orientation","render","h","Host","key","class","part","brand","empty","onSlotchange","actions"],"sources":["src/components/pf-header-navigation/pf-header-navigation.css?tag=pf-header-navigation&encapsulation=shadow","src/components/pf-header-navigation/pf-header-navigation.tsx"],"sourcesContent":[":host {\n  background: var(--pf-header-nav-bg);\n  border: 1px solid var(--pf-header-nav-border);\n  border-radius: var(--pf-header-nav-radius, var(--radius-md));\n  display: block;\n  width: 100%;\n\n  /*\n   * The bridge to the shared item: custom properties inherit through a shadow\n   * boundary, so a slotted `pf-nav-item` resolves these inside its own shadow\n   * root. It is how one element serves two navigations without\n   * `:host-context`, which Firefox does not support.\n   */\n  --pf-nav-item-text: var(--pf-header-nav-text-muted);\n  --pf-nav-item-hover-text: var(--pf-header-nav-text);\n  --pf-nav-item-hover-bg: var(--pf-header-nav-bg-subtle);\n  --pf-nav-item-current-text: var(--pf-header-nav-text);\n  --pf-nav-item-current-bg: var(--pf-header-nav-bg-subtle);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* Mobile first: one column, the items wrapping under the brand. */\n.nav {\n  align-items: center;\n  display: grid;\n  gap: var(--space-3);\n  grid-template-columns: 1fr;\n  min-height: var(--pf-header-nav-min-height, 56px);\n  padding: var(--space-3);\n}\n\n@media (--md) {\n  .nav {\n    grid-template-columns: auto 1fr auto;\n    padding: 0 var(--space-4);\n  }\n}\n\n.brand {\n  color: var(--pf-header-nav-text);\n  font-size: var(--font-size-md);\n  font-weight: var(--font-weight-semibold);\n  white-space: nowrap;\n}\n\n.list {\n  align-items: center;\n  display: flex;\n  gap: var(--space-1);\n  list-style: none;\n  margin: 0;\n  overflow-x: auto;\n  padding: 0;\n}\n\n/*\n * The items have to be flex children of the list, not of a box inside it. The\n * UA stylesheet already gives a slot `display: contents`; this says so out\n * loud.\n */\n.list slot {\n  display: contents;\n}\n\n.actions {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n/*\n * Both classes rather than a bare `.empty`, so the rule does not depend on\n * sitting below the `display` a box sets on itself: specificity ties break on\n * source order, and `.empty` losing that way is how a bare `pf-metric-card`\n * came to draw all three of its boxes.\n */\n.brand.empty,\n.actions.empty {\n  display: none;\n}\n","import { resolveCurrentNavItem } from '@pitchfork-ui/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State } from '@stencil/core';\n\n/**\n * A header navigation over `pf-nav-item` children.\n *\n * The group owns the one thing an item cannot know: which item is the current\n * page. Core's rule decides, so the React `HeaderNavigation` marks the same\n * one, and it is one index — which is what stops a navigation claiming two\n * current pages.\n *\n * The host is **not** a banner. The React component renders a `<header>`,\n * which is the banner landmark at the top level of a page, but an element\n * cannot know whether it is the page's header: a second banner is a defect,\n * not a decoration. So the shadow root renders only the `<nav>` landmark, and\n * a consumer who wants a banner puts this inside their own `<header>`.\n *\n * @slot - the `pf-nav-item` children.\n * @slot brand - a logo or product name, before the items.\n * @slot actions - controls after the items, such as a sign-in button.\n * @part nav - the navigation landmark.\n * @part brand - the brand's box.\n * @part list - the list the items are slotted into.\n * @part actions - the actions' box.\n */\n@Component({\n  tag: 'pf-header-navigation',\n  styleUrl: 'pf-header-navigation.css',\n  shadow: true,\n})\nexport class PfHeaderNavigation {\n  @Element() el!: HTMLElement;\n\n  /** The navigation's accessible name. */\n  @Prop() label = 'Header navigation';\n\n  /**\n   * Whether anything was slotted into `brand` and `actions`.\n   *\n   * Asked in JS because a wrapper around a slot cannot be collapsed from CSS\n   * — `:not(:has(*))` never matches, since the `<slot>` is itself a child —\n   * and these two boxes have to exist when they are used: they are grid\n   * items, so an empty one still takes a column and a gap, which would push\n   * every item along by one `--space-3` for no visible reason.\n   */\n  @State() hasBrand = false;\n  @State() hasActions = false;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.sync();\n  }\n\n  componentDidLoad() {\n    this.sync();\n  }\n\n  /**\n   * An item's `current` changed, so the resolution has to run again.\n   *\n   * The items are this navigation's own light-DOM children, so nothing is\n   * retargeted and a host listener is safe — the same reason the sidebar can\n   * listen for a section's copy of this event. `refresh()` stays for a\n   * consumer who changes something else the group reads.\n   */\n  @Listen('pfNavStructure')\n  handleStructureChange(event: CustomEvent<void>) {\n    event.stopPropagation();\n    this.sync();\n  }\n\n  /**\n   * Re-reads the items, for a consumer who changed something the group reads\n   * and has no event for.\n   */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Direct children only: a nested navigation owns its own items. */\n  private get items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-nav-item')).filter(\n      (item) => item.parentElement === this.el,\n    );\n  }\n\n  /**\n   * The property if the item has upgraded, the attribute if it has not:\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private isCurrent(item: HTMLElement) {\n    return (item as HTMLElement & { current?: boolean }).current ?? item.hasAttribute('current');\n  }\n\n  private sync() {\n    /*\n     * The children are read one by one rather than with a `:scope >`\n     * selector, which Stencil's mock DOM does not support at all — it throws\n     * from jQuery's selector engine rather than returning nothing.\n     */\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasBrand = slotted('brand');\n    this.hasActions = slotted('actions');\n\n    const items = this.items;\n    const currentIndex = resolveCurrentNavItem(\n      items.map((item) => ({ current: this.isCurrent(item) })),\n    );\n\n    for (const [index, item] of items.entries()) {\n      const node = item as HTMLElement & { currentPage: boolean; orientation: string };\n      node.currentPage = index === currentIndex;\n      node.orientation = 'horizontal';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"nav\" part=\"nav\" aria-label={this.label}>\n          {/*\n            The slots stay in the tree whether or not they hold anything: a\n            slot that is not rendered never fires `slotchange`, so content\n            added later would stay invisible for good. The box is hidden\n            instead.\n          */}\n          <span class={{ brand: true, empty: !this.hasBrand }} part=\"brand\">\n            <slot name=\"brand\" onSlotchange={() => this.refresh()} />\n          </span>\n\n          <ul class=\"list\" part=\"list\">\n            <slot onSlotchange={() => this.refresh()} />\n          </ul>\n\n          <span class={{ actions: true, empty: !this.hasActions }} part=\"actions\">\n            <slot name=\"actions\" onSlotchange={() => this.refresh()} />\n          </span>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAwB,IAAM,+jC,MC8BvBC,EAAkB,M,iDAIrBC,MAAQ,oBAWPC,SAAW,MACXC,WAAa,MAGtB,iBAAAC,GACEC,KAAKC,M,CAGP,gBAAAC,GACEF,KAAKC,M,CAYP,qBAAAE,CAAsBC,GACpBA,EAAMC,kBACNL,KAAKC,M,CAQP,aAAMK,GACJN,KAAKC,M,CAIP,SAAYM,GACV,OAAOC,MAAMC,KAAKT,KAAKU,GAAGC,iBAA8B,gBAAgBC,QACrEC,GAASA,EAAKC,gBAAkBd,KAAKU,I,CAQlC,SAAAK,CAAUF,GAChB,OAAQA,EAA6CG,SAAWH,EAAKI,aAAa,U,CAG5E,IAAAhB,GAMN,MAAMiB,EAAWC,GACfX,MAAMC,KAAKT,KAAKU,GAAGU,UAAUC,MAAMC,GAAUA,EAAMC,aAAa,UAAYJ,IAE9EnB,KAAKH,SAAWqB,EAAQ,SACxBlB,KAAKF,WAAaoB,EAAQ,WAE1B,MAAMX,EAAQP,KAAKO,MACnB,MAAMiB,EAAeC,EACnBlB,EAAMmB,KAAKb,IAAI,CAAQG,QAAShB,KAAKe,UAAUF,QAGjD,IAAK,MAAOc,EAAOd,KAASN,EAAMqB,UAAW,CAC3C,MAAMC,EAAOhB,EACbgB,EAAKC,YAAcH,IAAUH,EAC7BK,EAAKE,YAAc,Y,EAIvB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,MAAMC,KAAK,MAAK,aAAarC,KAAKJ,OAO3CqC,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEE,MAAO,KAAMC,OAAQvC,KAAKH,UAAYwC,KAAK,SACxDJ,EAAA,QAAAE,IAAA,2CAAMhB,KAAK,QAAQqB,aAAc,IAAMxC,KAAKM,aAG9C2B,EAAA,MAAAE,IAAA,2CAAIC,MAAM,OAAOC,KAAK,QACpBJ,EAAA,QAAAE,IAAA,2CAAMK,aAAc,IAAMxC,KAAKM,aAGjC2B,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEK,QAAS,KAAMF,OAAQvC,KAAKF,YAAcuC,KAAK,WAC5DJ,EAAA,QAAAE,IAAA,2CAAMhB,KAAK,UAAUqB,aAAc,IAAMxC,KAAKM,c","ignoreList":[]}

package/dist/pitchfork/p-22d8c69d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as i,h as o,H as s}from"./p-Bm6UxEit.js";import{o as r,p as a}from"./p-CC7AyfOt.js";import{c as n}from"./p-DfpCerXM.js";import{q as c,m as h}from"./p-Dkd7BUB5.js";import{K as l}from"./p-g4FlTDZx.js";import{g as d,r as p}from"./p-CAz7-p8y.js";import{a as f}from"./p-Cr6IXrUk.js";import{c as b}from"./p-Cy_kHPeC.js";const u=()=>`: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}`;const m={[l.ArrowDown]:"next",[l.ArrowUp]:"previous",[l.Home]:"first",[l.End]:"last"};const v=class{constructor(i){t(this,i);this.pfChange=e(this,"pfChange");this.pfOpenChange=e(this,"pfOpenChange");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}}get el(){return i(this)}internals;name;value="";open=false;label;description;error;placeholder="Search…";emptyMessage="No matches";required=false;disabled=false;clearable=true;clearLabel="Clear";pfChange;pfOpenChange;query="";matchCount=0;initialValue="";stopObserving;activeOption=null;componentWillLoad(){this.initialValue=this.value??"";this.syncFormState();this.query=this.selectedLabel();this.applyQuery()}componentDidRender(){this.syncActiveDescendant()}disconnectedCallback(){this.stopObserving?.()}syncFormState(){this.internals.setFormValue(this.value||null);f(this.internals,Boolean(this.value),this.required,this.error)}syncSelection(){for(const t of this.options()){t.selected=this.optionValue(t)===this.value&&this.value!==""}this.query=this.selectedLabel();this.applyQuery()}syncOpen(t,e){if(t)this.showListbox();else this.hideListbox();if(t!==e)this.pfOpenChange.emit({open:t})}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue;this.query=this.selectedLabel();this.applyQuery()}async refresh(){this.syncSelection()}onSlotChange=()=>{this.syncSelection()};options(){return Array.from(this.el.querySelectorAll("pf-option"))}visible(){return this.options().filter((t=>!t.hasAttribute("hidden")))}optionValue(t){return t.value??t.getAttribute("value")??""}selectedLabel(){const t=this.options().find((t=>this.optionValue(t)===this.value));return this.value&&t?t.textContent?.trim()??"":""}get listbox(){return this.el.shadowRoot?.querySelector('[part="listbox"]')??null}get input(){return this.el.shadowRoot?.querySelector('[part="input"]')??null}get control(){return this.el.shadowRoot?.querySelector('[part="control"]')??null}applyQuery(){const t=c(this.query,this.selectedLabel());const e=this.options();for(const i of e){const e=t||h({label:i.textContent?.trim()??""},this.query);if(e)i.removeAttribute("hidden");else i.setAttribute("hidden","")}const i=this.visible();this.matchCount=i.length;const o=i.find((t=>!t.hasAttribute("disabled")))??null;if(!this.activeOption||this.activeOption.hasAttribute("hidden"))this.setActive(o)}showListbox(){const t=this.listbox;if(this.disabled||!t||t.matches(":popover-open"))return;t.showPopover();this.stopObserving?.();this.stopObserving=r({getAnchor:()=>this.control,getFloating:()=>t,matchAnchorWidth:true,flip:true,onChange:({left:e,top:i,width:o,minWidth:s})=>{a(t,e,i);if(o!==undefined)t.style.width=`${o}px`;if(s!==undefined)t.style.minWidth=`${s}px`}});this.applyQuery()}hideListbox(){this.stopObserving?.();this.stopObserving=undefined;const t=this.listbox;if(t?.matches(":popover-open"))t.hidePopover()}onToggle=t=>{const e=t.newState==="open";if(this.open!==e)this.open=e;if(!e){this.query=this.selectedLabel();this.applyQuery();this.input?.focus()}};setActive(t){for(const e of this.options()){if(e!==t)e.active=false}if(t)t.active=true;this.activeOption=t;this.syncActiveDescendant();if(t&&typeof t.scrollIntoView==="function"){t.scrollIntoView({block:"nearest"})}}syncActiveDescendant(){const t=this.input;if(!t||!("ariaActiveDescendantElement"in t))return;t.ariaActiveDescendantElement=this.open?this.activeOption:null}commit(t){if(t.hasAttribute("disabled"))return;const e=this.optionValue(t);this.open=false;if(e!==this.value){this.value=e;this.pfChange.emit({value:e})}this.query=this.selectedLabel();this.applyQuery();this.input?.focus()}handleOptionSelect(t){t.stopPropagation();if(this.disabled)return;const e=this.options().find((e=>this.optionValue(e)===t.detail.value));if(e)this.commit(e)}move(t){const e=this.visible();const i=d(e,(t=>t.hasAttribute("disabled")));const o=this.activeOption?e.indexOf(this.activeOption):-1;const s=p(t,i,o);if(s!==-1)this.setActive(e[s]??null)}onInput=t=>{this.query=t.target.value;this.applyQuery();if(!this.open)this.open=true};clear=()=>{this.query="";if(this.value!==""){this.value="";this.pfChange.emit({value:""})}this.applyQuery();this.open=true;this.input?.focus()};onKeyDown=t=>{if(this.disabled)return;const e=m[t.key];if(e){t.preventDefault();if(!this.open)this.open=true;else this.move(e);return}if(t.key===l.Enter&&this.open&&this.activeOption){t.preventDefault();this.commit(this.activeOption)}};render(){const t=n(this.description&&"description",this.error&&"error");const e=this.clearable&&!this.disabled&&(this.query!==""||this.value!=="");return o(s,{key:"4a948db9316e8174c9c7592afb9912deb59eecdd"},o("div",{key:"ac5e469f9c00ec843fdb7a485cb3cbe9ddc08573",class:"field",part:"field"},this.label&&o("label",{key:"eb610c213cfe510c229f5ffa81e9761bf7303476",class:"label",part:"label",htmlFor:"input"},this.label,this.required&&o("span",{key:"d942137e81be6007aafe2e1dfc43e97e2ab8af59",class:"required","aria-hidden":"true"},"*")),o("div",{key:"b9f4806e7882e5dc2c64abe87f48bb925173d7dc",class:{control:true,"control--invalid":Boolean(this.error)},part:"control"},o("input",{key:"9a10cc81ff212f3e279cfcc311886756d7ca76f1",id:"input","aria-label":b(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":t,onInput:this.onInput,onKeyDown:this.onKeyDown,onClick:()=>{if(!this.disabled)this.open=true}}),e&&o("button",{key:"bc9f8df667df57cbede3aa00a4119f6591faeb7d",class:"clear",part:"clear",type:"button","aria-label":this.clearLabel,tabindex:-1,onMouseDown:t=>t.preventDefault(),onClick:this.clear},o("pf-icon",{key:"580dab29c2631f79b7a611f7dd95a81fc5cffda2",name:"circle-xmark"})),o("span",{key:"06d06d1fcbae5937632cf2451ab97d42d1410c91",class:"chevron","aria-hidden":"true"},o("pf-icon",{key:"d30dd0a5d008cec99c1ec8fd25acc7fdfbdd68db",name:"chevron-down"}))),this.description&&o("p",{key:"09873008049536bb2eab61825ae95a2d92e3952a",class:"description",part:"description",id:"description"},this.description),this.error&&o("p",{key:"ee43b1e024ff0e6e052054278680e04651b55421",class:"error",part:"error",id:"error"},this.error)),o("div",{key:"5b221c6566bc6dd29dc3a5d9ee5268ec65fa296e",id:"listbox",part:"listbox",class:"listbox",popover:"auto",role:"listbox","aria-label":this.label??this.placeholder,onToggle:this.onToggle},o("slot",{key:"645c56c8dd776ddd013be68c2bfc544f35c05b35",onSlotchange:this.onSlotChange}),this.matchCount===0&&o("p",{key:"9a3aac572c41177b41be06f9986d0718756c7de3",class:"empty",part:"empty"},this.emptyMessage)))}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0},{syncSelection:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],open:[{syncOpen:0}]}}};v.style=u();export{v as pf_combobox};
+//# sourceMappingURL=p-22d8c69d.entry.js.map

package/dist/pitchfork/p-22d8c69d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfComboboxCss","MOVES","Keys","ArrowDown","ArrowUp","Home","End","PfCombobox","internals","name","value","open","label","description","error","placeholder","emptyMessage","required","disabled","clearable","clearLabel","pfChange","pfOpenChange","query","matchCount","initialValue","stopObserving","activeOption","componentWillLoad","this","syncFormState","selectedLabel","applyQuery","componentDidRender","syncActiveDescendant","disconnectedCallback","setFormValue","applyControlValidity","Boolean","syncSelection","option","options","selected","optionValue","syncOpen","next","previous","showListbox","hideListbox","emit","show","hide","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","refresh","onSlotChange","Array","from","el","querySelectorAll","visible","filter","hasAttribute","getAttribute","chosen","find","textContent","trim","listbox","shadowRoot","querySelector","input","control","echoed","queryIsEchoedSelection","matches","matchesCommandQuery","removeAttribute","setAttribute","length","first","setActive","panel","showPopover","observeAnchoredPosition","getAnchor","getFloating","matchAnchorWidth","flip","onChange","left","top","width","minWidth","placePopover","undefined","style","hidePopover","onToggle","event","nowOpen","newState","focus","other","active","scrollIntoView","block","ariaActiveDescendantElement","commit","handleOptionSelect","stopPropagation","candidate","detail","move","action","enabledIndexes","getEnabledIndexes","current","indexOf","resolveListMove","onInput","target","clear","onKeyDown","key","preventDefault","Enter","render","describedBy","composeDescribedBy","showClear","h","Host","class","part","htmlFor","id","controlAriaLabel","type","role","autocomplete","onClick","tabindex","onMouseDown","popover","onSlotchange"],"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"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-2add2e98.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as i,h as r,H as o}from"./p-Bm6UxEit.js";import{o as n,p as s}from"./p-CC7AyfOt.js";import{c as a}from"./p-DfpCerXM.js";import{K as l}from"./p-g4FlTDZx.js";import{a as c}from"./p-Cr6IXrUk.js";import{c as p}from"./p-Cy_kHPeC.js";var d=e=>String(e).padStart(2,"0");function u(e){const t=/^(\d{1,2}):(\d{2})$/.exec((e??"").trim());if(!t)return{hour:null,minute:null};const i=Number(t[1]);const r=Number(t[2]);if(i>23||r>59)return{hour:null,minute:null};return{hour:i,minute:r}}function h(e){if(e.hour===null||e.minute===null)return"";return`${d(e.hour)}:${d(e.minute)}`}function f(e,t){if(e.hour===null||e.minute===null)return"";if(t===24)return`${d(e.hour)}:${d(e.minute)}`;return`${b(e.hour)}:${d(e.minute)} ${m(e.hour)}`}function m(e){return e<12?"AM":"PM"}function b(e){const t=e%12;return t===0?12:t}function g(e,t){const i=e%12;return t==="PM"?i+12:i}function v(e,t=1){const i=Math.max(1,Math.floor(t));const r=Math.ceil(e/i);return Array.from({length:r},((e,t)=>t*i))}function y(e){return e===24?v(24):v(12).map((e=>e+1))}const k=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-timepicker-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-timepicker-invalid-border);margin-inline-start:var(--space-1)}.trigger{align-items:center;background:var(--pf-timepicker-bg);border:1px solid var(--pf-timepicker-border);border-radius:var(--radius-md);color:var(--pf-timepicker-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-3);text-align:start;width:100%}.trigger:focus-visible{border-color:var(--pf-timepicker-focus-border);box-shadow:var(--pf-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.6}.trigger--invalid{border-color:var(--pf-timepicker-invalid-border)}.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value--placeholder{color:var(--pf-timepicker-placeholder)}.description{color:var(--pf-timepicker-text-muted);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-timepicker-invalid-border);font-size:var(--font-size-xs);margin:0}.panel{inset:auto;margin:0;background:var(--pf-timepicker-menu-bg);border:1px solid var(--pf-timepicker-menu-border);border-radius:var(--radius-md);box-shadow:var(--pf-elevation-popover-shadow);display:flex;gap:var(--space-1);padding:var(--space-1)}.panel:popover-open{animation:pf-time-picker-in var(--pf-transition-enter)}@keyframes pf-time-picker-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.panel:popover-open{animation:none}}.column{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.column:focus-visible{outline:none}.option{background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-timepicker-text);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;padding:var(--space-1) var(--space-3);text-align:center}.option:hover{background:var(--pf-timepicker-option-hover-bg)}.option:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.option--selected{background:var(--pf-timepicker-option-active-bg);color:var(--pf-timepicker-option-active-text)}`;const x=class{constructor(i){e(this,i);this.pfChange=t(this,"pfChange");this.pfOpenChange=t(this,"pfOpenChange");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}}get el(){return i(this)}internals;name;value="";open=false;hourCycle=24;minuteStep=1;label;description;error;placeholder="Select time";required=false;disabled=false;pfChange;pfOpenChange;initialValue="";stopObserving;componentWillLoad(){this.initialValue=this.value??"";this.syncFormState()}componentDidRender(){if(this.open)this.scrollSelectedIntoView()}disconnectedCallback(){this.stopObserving?.()}syncFormState(){this.internals.setFormValue(this.value||null);c(this.internals,Boolean(this.value),this.required,this.error)}syncOpen(e,t){if(e)this.showPanel();else this.hidePanel();if(e!==t)this.pfOpenChange.emit({open:e})}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue}get cycle(){return Number(this.hourCycle)===12?12:24}get panel(){return this.el.shadowRoot?.querySelector('[part="panel"]')??null}get trigger(){return this.el.shadowRoot?.querySelector('[part="trigger"]')??null}get parts(){return u(this.value)}showPanel(){const e=this.panel;if(this.disabled||!e||e.matches(":popover-open"))return;e.showPopover();this.stopObserving?.();this.stopObserving=n({getAnchor:()=>this.trigger,getFloating:()=>e,align:"start",matchAnchorWidth:false,flip:true,onChange:({left:t,top:i})=>s(e,t,i)});this.scrollSelectedIntoView();e.querySelector('[data-selected="true"]')?.focus()}hidePanel(){this.stopObserving?.();this.stopObserving=undefined;const e=this.panel;if(e?.matches(":popover-open"))e.hidePopover()}scrollSelectedIntoView(){for(const e of Array.from(this.panel?.querySelectorAll('[data-selected="true"]')??[])){if(typeof e.scrollIntoView==="function"){e.scrollIntoView({block:"center"})}}}onToggle=e=>{const t=e.newState==="open";if(this.open!==t)this.open=t;if(!t)this.trigger?.focus()};commit(e){const t=h(e);if(!t||t===this.value)return;this.value=t;this.pfChange.emit({value:t})}selectHour(e){const t=this.cycle===24?e:g(e,this.selectedMeridiem()??"AM");this.commit({hour:t,minute:this.parts.minute??0})}selectMinute(e){this.commit({hour:this.parts.hour??0,minute:e})}selectMeridiem(e){const{hour:t,minute:i}=this.parts;this.commit({hour:g(b(t??0),e),minute:i??0})}selectedMeridiem(){const{hour:e}=this.parts;return e===null?null:m(e)}onColumnKeyDown=e=>{if(e.key!==l.ArrowDown&&e.key!==l.ArrowUp)return;const t=e.currentTarget;const i=Array.from(t.querySelectorAll("button"));const r=i.indexOf(this.el.shadowRoot?.activeElement);if(r===-1)return;e.preventDefault();const o=e.key===l.ArrowDown?r+1:r-1;i[Math.min(Math.max(o,0),i.length-1)]?.focus()};renderColumn(e,t){return r("div",{class:"column",part:"column",role:"listbox","aria-label":e,tabindex:-1,onKeyDown:this.onColumnKeyDown},t.map((e=>r("button",{key:e.key,type:"button",part:"option",class:{option:true,"option--selected":e.selected},role:"option","aria-selected":e.selected?"true":"false","data-selected":e.selected?"true":"false",onClick:e.onSelect},e.label))))}render(){const e=a(this.description&&"description",this.error&&"error");const{hour:t,minute:i}=this.parts;const n=f(this.parts,this.cycle);const s=t===null?null:this.cycle===24?t:b(t);const l=this.selectedMeridiem();return r(o,{key:"c26f419605ca45c6180180ebce68bec77fe99676"},r("div",{key:"bf975b4f6ef429212d28be61448df62d54322e90",class:"field",part:"field"},this.label&&r("label",{key:"80b0160476b03992991886c1e0c2f06dd1195931",class:"label",part:"label",htmlFor:"trigger"},this.label,this.required&&r("span",{key:"5d52003ddf874d68adcaad65012197a5262fe64c",class:"required","aria-hidden":"true"},"*")),r("button",{key:"842fb04fce12e559fc9f7ef541baa60c118c9f9d",id:"trigger","aria-label":p(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":e,onClick:()=>{if(!this.disabled)this.open=!this.open}},r("span",{key:"2eefe098a48de552dd6c869b4696ce09960abf5e",class:{value:true,"value--placeholder":!n}},n||this.placeholder),r("pf-icon",{key:"881c2760be97dacb6ffd2df9e46f1c66252ff513",name:"clock"})),this.description&&r("p",{key:"c09274524b28fa88034eba28138d0559cc0b60cf",class:"description",part:"description",id:"description"},this.description),this.error&&r("p",{key:"9a7ac33fc684b137684b6925cf44cb2d26c05aa0",class:"error",part:"error",id:"error"},this.error)),r("div",{key:"1c79f18f2078b4d2ae8c2832f8e49f3a33723354",id:"panel",part:"panel",class:"panel",popover:"auto",role:"dialog","aria-label":"Choose a time",onToggle:this.onToggle},this.renderColumn("Hour",y(this.cycle).map((e=>({key:`h-${e}`,label:d(e),selected:s===e,onSelect:()=>this.selectHour(e)})))),this.renderColumn("Minute",v(60,this.minuteStep).map((e=>({key:`m-${e}`,label:d(e),selected:i===e,onSelect:()=>this.selectMinute(e)})))),this.cycle===12&&this.renderColumn("AM or PM",["AM","PM"].map((e=>({key:e,label:e,selected:l===e,onSelect:()=>this.selectMeridiem(e)}))))))}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],open:[{syncOpen:0}]}}};x.style=k();export{x as pf_time_picker};
+//# sourceMappingURL=p-2add2e98.entry.js.map