@beeq/core 1.8.0-beta.3 → 1.8.0-beta.5

package/dist/cjs/loader.cjs.js

@@ -6,13 +6,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6d59dbb.js');
+const index = require('./index-34edf639.js');
 const appGlobals = require('./app-globals-b11284b9.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[81,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker.cjs\",[[17,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[\"handleValueChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-drawer.cjs\",[[1,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"],\"placement\":[\"handlePlacementChange\"],\"position\":[\"handlePositionChange\"]}]]],[\"bq-alert.cjs\",[[1,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-dialog.cjs\",[[1,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-input.cjs\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-notification.cjs\",[[1,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-accordion.cjs\",[[1,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[\"checkPropValues\"],\"expanded\":[\"handleExpandedChange\"],\"disabled\":[\"handleDisabledChange\"],\"noAnimation\":[\"handleJsAnimation\"]}]]],[\"bq-empty-state.cjs\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[1,\"bq-progress\",{\"indeterminate\":[516],\"value\":[1538],\"thickness\":[513],\"type\":[513],\"borderShape\":[513,\"border-shape\"],\"label\":[516],\"enableTooltip\":[516,\"enable-tooltip\"]},null,{\"borderShape\":[\"handleTypePropChange\"],\"thickness\":[\"handleTypePropChange\"],\"type\":[\"handleTypePropChange\"],\"value\":[\"handleValuePropChange\"]}]]],[\"bq-side-menu-item.cjs\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[17,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[\"handleValuePropChange\"],\"step\":[\"handleStepPropChange\"],\"gap\":[\"handleGapChange\"]}]]],[\"bq-status.cjs\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[17,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]}]]],[\"bq-toast.cjs\",[[1,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"],\"time\":[\"handleTimeChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-accordion-group.cjs\",[[1,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[\"checkPropValues\"],\"expandAll\":[\"checkPropValues\"],\"noAnimation\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-avatar.cjs\",[[1,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[\"handleImagePropChange\"],\"shape\":[\"checkPropValues\"],\"size\":[\"checkPropValues\",\"onInitialsChange\"],\"initials\":[\"onInitialsChange\"]}]]],[\"bq-breadcrumb.cjs\",[[1,\"bq-breadcrumb\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqBlur\",\"onBlur\"],[1,\"bqFocus\",\"onFocus\"],[1,\"bqClick\",\"onClick\"]]]]],[\"bq-breadcrumb-item.cjs\",[[1,\"bq-breadcrumb-item\",{\"ariaLabel\":[1,\"aria-label\"],\"isLastItem\":[4,\"is-last-item\"],\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[81,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[\"handleIndeterminatePropChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-option.cjs\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[1,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[1,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]}]]],[\"bq-radio-group.cjs\",[[1,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"fieldset\":[516],\"orientation\":[1537],\"debounceTime\":[1538,\"debounce-time\"]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"value\":[\"handleGroupProperties\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu.cjs\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[1,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[\"handleTextPositionProp\"],\"size\":[\"handleSizeProp\"],\"hasIconSlot\":[\"handleHasIconSlot\"]}]]],[\"bq-step-item.cjs\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[1,\"bq-tab\",{\"active\":[1540],\"disabled\":[516],\"size\":[513],\"orientation\":[513],\"placement\":[513],\"tabId\":[513,\"tab-id\"],\"controls\":[513],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-tab-group.cjs\",[[1,\"bq-tab-group\",{\"value\":[1537],\"size\":[513],\"orientation\":[513],\"placement\":[513],\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"checkDebounceChange\"],\"size\":[\"checkPropValues\"],\"value\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-textarea.cjs\",[[17,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[513,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-badge.cjs\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[1,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"loading\":[4],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[\"checkPropValues\"],\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[1,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"_svgContent\":[32]},null,{\"color\":[\"handlePropsChange\"],\"name\":[\"handlePropsChange\"],\"size\":[\"handlePropsChange\"],\"weight\":[\"handleWeightChange\"]}]]],[\"bq-option-list_2.cjs\",[[17,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[1,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[\"checkPropValues\"],\"titleAlignment\":[\"checkPropValues\"],\"strokeLinecap\":[\"checkPropValues\"]}]]],[\"bq-tooltip.cjs\",[[1,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[5,\"mousedown\",\"handleDocumentMouseDown\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2.cjs\",[[1,\"bq-dropdown\",{\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[1,\"bqSelect\",\"onItemSelect\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"bq-panel\",{\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[\"handleOpenChange\"],\"distance\":[\"onPropChange\"],\"placement\":[\"onPropChange\"],\"sameWidth\":[\"onPropChange\"],\"skidding\":[\"onPropChange\"],\"strategy\":[\"onPropChange\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[81,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker.cjs\",[[17,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[\"handleValueChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-drawer.cjs\",[[1,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"],\"placement\":[\"handlePlacementChange\"],\"position\":[\"handlePositionChange\"]}]]],[\"bq-alert.cjs\",[[1,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-dialog.cjs\",[[1,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-input.cjs\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-notification.cjs\",[[1,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-accordion.cjs\",[[1,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[\"checkPropValues\"],\"expanded\":[\"handleExpandedChange\"],\"disabled\":[\"handleDisabledChange\"],\"noAnimation\":[\"handleJsAnimation\"]}]]],[\"bq-empty-state.cjs\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[1,\"bq-progress\",{\"indeterminate\":[516],\"value\":[1538],\"thickness\":[513],\"type\":[513],\"borderShape\":[513,\"border-shape\"],\"label\":[516],\"enableTooltip\":[516,\"enable-tooltip\"]},null,{\"borderShape\":[\"handleTypePropChange\"],\"thickness\":[\"handleTypePropChange\"],\"type\":[\"handleTypePropChange\"],\"value\":[\"handleValuePropChange\"]}]]],[\"bq-side-menu-item.cjs\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[17,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[\"handleValuePropChange\"],\"step\":[\"handleStepPropChange\"],\"gap\":[\"handleGapChange\"]}]]],[\"bq-status.cjs\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[17,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]}]]],[\"bq-toast.cjs\",[[1,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"],\"time\":[\"handleTimeChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-accordion-group.cjs\",[[1,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[\"checkPropValues\"],\"expandAll\":[\"checkPropValues\"],\"noAnimation\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-avatar.cjs\",[[1,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[\"handleImagePropChange\"],\"shape\":[\"checkPropValues\"],\"size\":[\"checkPropValues\",\"onInitialsChange\"],\"initials\":[\"onInitialsChange\"]}]]],[\"bq-breadcrumb.cjs\",[[1,\"bq-breadcrumb\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqBlur\",\"onBlur\"],[1,\"bqFocus\",\"onFocus\"],[1,\"bqClick\",\"onClick\"]]]]],[\"bq-breadcrumb-item.cjs\",[[1,\"bq-breadcrumb-item\",{\"ariaLabel\":[1,\"aria-label\"],\"isLastItem\":[4,\"is-last-item\"],\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[81,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[\"handleIndeterminatePropChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-option.cjs\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[1,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[17,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]}]]],[\"bq-radio-group.cjs\",[[1,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"fieldset\":[516],\"orientation\":[1537],\"debounceTime\":[1538,\"debounce-time\"]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"value\":[\"handleGroupProperties\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu.cjs\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[1,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[\"handleTextPositionProp\"],\"size\":[\"handleSizeProp\"],\"hasIconSlot\":[\"handleHasIconSlot\"]}]]],[\"bq-step-item.cjs\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[1,\"bq-tab\",{\"active\":[1540],\"disabled\":[516],\"size\":[513],\"orientation\":[513],\"placement\":[513],\"tabId\":[513,\"tab-id\"],\"controls\":[513],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-tab-group.cjs\",[[1,\"bq-tab-group\",{\"value\":[1537],\"size\":[513],\"orientation\":[513],\"placement\":[513],\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"checkDebounceChange\"],\"size\":[\"checkPropValues\"],\"value\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-textarea.cjs\",[[17,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[513,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-badge.cjs\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[81,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"loading\":[4],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[\"checkPropValues\"],\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[1,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"_svgContent\":[32]},null,{\"color\":[\"handlePropsChange\"],\"name\":[\"handlePropsChange\"],\"size\":[\"handlePropsChange\"],\"weight\":[\"handleWeightChange\"]}]]],[\"bq-option-list_2.cjs\",[[17,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[1,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[\"checkPropValues\"],\"titleAlignment\":[\"checkPropValues\"],\"strokeLinecap\":[\"checkPropValues\"]}]]],[\"bq-tooltip.cjs\",[[1,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[5,\"mousedown\",\"handleDocumentMouseDown\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2.cjs\",[[1,\"bq-dropdown\",{\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[1,\"bqSelect\",\"onItemSelect\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"bq-panel\",{\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[\"handleOpenChange\"],\"distance\":[\"onPropChange\"],\"placement\":[\"onPropChange\"],\"sameWidth\":[\"onPropChange\"],\"skidding\":[\"onPropChange\"],\"strategy\":[\"onPropChange\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{slot-dd6f7db9.js → slot-2fee189a.js}

@@ -50,7 +50,7 @@ function getInnerHTML(slot) {
 }
 function getTextContent(slot, options) {
     const nodes = slot.assignedNodes({ flatten: true });
-    const { recurse = false, maxLevel } = options !== null && options !== void 0 ? options : {};
+    const { recurse = false, maxLevel } = options ?? {};
     let text = '';
     [...nodes].forEach((node) => {
         text += getText(node, 1, recurse ? maxLevel : 1);
@@ -75,9 +75,8 @@ function hasSlot(el, name) {
  * @return {boolean} True or false if the slot have HTML children elements
  */
 function hasSlotContent(el, name) {
-    var _a;
     const slotSelector = name ? `[name='${name}']` : '';
-    const slotContent = (_a = el.querySelector(`slot${slotSelector}`)) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
+    const slotContent = el.querySelector(`slot${slotSelector}`)?.assignedElements({ flatten: true });
     if (!slotContent || !Array.isArray(slotContent))
         return false;
     return !!slotContent.length;
@@ -88,4 +87,4 @@ exports.getTextContent = getTextContent;
 exports.hasSlot = hasSlot;
 exports.hasSlotContent = hasSlotContent;
 
-//# sourceMappingURL=slot-dd6f7db9.js.map
+//# sourceMappingURL=slot-2fee189a.js.map

package/dist/{beeq/p-d7a88b16.js.map → cjs/slot-2fee189a.js.map}

@@ -1 +1 @@
-{"version":3,"names":["isElementNode","node","nodeType","Node","ELEMENT_NODE","isTextNode","TEXT_NODE","getText","currentLevel","maxLevel","Infinity","text","textContent","hasChildNodes","nextLevel","childNodes","forEach","getInnerHTML","slot","nodes","assignedNodes","flatten","html","outerHTML","getTextContent","options","recurse","trim","hasSlot","el","name","Array","from","querySelectorAll","filter","slottedEl","length","hasSlotContent","slotSelector","slotContent","_a","querySelector","assignedElements","isArray"],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit:                                                                                =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts             =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n  let text = '';\n  if (currentLevel <= maxLevel) {\n    if (isTextNode(node)) {\n      text += node.textContent;\n    } else if (isElementNode(node) && node.hasChildNodes()) {\n      const nextLevel = currentLevel + 1;\n      node.childNodes.forEach((node) => {\n        text += getText(node, nextLevel, maxLevel);\n      });\n    }\n  }\n\n  return text;\n}\n\nexport interface IOptions {\n  recurse: boolean;\n  maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].forEach((node) => {\n    if (isElementNode(node)) {\n      html += node.outerHTML;\n    }\n\n    if (isTextNode(node)) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  const { recurse = false, maxLevel } = options ?? {};\n  let text = '';\n\n  [...nodes].forEach((node) => {\n    text += getText(node, 1, recurse ? maxLevel : 1);\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n  return (\n    Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n  );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n  const slotSelector = name ? `[name='${name}']` : '';\n  const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n  if (!slotContent || !Array.isArray(slotContent)) return false;\n\n  return !!slotContent.length;\n}\n"],"mappings":";;;;AAKA,SAASA,EAAcC,GACrB,OAAOA,EAAKC,WAAaC,KAAKC,YAChC,CAEA,SAASC,EAAWJ,GAClB,OAAOA,EAAKC,WAAaC,KAAKG,SAChC,CAEA,SAASC,EAAQN,EAAYO,EAAe,EAAGC,EAAWC,UACxD,IAAIC,EAAO,GACX,GAAIH,GAAgBC,EAAU,CAC5B,GAAIJ,EAAWJ,GAAO,CACpBU,GAAQV,EAAKW,W,MACR,GAAIZ,EAAcC,IAASA,EAAKY,gBAAiB,CACtD,MAAMC,EAAYN,EAAe,EACjCP,EAAKc,WAAWC,SAASf,IACvBU,GAAQJ,EAAQN,EAAMa,EAAWL,EAAS,G,EAKhD,OAAOE,CACT,C,SAagBM,EAAaC,GAC3B,MAAMC,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,IAAIC,EAAO,GAEX,IAAIH,GAAOH,SAASf,IAClB,GAAID,EAAcC,GAAO,CACvBqB,GAAQrB,EAAKsB,S,CAGf,GAAIlB,EAAWJ,GAAO,CACpBqB,GAAQrB,EAAKW,W,KAIjB,OAAOU,CACT,C,SAiBgBE,EAAeN,EAAuBO,GACpD,MAAMN,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,MAAMK,QAAEA,EAAU,MAAKjB,SAAEA,GAAagB,IAAO,MAAPA,SAAO,EAAPA,EAAW,GACjD,IAAId,EAAO,GAEX,IAAIQ,GAAOH,SAASf,IAClBU,GAAQJ,EAAQN,EAAM,EAAGyB,EAAUjB,EAAW,EAAE,IAGlD,OAAOE,EAAKgB,MACd,C,SASgBC,EAAQC,EAAiBC,GACvC,OACEC,MAAMC,KAAKH,EAAGI,iBAAiB,WAAWC,QAAQC,GAA+BA,EAAUjB,OAASY,IAAMM,OAAS,CAEvH,C,SASgBC,EAAeR,EAAiBC,G,MAC9C,MAAMQ,EAAeR,EAAO,UAAUA,MAAW,GACjD,MAAMS,GAAcC,EAAAX,EAAGY,cAA+B,OAAOH,QAAe,MAAAE,SAAA,SAAAA,EAAEE,iBAAiB,CAAErB,QAAS,OAC1G,IAAKkB,IAAgBR,MAAMY,QAAQJ,GAAc,OAAO,MAExD,QAASA,EAAYH,MACvB,Q","ignoreList":[]}
+{"file":"slot-2fee189a.js","mappings":"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","names":[],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit:                                                                                =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts             =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n  let text = '';\n  if (currentLevel <= maxLevel) {\n    if (isTextNode(node)) {\n      text += node.textContent;\n    } else if (isElementNode(node) && node.hasChildNodes()) {\n      const nextLevel = currentLevel + 1;\n      node.childNodes.forEach((node) => {\n        text += getText(node, nextLevel, maxLevel);\n      });\n    }\n  }\n\n  return text;\n}\n\nexport interface IOptions {\n  recurse: boolean;\n  maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].forEach((node) => {\n    if (isElementNode(node)) {\n      html += node.outerHTML;\n    }\n\n    if (isTextNode(node)) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  const { recurse = false, maxLevel } = options ?? {};\n  let text = '';\n\n  [...nodes].forEach((node) => {\n    text += getText(node, 1, recurse ? maxLevel : 1);\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n  return (\n    Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n  );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n  const slotSelector = name ? `[name='${name}']` : '';\n  const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n  if (!slotContent || !Array.isArray(slotContent)) return false;\n\n  return !!slotContent.length;\n}\n"],"version":3}

package/dist/collection/_storybook/foundation/helper/index.js

@@ -3,12 +3,12 @@
  * © https://beeq.design - Apache 2 License.
  */
 import { getCSSVariableValue } from "../../../shared/utils";
-export function mapColors(colors) {
-    return Object.fromEntries(colors.map((name) => [name, getCSSVariableValue(name, document.body)]));
-}
 export function capitalize(text) {
     if (!text)
         return '';
     return text.charAt(0).toUpperCase() + text.slice(1);
 }
+export function getVariableValue(name) {
+    return getCSSVariableValue(name, document.body);
+}
 //# sourceMappingURL=index.js.map

package/dist/collection/_storybook/foundation/helper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/_storybook/foundation/helper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,SAAS,CAAC,MAAgB;IACxC,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5G,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import { getCSSVariableValue } from '../../../shared/utils';\n\nexport function mapColors(colors: string[]) {\n  return Object.fromEntries(colors.map((name: string) => [name, getCSSVariableValue(name, document.body)]));\n}\n\nexport function capitalize(text: string) {\n  if (!text) return '';\n  return text.charAt(0).toUpperCase() + text.slice(1);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/_storybook/foundation/helper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,OAAO,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAClD,CAAC","sourcesContent":["import { getCSSVariableValue } from '../../../shared/utils';\n\nexport function capitalize(text: string) {\n  if (!text) return '';\n  return text.charAt(0).toUpperCase() + text.slice(1);\n}\n\nexport function getVariableValue(name: string) {\n  return getCSSVariableValue(name, document.body);\n}\n"]}

package/dist/collection/collection-manifest.json

@@ -45,8 +45,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.22.1",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [],
   "bundles": [],

package/dist/collection/components/accordion/bq-accordion.js

@@ -16,37 +16,6 @@ import { hasSlotContent, validatePropValue } from "../../shared/utils";
  */
 export class BqAccordion {
     constructor() {
-        // Public methods API
-        // These methods are exposed on the host element.
-        // Always use two lines.
-        // Public Methods must be async.
-        // Requires JSDocs for public API documentation.
-        // ===============================================
-        // Local methods
-        // Internal business logic.
-        // These methods cannot be called from the host element.
-        // =======================================================
-        this.handleClick = (event) => {
-            event.preventDefault();
-            if (this.disabled)
-                return;
-            this.bqClick.emit(this.el);
-            this.expanded = !this.expanded;
-        };
-        this.handleFocus = () => {
-            if (this.disabled)
-                return;
-            this.bqFocus.emit(this.el);
-        };
-        this.handleBlur = () => {
-            this.bqBlur.emit(this.el);
-        };
-        this.handlePrefixSlotChange = () => {
-            this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');
-        };
-        this.handleSuffixSlotChange = () => {
-            this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');
-        };
         this.hasPrefix = false;
         this.hasSuffix = false;
         this.appearance = 'filled';
@@ -56,6 +25,15 @@ export class BqAccordion {
         this.rotate = false;
         this.size = 'medium';
     }
+    // Own Properties
+    // ====================
+    accordion;
+    prefixElem;
+    suffixElem;
+    detailsElem;
+    // Reference to host HTML element
+    // ===================================
+    el;
     // Prop lifecycle events
     // =======================
     checkPropValues() {
@@ -63,13 +41,17 @@ export class BqAccordion {
         validatePropValue(ACCORDION_APPEARANCE, 'filled', this.el, 'appearance');
     }
     handleExpandedChange() {
-        var _a, _b;
         const event = this.expanded ? this.bqOpen.emit(this.el) : this.bqClose.emit(this.el);
         if (event.defaultPrevented) {
             this.expanded = !this.expanded;
             return;
         }
-        this.expanded ? (_a = this.accordion) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.accordion) === null || _b === void 0 ? void 0 : _b.close();
+        if (this.expanded) {
+            this.accordion?.open();
+        }
+        else {
+            this.accordion?.close();
+        }
         if (!this.isCssCalcSizeSupported)
             return;
         // NOTE: This is a workaround to trigger the transitionEnd event
@@ -90,6 +72,23 @@ export class BqAccordion {
         For vertical layout, consider using the 'noAnimation' prop ('no-animation' attribute) to disable it`);
         this.accordion = !this.noAnimation ? new Accordion(this.detailsElem) : null;
     }
+    // Events section
+    // Requires JSDocs for public API documentation
+    // ==============================================
+    /** Handler to be called when the accordion loses focus */
+    bqBlur;
+    /** Handler to be called when the accordion gets focus */
+    bqFocus;
+    /** Handler to be called when the accordion is opened */
+    bqOpen;
+    /** Handler to be called after the accordion is opened */
+    bqAfterOpen;
+    /** Handler to be called when the accordion is closed */
+    bqClose;
+    /** Handler to be called after the accordion is closed */
+    bqAfterClose;
+    /** @internal Handler to be called when the accordion is clicked */
+    bqClick;
     // Component lifecycle events
     // Ordered by their natural call order
     // =====================================
@@ -106,28 +105,62 @@ export class BqAccordion {
         event.stopPropagation();
         if (event.target !== this.el)
             return;
-        this.expanded ? this.bqAfterOpen.emit(this.el) : this.bqAfterClose.emit(this.el);
+        if (this.expanded) {
+            this.bqAfterOpen.emit(this.el);
+            return;
+        }
+        this.bqAfterClose.emit(this.el);
     }
+    // Public methods API
+    // These methods are exposed on the host element.
+    // Always use two lines.
+    // Public Methods must be async.
+    // Requires JSDocs for public API documentation.
+    // ===============================================
+    // Local methods
+    // Internal business logic.
+    // These methods cannot be called from the host element.
+    // =======================================================
+    handleClick = (event) => {
+        event.preventDefault();
+        if (this.disabled)
+            return;
+        this.bqClick.emit(this.el);
+        this.expanded = !this.expanded;
+    };
+    handleFocus = () => {
+        if (this.disabled)
+            return;
+        this.bqFocus.emit(this.el);
+    };
+    handleBlur = () => {
+        this.bqBlur.emit(this.el);
+    };
+    handlePrefixSlotChange = () => {
+        this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');
+    };
+    handleSuffixSlotChange = () => {
+        this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');
+    };
     get open() {
         return this.expanded && !this.disabled;
     }
     get isCssCalcSizeSupported() {
-        var _a;
-        return (_a = window.CSS) === null || _a === void 0 ? void 0 : _a.supports('(block-size: calc-size(auto))');
+        return window.CSS?.supports('(block-size: calc-size(auto))');
     }
     // render() function
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("details", { key: '48c1d654694d4999c6d325fcbde8c43486e62213', class: {
+        return (h("details", { key: 'd6ad4575d315f73bc6767d249bdaaa02cf21c677', class: {
                 [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,
                 'no-animation': this.noAnimation,
                 disabled: this.disabled,
-            }, ref: (detailsElem) => (this.detailsElem = detailsElem), open: this.open, part: "base" }, h("summary", { key: 'f8fc495b559b16237b3a8ad49f5499d239cd68e8', class: "bq-accordion__header", onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-expanded": this.expanded, "aria-disabled": this.disabled, "aria-controls": "bq-accordion__body", tabindex: this.disabled ? -1 : 0, part: "header" }, h("div", { key: '305ee372c9c9537fea76e7b57b41ddaeb81640a5', ref: (element) => (this.prefixElem = element), class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix" }, h("slot", { key: 'e588a8a2f33215be8e70f642485c3d27c4b7767e', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), h("div", { key: '248a47fd82003f7d745c88cdced34b3e6f5855a5', class: "bq-accordion__header--text", part: "text" }, h("slot", { key: 'eeddb1706abda0deaf90c878f0843176f1f19320', name: "header" })), h("div", { key: 'ef62bfb8e766b59282092cdfb052ae71bff5d358', ref: (element) => (this.suffixElem = element), class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix" }, h("slot", { key: '49b08c176cfd66552da0afc327fbbdc39b78d1e2', name: "suffix", onSlotchange: this.handleSuffixSlotChange })), h("div", { key: '27d8a460b110c6f33b7e7a49452a2d24ba373b64', class: {
+            }, ref: (detailsElem) => (this.detailsElem = detailsElem), open: this.open, part: "base" }, h("summary", { key: 'bf7538eafc2d2eb71c57c6843ae5ed815532a6ec', class: "bq-accordion__header", onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-expanded": this.expanded, "aria-disabled": this.disabled, "aria-controls": "bq-accordion__body", tabindex: this.disabled ? -1 : 0, part: "header" }, h("div", { key: '46278105c722c782502a9fbea81f3913971d3a52', ref: (element) => (this.prefixElem = element), class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix" }, h("slot", { key: '6a1ba14182dcd54c4c49838f5cd36e20b8665128', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), h("div", { key: '168632665a8d939eb7a74b77cded9b5252083aa5', class: "bq-accordion__header--text", part: "text" }, h("slot", { key: '24caa4c75a1c385a6493412a464fdb5d88cea031', name: "header" })), h("div", { key: 'de866465580de2944490f4271eb998e2c4feb90f', ref: (element) => (this.suffixElem = element), class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix" }, h("slot", { key: 'f433b4b7efb1ff3588ca5609e38c8cb07cf38fb0', name: "suffix", onSlotchange: this.handleSuffixSlotChange })), h("div", { key: '872080618096fd3243e327e66e8b2e98d60a1966', class: {
                 'flex items-center justify-center transition-transform duration-300 ease-in-out': true,
                 '!hidden': this.open && !this.rotate,
                 'rotate-180': this.rotate && this.open,
-            } }, h("slot", { key: '19dc458b735a88262ab5df239404389aed64fdb8', name: "expand" }, h("bq-icon", { key: 'e9fdf8236ef47afbf8f1382437e8b68145ba980c', name: "plus" }))), h("div", { key: '853a99dcd4d5418915781c5d02f33b7fe47ac8cb', class: { 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate } }, h("slot", { key: 'ee6cb86a458f75df72d35e984ab26676f9d534dd', name: "collapse" }, h("bq-icon", { key: 'd84dcc1320fb6ed50933593aebde0e4afc7369fe', name: "minus" })))), h("div", { key: 'fef7fff7e8686614b24cf8e84f996f403f6a63cd', id: "bq-accordion__body", class: "bq-accordion__body overflow-hidden", part: "panel" }, h("slot", { key: 'bb5f2a3e57a1b7ec4a05711cb8f14d88b3eaf8e3' }))));
+            } }, h("slot", { key: 'da36defc200bd9218a1682402d53af80cc623c72', name: "expand" }, h("bq-icon", { key: '64e605a51692258c9c5b33fa63e4c1938f98bfd8', name: "plus" }))), h("div", { key: '1ae3865572a916b04cb9578a6748fd06f58823a0', class: { 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate } }, h("slot", { key: '352e830eec1cbd649f7fe96910d7882886359e1f', name: "collapse" }, h("bq-icon", { key: 'cab6afb1f11519ff0f30a7921a4e91667f1182f7', name: "minus" })))), h("div", { key: 'e93bfb0a94e84dc970dbddae92bea0ad8b5ab09d', id: "bq-accordion__body", class: "bq-accordion__body overflow-hidden", part: "panel" }, h("slot", { key: 'b8c430a5f63a6c672909c6371734064ed426c069' }))));
     }
     static get is() { return "bq-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/bq-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-accordion.js","sourceRoot":"","sources":["../../../../../../src/components/accordion/bq-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE, TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { Accordion } from './helper';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The `<details>` that holds the accordion content\n * @part header - The `<summary>` that holds the accordion header content\n * @part prefix - The `<div>` that holds the accordion text prefix icon / avatar\n * @part text - The `<div>` that holds the accordion header text\n * @part suffix - The `<div>` that holds the accordion text suffix icon\n * @part panel - The `<div>` that holds the accordion panel content\n */\n@Component({\n  tag: 'bq-accordion',\n  styleUrl: './scss/bq-accordion.scss',\n  shadow: true,\n})\nexport class BqAccordion {\n  // Own Properties\n  // ====================\n\n  private accordion: Accordion;\n  private prefixElem: HTMLDivElement;\n  private suffixElem: HTMLDivElement;\n  private detailsElem: HTMLDetailsElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n  @State() private hasSuffix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of accordion */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true accordion is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** If true accordion is expanded */\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true accordion expand icon is rotate 180deg when expanded */\n  @Prop({ reflect: true }) rotate: boolean = false;\n\n  /** The size of accordion */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(ACCORDION_SIZE, 'medium', this.el, 'size');\n    validatePropValue(ACCORDION_APPEARANCE, 'filled', this.el, 'appearance');\n  }\n\n  @Watch('expanded')\n  handleExpandedChange() {\n    const event = this.expanded ? this.bqOpen.emit(this.el) : this.bqClose.emit(this.el);\n    if (event.defaultPrevented) {\n      this.expanded = !this.expanded;\n      return;\n    }\n\n    this.expanded ? this.accordion?.open() : this.accordion?.close();\n    if (!this.isCssCalcSizeSupported) return;\n\n    // NOTE: This is a workaround to trigger the transitionEnd event\n    // when the open/close animation is handled via CSS instead of JS\n    setTimeout(() => {\n      this.el.dispatchEvent(new CustomEvent('accordionTransitionEnd', { bubbles: false, composed: true }));\n    }, 200);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (!this.disabled) return;\n\n    this.expanded = false;\n  }\n\n  @Watch('noAnimation')\n  handleJsAnimation() {\n    if (this.isCssCalcSizeSupported) return;\n\n    console.warn(\n      `[bq-accordion] calc-size() is not supported and animation will be set through JS\n        For vertical layout, consider using the 'noAnimation' prop ('no-animation' attribute) to disable it`,\n    );\n    this.accordion = !this.noAnimation ? new Accordion(this.detailsElem) : null;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the accordion loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is opened */\n  @Event() bqOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is opened */\n  @Event() bqAfterOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is closed */\n  @Event() bqClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is closed */\n  @Event() bqAfterClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** @internal Handler to be called when the accordion is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqAccordionElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleJsAnimation();\n    this.handleExpandedChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('accordionTransitionEnd')\n  onAccordionTransitionEnd(event: CustomEvent) {\n    event.stopPropagation();\n    if (event.target !== this.el) return;\n\n    this.expanded ? this.bqAfterOpen.emit(this.el) : this.bqAfterClose.emit(this.el);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n\n    if (this.disabled) return;\n\n    this.bqClick.emit(this.el);\n    this.expanded = !this.expanded;\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  private get open() {\n    return this.expanded && !this.disabled;\n  }\n\n  private get isCssCalcSizeSupported() {\n    return window.CSS?.supports('(block-size: calc-size(auto))');\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <details\n        class={{\n          [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,\n          'no-animation': this.noAnimation,\n          disabled: this.disabled,\n        }}\n        ref={(detailsElem: HTMLDetailsElement) => (this.detailsElem = detailsElem)}\n        open={this.open}\n        part=\"base\"\n      >\n        <summary\n          class=\"bq-accordion__header\"\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-expanded={this.expanded}\n          aria-disabled={this.disabled}\n          aria-controls=\"bq-accordion__body\"\n          tabindex={this.disabled ? -1 : 0}\n          part=\"header\"\n        >\n          <div\n            ref={(element) => (this.prefixElem = element)}\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n          </div>\n          <div class=\"bq-accordion__header--text\" part=\"text\">\n            <slot name=\"header\" />\n          </div>\n          <div\n            ref={(element) => (this.suffixElem = element)}\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n          </div>\n          <div\n            class={{\n              'flex items-center justify-center transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            class={{ 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }}\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div id=\"bq-accordion__body\" class=\"bq-accordion__body overflow-hidden\" part=\"panel\">\n          <slot />\n        </div>\n      </details>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-accordion.js","sourceRoot":"","sources":["../../../../../../src/components/accordion/bq-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE, TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { Accordion } from './helper';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The `<details>` that holds the accordion content\n * @part header - The `<summary>` that holds the accordion header content\n * @part prefix - The `<div>` that holds the accordion text prefix icon / avatar\n * @part text - The `<div>` that holds the accordion header text\n * @part suffix - The `<div>` that holds the accordion text suffix icon\n * @part panel - The `<div>` that holds the accordion panel content\n */\n@Component({\n  tag: 'bq-accordion',\n  styleUrl: './scss/bq-accordion.scss',\n  shadow: true,\n})\nexport class BqAccordion {\n  // Own Properties\n  // ====================\n\n  private accordion: Accordion;\n  private prefixElem: HTMLDivElement;\n  private suffixElem: HTMLDivElement;\n  private detailsElem: HTMLDetailsElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n  @State() private hasSuffix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of accordion */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true accordion is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** If true accordion is expanded */\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true accordion expand icon is rotate 180deg when expanded */\n  @Prop({ reflect: true }) rotate: boolean = false;\n\n  /** The size of accordion */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(ACCORDION_SIZE, 'medium', this.el, 'size');\n    validatePropValue(ACCORDION_APPEARANCE, 'filled', this.el, 'appearance');\n  }\n\n  @Watch('expanded')\n  handleExpandedChange() {\n    const event = this.expanded ? this.bqOpen.emit(this.el) : this.bqClose.emit(this.el);\n    if (event.defaultPrevented) {\n      this.expanded = !this.expanded;\n      return;\n    }\n\n    if (this.expanded) {\n      this.accordion?.open();\n    } else {\n      this.accordion?.close();\n    }\n    if (!this.isCssCalcSizeSupported) return;\n\n    // NOTE: This is a workaround to trigger the transitionEnd event\n    // when the open/close animation is handled via CSS instead of JS\n    setTimeout(() => {\n      this.el.dispatchEvent(new CustomEvent('accordionTransitionEnd', { bubbles: false, composed: true }));\n    }, 200);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (!this.disabled) return;\n\n    this.expanded = false;\n  }\n\n  @Watch('noAnimation')\n  handleJsAnimation() {\n    if (this.isCssCalcSizeSupported) return;\n\n    console.warn(\n      `[bq-accordion] calc-size() is not supported and animation will be set through JS\n        For vertical layout, consider using the 'noAnimation' prop ('no-animation' attribute) to disable it`,\n    );\n    this.accordion = !this.noAnimation ? new Accordion(this.detailsElem) : null;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the accordion loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is opened */\n  @Event() bqOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is opened */\n  @Event() bqAfterOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is closed */\n  @Event() bqClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is closed */\n  @Event() bqAfterClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** @internal Handler to be called when the accordion is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqAccordionElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleJsAnimation();\n    this.handleExpandedChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('accordionTransitionEnd')\n  onAccordionTransitionEnd(event: CustomEvent) {\n    event.stopPropagation();\n    if (event.target !== this.el) return;\n\n    if (this.expanded) {\n      this.bqAfterOpen.emit(this.el);\n      return;\n    }\n\n    this.bqAfterClose.emit(this.el);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n\n    if (this.disabled) return;\n\n    this.bqClick.emit(this.el);\n    this.expanded = !this.expanded;\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  private get open() {\n    return this.expanded && !this.disabled;\n  }\n\n  private get isCssCalcSizeSupported() {\n    return window.CSS?.supports('(block-size: calc-size(auto))');\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <details\n        class={{\n          [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,\n          'no-animation': this.noAnimation,\n          disabled: this.disabled,\n        }}\n        ref={(detailsElem: HTMLDetailsElement) => (this.detailsElem = detailsElem)}\n        open={this.open}\n        part=\"base\"\n      >\n        <summary\n          class=\"bq-accordion__header\"\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-expanded={this.expanded}\n          aria-disabled={this.disabled}\n          aria-controls=\"bq-accordion__body\"\n          tabindex={this.disabled ? -1 : 0}\n          part=\"header\"\n        >\n          <div\n            ref={(element) => (this.prefixElem = element)}\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n          </div>\n          <div class=\"bq-accordion__header--text\" part=\"text\">\n            <slot name=\"header\" />\n          </div>\n          <div\n            ref={(element) => (this.suffixElem = element)}\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n          </div>\n          <div\n            class={{\n              'flex items-center justify-center transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            class={{ 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }}\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div id=\"bq-accordion__body\" class=\"bq-accordion__body overflow-hidden\" part=\"panel\">\n          <slot />\n        </div>\n      </details>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion/helper/index.js

@@ -6,11 +6,17 @@
 /*   💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi    */
 /* -------------------------------------------------------------------------------------- */
 export class Accordion {
+    el;
+    header;
+    panel;
+    animation;
+    isClosing;
+    isExpanding;
+    animationOptions = {
+        duration: 200,
+        easing: 'ease-in-out',
+    };
     constructor(el) {
-        this.animationOptions = {
-            duration: 200,
-            easing: 'ease-in-out',
-        };
         // Store the <details> element
         this.el = el;
         // Store the <summary> header element

package/dist/collection/components/accordion/helper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/helper/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* -------------------------------------------------------------------------------------- */\n/*   💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi    */\n/* -------------------------------------------------------------------------------------- */\n\nexport class Accordion {\n  private el: HTMLDetailsElement;\n  private header: HTMLElement;\n  private panel: HTMLElement;\n  private animation: Animation | null;\n  private isClosing: boolean;\n  private isExpanding: boolean;\n  private animationOptions = {\n    duration: 200,\n    easing: 'ease-in-out',\n  };\n\n  constructor(el: HTMLDetailsElement) {\n    // Store the <details> element\n    this.el = el;\n    // Store the <summary> header element\n    this.header = el.querySelector('summary');\n    // Store the <div class=\"content\"> element\n    this.panel = el.querySelector('.bq-accordion__body');\n    // Store the animation object (so we can cancel it, if needed)\n    this.animation = null;\n    // Store if the element is closing\n    this.isClosing = false;\n    // Store if the element is expanding\n    this.isExpanding = false;\n  }\n\n  public open() {\n    // Check if the element is being closed or is already closed\n    if (!this.isClosing && this.el.open) return;\n    // Apply a fixed height on the element\n    this.el.style.height = `${this.el.offsetHeight}px`;\n    // Force the [open] attribute on the details element\n    this.el.open = true;\n    // Wait for the next frame to call the expand function\n    window.requestAnimationFrame(() => this.expand());\n  }\n\n  public close() {\n    // Check if the element is being opened or is already open\n    if (!this.isExpanding && !this.el.open) return;\n    // Set the element as \"being closed\"\n    this.isClosing = true;\n\n    // Store the current height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the height of the <summary> header\n    const endHeight = `${this.header.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(false);\n    // If the animation is cancelled, isClosing variable is set to false\n    this.animation.oncancel = () => (this.isClosing = false);\n  }\n\n  // Expands the accordion\n  private expand() {\n    // Set the element as \"being expanding\"\n    this.isExpanding = true;\n    // Get the current fixed height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the open height of the element (summary header height + panel body height)\n    const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(true);\n    // If the animation is cancelled, isExpanding variable is set to false\n    this.animation.oncancel = () => (this.isExpanding = false);\n  }\n\n  // Handles the end of the animation\n  private onAnimationFinish(open: boolean) {\n    // Set the open attribute based on the parameter\n    this.el.open = open;\n    // Clear the stored animation\n    this.animation = null;\n    // Reset isClosing & isExpanding\n    this.isClosing = false;\n    this.isExpanding = false;\n    // Remove the overflow hidden and the fixed height\n    this.el.removeAttribute('style');\n    // Dispatch a custom event based on the open parameter\n    const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });\n    this.el.dispatchEvent(endEvent);\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/helper/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* -------------------------------------------------------------------------------------- */\n/*   💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi    */\n/* -------------------------------------------------------------------------------------- */\n\nexport class Accordion {\n  private el: HTMLDetailsElement;\n  private header: HTMLElement;\n  private panel: HTMLElement;\n  private animation: Animation | null;\n  private isClosing: boolean;\n  private isExpanding: boolean;\n  private animationOptions = {\n    duration: 200,\n    easing: 'ease-in-out',\n  };\n\n  constructor(el: HTMLDetailsElement) {\n    // Store the <details> element\n    this.el = el;\n    // Store the <summary> header element\n    this.header = el.querySelector('summary');\n    // Store the <div class=\"content\"> element\n    this.panel = el.querySelector('.bq-accordion__body');\n    // Store the animation object (so we can cancel it, if needed)\n    this.animation = null;\n    // Store if the element is closing\n    this.isClosing = false;\n    // Store if the element is expanding\n    this.isExpanding = false;\n  }\n\n  public open() {\n    // Check if the element is being closed or is already closed\n    if (!this.isClosing && this.el.open) return;\n    // Apply a fixed height on the element\n    this.el.style.height = `${this.el.offsetHeight}px`;\n    // Force the [open] attribute on the details element\n    this.el.open = true;\n    // Wait for the next frame to call the expand function\n    window.requestAnimationFrame(() => this.expand());\n  }\n\n  public close() {\n    // Check if the element is being opened or is already open\n    if (!this.isExpanding && !this.el.open) return;\n    // Set the element as \"being closed\"\n    this.isClosing = true;\n\n    // Store the current height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the height of the <summary> header\n    const endHeight = `${this.header.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(false);\n    // If the animation is cancelled, isClosing variable is set to false\n    this.animation.oncancel = () => (this.isClosing = false);\n  }\n\n  // Expands the accordion\n  private expand() {\n    // Set the element as \"being expanding\"\n    this.isExpanding = true;\n    // Get the current fixed height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the open height of the element (summary header height + panel body height)\n    const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(true);\n    // If the animation is cancelled, isExpanding variable is set to false\n    this.animation.oncancel = () => (this.isExpanding = false);\n  }\n\n  // Handles the end of the animation\n  private onAnimationFinish(open: boolean) {\n    // Set the open attribute based on the parameter\n    this.el.open = open;\n    // Clear the stored animation\n    this.animation = null;\n    // Reset isClosing & isExpanding\n    this.isClosing = false;\n    this.isExpanding = false;\n    // Remove the overflow hidden and the fixed height\n    this.el.removeAttribute('style');\n    // Dispatch a custom event based on the open parameter\n    const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });\n    this.el.dispatchEvent(endEvent);\n  }\n}\n"]}