le-kit 0.1.6 → 0.1.8

package/dist/cjs/le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.cjs.js","sources":["src/components/le-button/le-button.default.css?tag=le-button&encapsulation=shadow","src/components/le-button/le-button.tsx","src/components/le-checkbox/le-checkbox.css?tag=le-checkbox&encapsulation=shadow","src/components/le-checkbox/le-checkbox.tsx","src/components/le-component/le-component.css?tag=le-component&encapsulation=shadow","src/components/le-component/le-component.tsx","src/components/le-popover/le-popover.css?tag=le-popover&encapsulation=shadow","src/components/le-popover/le-popover.tsx","src/components/le-slot/le-slot.default.css?tag=le-slot&encapsulation=shadow","src/components/le-slot/le-slot.tsx","src/components/le-string-input/le-string-input.css?tag=le-string-input&encapsulation=shadow","src/components/le-string-input/le-string-input.tsx"],"sourcesContent":["/**\n * Default mode styles for le-button\n * Uses global design tokens with component-specific overrides\n */\n:host {\n  display: inline-block;\n  \n  /* Component-specific tokens */\n  --le-button-border-radius: var(--le-radius-md);\n  --le-button-padding-x: 0.4rem;\n  --le-button-padding-y: 0.4rem;\n  --le-button-small-padding: 0.25rem;\n  --le-button-font-size: var(--le-font-size-md);\n  --le-button-font-weight: var(--le-font-weight-medium);\n  --le-button-transition: var(--le-transition-fast);\n  --le-button-icon-aspect-ratio: 1;\n  \n  /* Internal state variables - set by color classes */\n  --_btn-bg: var(--le-color-primary);\n  --_btn-bg-hover: var(--le-color-primary-dark);\n  --_btn-bg-system: var(--le-color-black);\n  --_btn-color: var(--le-color-primary-contrast);\n  --_btn-border-color: var(--le-color-primary);\n}\n\n:host([full-width]) {\n  display: block;\n  width: 100%;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--le-spacing-3);\n  width: 100%;\n  padding: var(--le-button-padding-y) var(--le-button-padding-x);\n  border: 1px solid var(--_btn-border-color);\n  border-radius: var(--le-button-border-radius);\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n  font-family: var(--le-font-family-base);\n  font-size: var(--le-button-font-size);\n  font-weight: var(--le-button-font-weight);\n  line-height: var(--le-line-height-tight);\n  text-decoration: none;\n  cursor: pointer;\n  transition: \n    background-color var(--le-button-transition) var(--le-transition-easing),\n    border-color var(--le-button-transition) var(--le-transition-easing),\n    box-shadow var(--le-button-transition) var(--le-transition-easing),\n    transform var(--le-button-transition) var(--le-transition-easing);\n}\n\n.button:hover:not(:disabled) {\n  background: var(--_btn-bg-hover);\n  border-color: var(--_btn-bg-hover);\n}\n\n.button:active:not(:disabled) {\n  transform: translateY(1px);\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ===========================================\n * COLOR VARIANTS - Use theme semantic colors\n * =========================================== */\n\n/* Primary (default) */\n:host > le-component.color-primary {\n  --_btn-bg: var(--le-color-primary);\n  --_btn-bg-hover: var(--le-color-primary-dark);\n  --_btn-color: var(--le-color-primary-contrast);\n  --_btn-border-color: var(--le-color-primary);\n}\n\n/* Secondary */\n:host > le-component.color-secondary {\n  --_btn-bg: var(--le-color-secondary);\n  --_btn-bg-hover: var(--le-color-secondary-dark);\n  --_btn-color: var(--le-color-secondary-contrast);\n  --_btn-border-color: var(--le-color-secondary);\n}\n\n/* Success */\n:host > le-component.color-success {\n  --_btn-bg: var(--le-color-success);\n  --_btn-bg-hover: var(--le-color-success-dark);\n  --_btn-color: var(--le-color-success-contrast);\n  --_btn-border-color: var(--le-color-success);\n}\n\n/* Warning */\n:host > le-component.color-warning {\n  --_btn-bg: var(--le-color-warning);\n  --_btn-bg-hover: var(--le-color-warning-dark);\n  --_btn-color: var(--le-color-warning-contrast);\n  --_btn-border-color: var(--le-color-warning);\n}\n\n/* Danger */\n:host > le-component.color-danger {\n  --_btn-bg: var(--le-color-danger);\n  --_btn-bg-hover: var(--le-color-danger-dark);\n  --_btn-color: var(--le-color-danger-contrast);\n  --_btn-border-color: var(--le-color-danger);\n}\n\n/* Info */\n:host > le-component.color-info {\n  --_btn-bg: var(--le-color-info);\n  --_btn-bg-hover: var(--le-color-info-dark);\n  --_btn-color: var(--le-color-info-contrast);\n  --_btn-border-color: var(--le-color-info);\n}\n\n/* ===========================================\n * STYLE VARIANTS\n * =========================================== */\n\n/* Solid (default) - already styled by color classes */\n:host > le-component.variant-solid .button {\n  box-shadow: var(--le-shadow-sm);\n}\n\n:host > le-component.variant-solid .button:hover:not(:disabled) {\n  box-shadow: var(--le-shadow-md);\n}\n\n/* Outlined */\n:host > le-component.variant-outlined .button {\n  background: transparent;\n  color: var(--_btn-bg);\n  border-color: var(--_btn-border-color);\n}\n\n:host > le-component.variant-outlined .button:hover:not(:disabled) {\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n}\n\n/* Clear (ghost) */\n:host > le-component.variant-clear .button {\n  background: transparent;\n  color: var(--_btn-bg);\n  border-color: transparent;\n}\n\n:host > le-component.variant-clear .button:hover:not(:disabled) {\n  background: var(--le-color-gray-100);\n  border-color: transparent;\n}\n\n/* System (controls without access) */\n:host > le-component.variant-system .button {\n  background: transparent;\n  color: var(--_btn-bg-system);\n  border-color: transparent;\n}\n\n/* ===========================================\n * SIZES\n * =========================================== */\n:host > le-component.size-small .button {\n  --le-button-padding-x: 0.4rem;\n  --le-button-padding-y: 0.3rem;\n  --le-button-padding-top: 0.35rem;\n  --le-button-font-size: var(--le-button-small-font-size, var(--le-font-size-xs));\n}\n\n:host > le-component.size-large .button {\n  --le-button-padding-x: 0.9rem;\n  --le-button-padding-y: 0.6rem;\n  --le-button-font-size: var(--le-font-size-xl);\n}\n\n/* ===========================================\n * STATES & MODIFIERS\n * =========================================== */\n\n/* Full width */\n:host > le-component.full-width {\n  display: block;\n  width: 100%;\n}\n\n/* Selected state */\n:host > le-component.selected .button {\n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n:host > le-component.variant-outlined.selected .button,\n:host > le-component.variant-clear.selected .button {\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n}\n\n/* Icon only */\n:host > le-component.icon-only .button {\n  padding: 0.5rem;\n  padding-bottom: 0.6rem;\n  aspect-ratio: var(--le-button-icon-aspect-ratio, 1);\n}\n\n:host > le-component.icon-only.size-small .button {\n  padding: var(--le-button-small-padding, 0.25rem);\n}\n\n:host > le-component.icon-only.size-large .button {\n  padding: 0.75rem;\n}\n\n/* Hide content in icon-only mode */\n:host > le-component.icon-only .content {\n  display: none;\n}\n\n/* ===========================================\n * CONTENT (le-slot wrapper)\n * =========================================== */\n.content {\n  display: inline;\n}\n\n.content:empty {\n  display: none;\n}\n\n/* ===========================================\n * ICON WRAPPERS & SLOTS\n * =========================================== */\n.icon-start,\n.icon-only,\n.icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon-start:empty,\n.icon-only:empty,\n.icon-end:empty {\n  display: none;\n}\n\n::slotted([slot=\"icon-start\"]),\n::slotted([slot=\"icon-only\"]),\n::slotted([slot=\"icon-end\"]) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.125em;\n  height: 1.125em;\n}\n","import { Component, Prop, h, Element, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A flexible button component with multiple variants and states.\n *\n * @slot - Button text content\n * @slot icon-start - Icon before the text\n * @slot icon-end - Icon after the text\n *\n * @cssprop --le-button-bg - Button background color\n * @cssprop --le-button-color - Button text color\n * @cssprop --le-button-border-radius - Button border radius\n * @cssprop --le-button-padding-x - Button horizontal padding\n * @cssprop --le-button-padding-y - Button vertical padding\n *\n * @csspart button - The native button element\n * @csspart content - The button content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Actions\n */\n@Component({\n  tag: 'le-button',\n  styleUrl: 'le-button.default.css',\n  shadow: true,\n})\nexport class LeButton {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Button variant style\n   * @allowedValues solid | outlined | clear\n   */\n  @Prop() variant: 'solid' | 'outlined' | 'clear' | 'system' = 'solid';\n\n  /**\n   * Button color theme (uses theme semantic colors)\n   * @allowedValues primary | secondary | success | warning | danger | info\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' = 'primary';\n\n  /**\n   * Button size\n   * @allowedValues small | medium | large\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Whether the button is in a selected/active state\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Whether the button takes full width of its container\n   */\n  @Prop({ reflect: true }) fullWidth: boolean = false;\n\n  /**\n   * Whether the button displays only an icon (square aspect ratio)\n   */\n  @Prop() iconOnly: boolean = false;\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The button type attribute\n   * @allowedValues button | submit | reset\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * Optional href to make the button act as a link\n   */\n  @Prop() href?: string;\n\n  /**\n   * Link target when href is set\n   */\n  @Prop() target?: string;\n\n  /**\n   * Emitted when the button is clicked.\n   * This is a custom event that wraps the native click but ensures the target is the le-button.\n   */\n  @Event({ eventName: 'click' }) leClick: EventEmitter<PointerEvent>;\n\n  private handleClick = (event: PointerEvent) => {\n    // We stop the internal button click from bubbling up\n    event.stopPropagation();\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    \n    // And emit our own click event from the host element\n    this.leClick.emit(event);\n  };\n\n  render() {\n    const classes = classnames(`variant-${this.variant}`, `color-${this.color}`, `size-${this.size}`, {\n      'selected': this.selected,\n      'full-width': this.fullWidth,\n      'icon-only': this.iconOnly,\n      'disabled': this.disabled,\n    });\n\n    const TagType = this.href ? 'a' : 'button';\n    const attrs = this.href ? { href: this.href, target: this.target, role: 'button' } : { type: this.type, disabled: this.disabled };\n\n    return (\n      <le-component component=\"le-button\" hostClass={classes}>\n        <TagType class=\"button\" part=\"button\" {...attrs} onClick={this.handleClick}>\n          {this.iconOnly ? (\n            <span class=\"icon-start\">\n              <slot name=\"icon-only\"></slot>\n            </span>\n          ) : (\n            <Fragment>\n              <span class=\"icon-start\">\n                <slot name=\"icon-start\"></slot>\n              </span>\n              <le-slot name=\"\" description=\"Button text\" type=\"text\" class=\"content\" part=\"content\">\n                <slot></slot>\n              </le-slot>\n              <span class=\"icon-end\">\n                <slot name=\"icon-end\"></slot>\n              </span>\n            </Fragment>\n          )}\n        </TagType>\n      </le-component>\n    );\n  }\n}\n",":host {\n  display: block;\n  --le-checkbox-size: 18px;\n  --le-checkbox-color: var(--le-color-primary, #007bff);\n  --le-checkbox-label-color: var(--le-color-text-primary, #333);\n  --le-checkbox-desc-color: var(--le-color-text-secondary, #666);\n  --le-checkbox-border-radius: var(--le-radius-sm, 2px);\n  --le-checkbox-marker-color: var(--le-color-surface, #fff);\n}\n\n.le-checkbox-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.le-checkbox-label {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .le-checkbox-label {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.le-checkbox-input {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1.4em;\n}\n\ninput[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  width: var(--le-checkbox-size);\n  height: var(--le-checkbox-size);\n  border: var(--le-border-width, 2px) solid var(--le-checkbox-color);\n  border-radius: var(--le-checkbox-border-radius);\n  margin: 0;\n  margin-top: 2px; /* Align with text */\n  position: relative;\n  cursor: inherit;\n  background-color: transparent;\n  transition: background-color 0.2s, border-color 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked {\n  background-color: var(--le-checkbox-color);\n}\n\ninput[type=\"checkbox\"]:checked::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: calc(var(--le-checkbox-size) / 5);\n  right: 0;\n  margin: auto;\n  width: calc(var(--le-checkbox-size) / 4);\n  height: calc(var(--le-checkbox-size) / 2);\n  border: solid var(--le-checkbox-marker-color, #fff);\n  border-width: 0 calc(var(--le-checkbox-size) / 10) calc(var(--le-checkbox-size) / 10) 0;\n  transform: rotate(45deg);\n}\n\ninput[type=\"checkbox\"]:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.le-checkbox-text {\n  flex: 1;\n  flex-wrap: wrap;\n  color: var(--le-checkbox-label-color);\n  line-height: 1.5;\n  text-align: start;\n}\n\n.le-checkbox-description {\n  margin-left: calc(var(--le-checkbox-size) + 8px);\n  font-size: 0.875em;\n  color: var(--le-checkbox-desc-color);\n  line-height: 1.4;\n}\n\n:host [slot=\"description\"] {\n  margin: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A checkbox component with support for labels, descriptions, and external IDs.\n *\n * @slot - The label text for the checkbox\n * @slot description - Additional description text displayed below the label\n *\n * @cssprop --le-checkbox-size - Size of the checkbox input\n * @cssprop --le-checkbox-color - Color of the checkbox when checked\n * @cssprop --le-checkbox-label-color - Color of the label text\n * @cssprop --le-checkbox-desc-color - Color of the description text\n */\n@Component({\n  tag: 'le-checkbox',\n  styleUrl: 'le-checkbox.css',\n  shadow: true,\n})\nexport class LeCheckbox {\n  @Element() el: HTMLElement;\n\n  /**\n   * Whether the checkbox is checked\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the checkbox input\n   */\n  @Prop() name: string;\n\n  /**\n   * The value of the checkbox input\n   */\n  @Prop() value: string;\n\n  /**\n   * External ID for linking with external systems (e.g. database ID, PDF form field ID)\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Emitted when the checked state changes\n   */\n  @Event({ eventName: 'change' }) leChange: EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>;\n\n  private handleChange = (event: Event) => {\n    // We stop the internal button click from bubbling up\n    event.stopPropagation();\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.checked = input.checked;\n    this.leChange.emit({\n      checked: this.checked,\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-checkbox\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-checkbox-wrapper\">\n          <label class=\"le-checkbox-label\">\n            <span class=\"le-checkbox-input\">\n              <input\n                type=\"checkbox\"\n                name={this.name}\n                value={this.value}\n                checked={this.checked}\n                disabled={this.disabled}\n                onChange={this.handleChange}\n              />\n            </span>\n            <span class=\"le-checkbox-text\">\n              <le-slot name=\"\" type=\"text\" tag=\"span\">\n                <slot></slot>\n              </le-slot>\n            </span>\n          </label>\n          \n          <div class=\"le-checkbox-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"div\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n","/**\n * le-component styles\n * \n * In default mode, the component is invisible (passthrough).\n * In admin mode, it shows a wrapper with header and settings.\n */\n\n:host {\n  display: contents;\n}\n\n:host(.admin-mode) {\n  display: block;\n}\n\n/* Admin mode wrapper */\n.le-component-wrapper {\n  position: relative;\n  border: 2px dashed var(--le-admin-border-color, #90caf9);\n  border-radius: var(--le-radius-md, 8px);\n  background: var(--le-admin-bg, rgba(144, 202, 249, 0.05));\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.le-component-wrapper:hover {\n  border-color: var(--le-admin-border-hover, #42a5f5);\n  box-shadow: 0 0 0 2px var(--le-admin-glow, rgba(66, 165, 245, 0.2));\n}\n\n/* Component header */\n.le-component-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--le-spacing-1, 4px);\n  padding: 0 0 0 var(--le-spacing-1, 4px);\n  background: var(--le-admin-header-bg, rgba(144, 202, 249, 0.15));\n  border-bottom: 1px solid var(--le-admin-border-color, #90caf9);\n  border-radius: var(--le-radius-md, 8px) var(--le-radius-md, 8px) 0 0;\n  font-size: var(--le-font-size-xs, 11px);\n}\n\n.le-component-name {\n  font-weight: var(--le-font-weight-medium, 500);\n  color: var(--le-admin-text, #1976d2);\n  text-transform: capitalize;\n  text-align: start;\n  overflow: hidden;\n  width: 0;\n  flex: 1 1 0%;\n}\n\n/* Component content area */\n.le-component-content {\n  padding: var(--le-space-xs, 4px);\n}\n\n.le-component-trigger {\n  font-size: 24px;\n  line-height: 0px;\n  width: 12px;\n  height: 12px;\n}\n.le-component-button {\n  width: 20px;\n}\n\n/* Property editor styles */\n.property-editor {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-sm, 8px);\n  max-width: 380px;\n}\n\n.property-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-xs, 4px);\n}\n\n.property-field label {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  font-size: var(--le-font-size-sm, 13px);\n  font-weight: var(--le-font-weight-medium, 500);\n  color: var(--le-color-text, #333);\n}\n\n.property-hint {\n  font-size: var(--le-font-size-xs, 11px);\n  font-weight: normal;\n  color: var(--le-color-text-secondary, #666);\n  line-height: 1.3;\n}\n\n.property-field input[type=\"text\"],\n.property-field input[type=\"number\"],\n.property-field select {\n  padding: var(--le-space-xs, 4px) var(--le-space-sm, 8px);\n  border: 1px solid var(--le-color-border, #ddd);\n  border-radius: var(--le-radius-md, 7px);\n  font-size: var(--le-font-size-sm, 13px);\n  font-family: inherit;\n  background: var(--le-color-surface, #fff);\n  color: var(--le-color-text, #333);\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.property-field input:focus,\n.property-field select:focus {\n  outline: none;\n  border-color: var(--le-color-primary, #1976d2);\n  box-shadow: 0 0 0 2px var(--le-color-primary-light, rgba(25, 118, 210, 0.2));\n}\n\n/* Checkbox field */\n.property-field--checkbox {\n  flex-direction: column;\n}\n\n.property-field--checkbox label {\n  flex-direction: row;\n  align-items: center;\n  gap: var(--le-space-sm, 8px);\n  cursor: pointer;\n}\n\n.property-field--checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--le-color-primary, #1976d2);\n}\n\n.property-field--checkbox .property-hint {\n  margin-left: 24px;\n}\n\n/* No properties message */\n.no-properties {\n  margin: 0;\n  padding: var(--le-space-sm, 8px);\n  font-size: var(--le-font-size-sm, 13px);\n  color: var(--le-color-text-secondary, #666);\n  text-align: center;\n}\n\n/* Property editor container */\n.property-editor-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-md, 12px);\n}\n\n/* Actions section at bottom of editor */\n.property-editor-actions {\n  padding-top: var(--le-space-sm, 8px);\n  border-top: 1px solid var(--le-color-border, #e5e5e5);\n}\n\n/* Delete component button */\n.delete-component-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--le-space-xs, 4px);\n  width: 100%;\n  padding: var(--le-space-sm, 8px) var(--le-space-md, 12px);\n  border: 1px solid var(--le-color-danger, #e53935);\n  border-radius: var(--le-radius-md, 6px);\n  background: transparent;\n  color: var(--le-color-danger, #e53935);\n  font-size: var(--le-font-size-sm, 13px);\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.delete-component-btn:hover {\n  background: var(--le-color-danger, #e53935);\n  color: white;\n}\n\n.delete-component-btn:active {\n  opacity: 0.9;\n}\n","import { Component, Prop, State, h, Host, Element, getAssetPath } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\n\n/**\n * Component wrapper for admin mode editing.\n *\n * This component is used internally by other components to provide admin-mode\n * editing capabilities. It wraps the component's rendered output and shows\n * a settings popover for editing properties.\n *\n * In default mode, it acts as a simple passthrough (display: contents).\n * In admin mode, it shows a border, component name header, and settings popover.\n *\n * The host element is found automatically by traversing up through the shadow DOM.\n *\n * Usage inside a component's render method:\n * ```tsx\n * render() {\n *   return (\n *     <le-component component=\"le-card\">\n *       <Host>...</Host>\n *     </le-component>\n *   );\n * }\n * ```\n *\n * @slot - The component's rendered content\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-component',\n  styleUrl: 'le-component.css',\n  shadow: true,\n  assetsDirs: ['../../assets'],\n})\nexport class LeComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The tag name of the component (e.g., 'le-card').\n   * Used to look up property metadata and display the component name.\n   */\n  @Prop() component!: string;\n\n  /**\n   * Optional display name for the component.\n   * If not provided, the tag name will be formatted as the display name.\n   */\n  @Prop() displayName?: string;\n\n  /**\n   * Classes to apply to the host element.\n   * Allows parent components to pass their styling classes.\n   */\n  @Prop() hostClass?: string;\n\n  /**\n   * Inline styles to apply to the host element.\n   * Allows parent components to pass dynamic styles (e.g., flex properties).\n   */\n  @Prop() hostStyle?: { [key: string]: string };\n\n  /**\n   * Reference to the host element (found automatically from parent)\n   */\n  private hostElement?: HTMLElement;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Component metadata loaded from Custom Elements Manifest\n   */\n  @State() private componentMeta: ComponentMetadata | null = null;\n\n  /**\n   * Current property values of the host component\n   */\n  @State() private propertyValues: Record<string, any> = {};\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    // Find the host element - le-component is rendered inside the component's shadow DOM,\n    // so we need to find the shadow root's host element\n    this.findHostElement();\n\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      this.adminMode = mode === 'admin';\n      // Load metadata and refresh property values only when entering admin mode\n      if (this.adminMode) {\n        if (!this.componentMeta) {\n          this.loadComponentMetadata();\n        } else {\n          this.readPropertyValues();\n        }\n      }\n    });\n  }\n\n  /**\n   * Find the host element by traversing up through shadow DOM\n   */\n  private findHostElement() {\n    // Get the shadow root that contains this le-component\n    const rootNode = this.el.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      // The host of this shadow root is our target component (e.g., le-card)\n      this.hostElement = rootNode.host as HTMLElement;\n    }\n  }\n\n  componentDidLoad() {\n    // Read initial property values from the host element\n    this.readPropertyValues();\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Formats a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatDisplayName(tagName: string): string {\n    return tagName\n      .replace(/^le-/, '') // Remove 'le-' prefix\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Load component metadata from the Custom Elements Manifest\n   */\n  private async loadComponentMetadata() {\n    try {\n      // Fetch the manifest using getAssetPath for correct bundle path\n      const manifestPath = getAssetPath('assets/custom-elements.json');\n      const response = await fetch(manifestPath);\n      const manifest = await response.json();\n\n      // Find the component definition\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName === this.component) {\n            const attributes = (declaration.attributes || []).filter((attr: AttributeMetadata) => !this.isInternalAttribute(attr.name));\n            this.componentMeta = {\n              tagName: declaration.tagName,\n              description: declaration.description,\n              attributes,\n            };\n            // console.log(`[le-component] Loaded metadata for ${this.component}:`, this.componentMeta);\n            // Read property values after metadata is loaded\n            this.readPropertyValues();\n            return;\n          }\n        }\n      }\n      // console.warn(`[le-component] No metadata found for component: ${this.component}`);\n    } catch (error) {\n      // console.warn(`[le-component] Failed to load metadata for component: ${this.component}`, error);\n    }\n  }\n\n  /**\n   * Check if an attribute is internal (should not be shown in editor)\n   */\n  private isInternalAttribute(name: string): boolean {\n    const internalAttrs = ['mode', 'theme', 'class', 'style', 'id', 'slot'];\n    return internalAttrs.includes(name);\n  }\n\n  /**\n   * Read current property values from the host element\n   */\n  private readPropertyValues() {\n    if (!this.hostElement || !this.componentMeta) return;\n\n    const values: Record<string, any> = {};\n    for (const attr of this.componentMeta.attributes) {\n      const value = this.hostElement.getAttribute(attr.name);\n      values[attr.name] = this.parseAttributeValue(value, attr.type?.text);\n    }\n    this.propertyValues = values;\n  }\n\n  /**\n   * Parse an attribute value based on its type\n   */\n  private parseAttributeValue(value: string | null, type?: string): any {\n    if (value === null) return undefined;\n\n    if (type === 'boolean') {\n      return value !== null && value !== 'false';\n    }\n    if (type === 'number') {\n      return parseFloat(value);\n    }\n    return value;\n  }\n\n  /**\n   * Handle property value changes from the editor\n   */\n  private handlePropertyChange(attrName: string, value: any, type?: string) {\n    if (!this.hostElement) return;\n\n    // Update the host element's attribute\n    if (type === 'boolean') {\n      if (value) {\n        this.hostElement.setAttribute(attrName, '');\n      } else {\n        this.hostElement.removeAttribute(attrName);\n      }\n    } else if (value === undefined || value === '') {\n      this.hostElement.removeAttribute(attrName);\n    } else {\n      this.hostElement.setAttribute(attrName, String(value));\n    }\n\n    // Update local state\n    this.propertyValues = { ...this.propertyValues, [attrName]: value };\n  }\n\n  /**\n   * Delete this component from the DOM\n   */\n  private deleteComponent() {\n    if (!this.hostElement) return;\n\n    // Confirm deletion\n    const name = this.displayName || this.formatDisplayName(this.component);\n    if (!confirm(`Delete this ${name}?`)) return;\n\n    // Remove the host element from its parent\n    const parent = this.hostElement.parentElement;\n    if (parent) {\n      this.hostElement.remove();\n    }\n  }\n\n  /**\n   * Render the property editor form\n   */\n  private renderPropertyEditor() {\n    const hasProperties = this.componentMeta && this.componentMeta.attributes.length > 0;\n\n    return (\n      <div class=\"property-editor-container\">\n        {hasProperties ? (\n          <form class=\"property-editor\" onSubmit={e => e.preventDefault()}>\n            {this.componentMeta!.attributes.map(attr => this.renderPropertyField(attr))}\n          </form>\n        ) : (\n          <p class=\"no-properties\">No editable properties</p>\n        )}\n        <div class=\"property-editor-actions\">\n          <le-button type=\"button\" variant=\"outlined\" color=\"danger\" full-width onClick={() => this.deleteComponent()}>\n            <span slot=\"icon-start\">🗑️</span>\n            <span>Delete Component</span>\n          </le-button>\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Render a single property field based on its type\n   */\n  private renderPropertyField(attr: AttributeMetadata) {\n    const value = this.propertyValues[attr.name];\n    const type = attr.type?.text || 'string';\n\n    // Check if type is a union of string literals (e.g., \"'default' | 'outlined' | 'elevated'\")\n    const enumMatch = type.match(/^'[^']+'/);\n    if (enumMatch) {\n      const options = type.split('|').map(opt => opt.trim().replace(/'/g, ''));\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <select id={`prop-${attr.name}`} onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLSelectElement).value, type)}>\n            {options.map(opt => (\n              <option value={opt} selected={value === opt || (!value && attr.default?.replace(/'/g, '') === opt)}>\n                {opt}\n              </option>\n            ))}\n          </select>\n        </div>\n      );\n    }\n\n    // Boolean type\n    if (type === 'boolean') {\n      return (\n        <div class=\"property-field property-field--checkbox\">\n          <le-checkbox\n            name={`prop-${attr.name}`}\n            checked={value === true || value === ''}\n            onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).checked, type)}\n          >\n            {attr.name}\n            {attr.description && <div slot=\"description\">{attr.description}</div>}\n          </le-checkbox>\n        </div>\n      );\n    }\n\n    // Number type\n    if (type === 'number') {\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <input\n            type=\"number\"\n            id={`prop-${attr.name}`}\n            value={value ?? ''}\n            placeholder={attr.default}\n            onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).value, type)}\n          />\n        </div>\n      );\n    }\n\n    // Default: string/text input\n    return (\n      <div class=\"property-field\">\n        <le-string-input\n          name={`prop-${attr.name}`}\n          label={attr.name}\n          value={value ?? ''}\n          placeholder={attr.default?.replace(/'/g, '')}\n          onChange={(e: any) => this.handlePropertyChange(attr.name, e.detail.value, type)}\n        >\n          <span slot=\"description\">{attr.description}</span>\n        </le-string-input>\n      </div>\n    );\n  }\n\n  render() {\n    const name = this.displayName || this.formatDisplayName(this.component);\n\n    // In default mode, just pass through content with host classes\n    if (!this.adminMode) {\n      return (\n        <Host class={classnames(this.component, this.hostClass)} style={this.hostStyle}>\n          <slot></slot>\n        </Host>\n      );\n    }\n\n    // In admin mode, show wrapper with header and settings\n    return (\n      <Host class={classnames(this.component, this.hostClass, 'admin-mode')} style={this.hostStyle}>\n        <div class=\"le-component-wrapper\">\n          <div class=\"le-component-header\">\n            <span class=\"le-component-name\">{name}</span>\n            <le-popover popoverTitle={`${name} Settings`} position=\"right\" align=\"start\" min-width=\"300px\" mode=\"default\">\n              <le-button type=\"button\" class=\"le-component-button\" slot=\"trigger\" variant=\"clear\" size=\"small\" aria-label=\"Edit component properties\" icon-only>\n                <span class=\"le-component-trigger\" slot=\"icon-only\">\n                  ⚙\n                </span>\n              </le-button>\n              {this.renderPropertyEditor()}\n            </le-popover>\n          </div>\n          <div class=\"le-component-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\n/**\n * Type definitions for component metadata\n */\ninterface ComponentMetadata {\n  tagName: string;\n  description?: string;\n  attributes: AttributeMetadata[];\n}\n\ninterface AttributeMetadata {\n  name: string;\n  fieldName?: string;\n  description?: string;\n  default?: string;\n  type?: {\n    text: string;\n  };\n}\n","/* ============================================\n   le-popover.css\n   Popover using native HTML Popover API\n   ============================================ */\n\n:host {\n  display: inline-block;\n  position: relative;\n}\n\n/* ============================================\n   Trigger\n   ============================================ */\n\n.le-popover-trigger {\n  display: inline-flex;\n  cursor: pointer;\n}\n\n.le-popover-default-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid var(--le-color-border, #e0e0e0);\n  border-radius: var(--le-radius-md, 6px);\n  background: var(--le-color-surface, #fff);\n  color: var(--le-color-text-secondary, #666);\n  font-size: 16px;\n  cursor: pointer;\n  transition: all var(--le-transition-fast, 0.15s ease);\n}\n\n.le-popover-default-trigger:hover {\n  border-color: var(--le-color-primary, #2196f3);\n  color: var(--le-color-primary, #2196f3);\n  background: var(--le-color-primary-light, rgba(33, 150, 243, 0.1));\n}\n\n/* ============================================\n   Popover Content (native popover)\n   ============================================ */\n\n.le-popover-content {\n  /* Reset native popover defaults */\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  \n  /* Positioning - will be set via JS */\n  position: fixed;\n  inset: unset;\n  \n  /* Styling */\n  background: var(--le-color-surface, #ffffff);\n  border: 1px solid var(--le-color-border, #e0e0e0);\n  border-radius: var(--le-radius-lg, 8px);\n  box-shadow: var(--le-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.15));\n  overflow: hidden;\n  font-family: var(--le-font-family, system-ui, -apple-system, sans-serif);\n  font-size: var(--le-font-size-sm, 0.875rem);\n  color: var(--le-color-text, #333);\n  \n  /* Animation */\n  opacity: 0;\n  transform: scale(0.95);\n  transition: opacity 0.15s ease, transform 0.15s ease, display 0.15s ease allow-discrete;\n}\n\n/* When popover is open */\n.le-popover-content:popover-open {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Starting style for animation (CSS Anchor Positioning spec) */\n@starting-style {\n  .le-popover-content:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* ============================================\n   Header\n   ============================================ */\n\n.le-popover-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--le-space-xs, 4px) var(--le-space-xs, 4px) var(--le-space-xs, 4px) var(--le-space-sm, 8px);\n  border-bottom: 1px solid var(--le-color-border, #e0e0e0);\n  background: var(--le-color-surface-alt, #f9f9f9);\n  min-height: 32px;\n}\n\n.le-popover-title {\n  font-weight: var(--le-font-weight-semibold, 600);\n  font-size: var(--le-font-size-sm, 0.875rem);\n  color: var(--le-color-text, #333);\n}\n\n.le-popover-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--le-color-text-secondary, #666);\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  border-radius: var(--le-radius-sm, 4px);\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.le-popover-close:hover {\n  background: var(--le-color-surface-hover, rgba(0, 0, 0, 0.05));\n  color: var(--le-color-text, #333);\n}\n\n/* ============================================\n   Body\n   ============================================ */\n\n.le-popover-body {\n  padding: var(--le-space-md, 12px);\n}\n\n/* ============================================\n   Scrollable content\n   ============================================ */\n\n.le-popover-content[style*=\"overflow-y: auto\"] .le-popover-body {\n  overflow-y: auto;\n}\n","import { Component, Prop, Method, Event, EventEmitter, State, h, Element } from '@stencil/core';\n\n/**\n * A popover component for displaying floating content.\n * \n * Uses the native HTML Popover API for proper layering with dialogs\n * and other top-layer elements. Falls back gracefully in older browsers.\n *\n * @slot - Content to display inside the popover\n * @slot trigger - Element that triggers the popover (optional)\n * \n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-popover',\n  styleUrl: 'le-popover.css',\n  shadow: true,\n})\nexport class LePopover {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Whether the popover is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Position of the popover relative to its trigger\n   */\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' | 'auto' = 'bottom';\n\n  /**\n   * Alignment of the popover\n   */\n  @Prop() align: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Optional title for the popover header\n   */\n  @Prop() popoverTitle?: string;\n\n  /**\n   * Whether to show a close button in the header\n   */\n  @Prop() showClose: boolean = true;\n\n  /**\n   * Whether clicking outside closes the popover\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Whether pressing Escape closes the popover\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * Offset from the trigger element (in pixels)\n   */\n  @Prop() offset: number = 8;\n\n  /**\n   * Fixed width for the popover (e.g., '300px', '20rem')\n   */\n  @Prop() width?: string;\n\n  /**\n   * Minimum width for the popover (e.g., '200px', '15rem')\n   */\n  @Prop() minWidth?: string = '200px';\n\n  /**\n   * Maximum width for the popover (e.g., '400px', '25rem')\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Emitted when the popover opens\n   */\n  @Event() lePopoverOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the popover closes\n   */\n  @Event() lePopoverClose: EventEmitter<void>;\n\n  @State() private isPositioned: boolean = false;\n\n  private triggerEl?: HTMLElement;\n  private popoverEl?: HTMLElement;\n  private uniqueId: string = `le-popover-${Math.random().toString(36).substr(2, 9)}`;\n  private scrollParents: Element[] = [];\n\n  componentDidLoad() {\n    // Listen for toggle events from the native popover API\n    this.popoverEl?.addEventListener('toggle', this.handlePopoverToggle as EventListener);\n    \n    // Listen for other popovers opening to close this one\n    document.addEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n  }\n\n  disconnectedCallback() {\n    this.popoverEl?.removeEventListener('toggle', this.handlePopoverToggle as EventListener);\n    document.removeEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n    this.removeScrollListeners();\n  }\n\n  /**\n   * Find all scrollable parent elements\n   */\n  private getScrollParents(element: Element): Element[] {\n    const scrollParents: Element[] = [];\n    let parent = element.parentElement;\n    \n    while (parent) {\n      const style = getComputedStyle(parent);\n      const overflow = style.overflow + style.overflowY + style.overflowX;\n      if (/(auto|scroll)/.test(overflow)) {\n        scrollParents.push(parent);\n      }\n      parent = parent.parentElement;\n    }\n    \n    // Always include window for page scroll\n    return scrollParents;\n  }\n\n  /**\n   * Add scroll listeners to all scrollable parents\n   */\n  private addScrollListeners() {\n    if (!this.triggerEl) return;\n    \n    this.scrollParents = this.getScrollParents(this.triggerEl);\n    \n    // Listen to each scroll parent\n    this.scrollParents.forEach(parent => {\n      parent.addEventListener('scroll', this.handleScroll, { passive: true });\n    });\n    \n    // Also listen to window scroll and resize\n    window.addEventListener('scroll', this.handleScroll, { passive: true });\n    window.addEventListener('resize', this.handleScroll, { passive: true });\n  }\n\n  /**\n   * Remove scroll listeners\n   */\n  private removeScrollListeners() {\n    this.scrollParents.forEach(parent => {\n      parent.removeEventListener('scroll', this.handleScroll);\n    });\n    window.removeEventListener('scroll', this.handleScroll);\n    window.removeEventListener('resize', this.handleScroll);\n    this.scrollParents = [];\n  }\n\n  private handleScroll = () => {\n    if (this.open) {\n      this.updatePosition();\n    }\n  };\n\n  private handlePopoverToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open') {\n      this.open = true;\n      this.addScrollListeners();\n      this.updatePosition();\n      this.lePopoverOpen.emit();\n    } else {\n      this.open = false;\n      this.isPositioned = false;\n      this.removeScrollListeners();\n      this.lePopoverClose.emit();\n    }\n  };\n\n  private handleOtherPopoverOpen = (event: Event) => {\n    const customEvent = event as CustomEvent;\n    if (customEvent.detail?.popover === this.el) return;\n    \n    if (this.open) {\n      this.hide();\n    }\n  };\n\n  /**\n   * Opens the popover\n   */\n  @Method()\n  async show() {\n    document.dispatchEvent(new CustomEvent('le-popover-will-open', {\n      detail: { popover: this.el }\n    }));\n    \n    this.popoverEl?.showPopover();\n  }\n\n  /**\n   * Closes the popover\n   */\n  @Method()\n  async hide() {\n    this.popoverEl?.hidePopover();\n  }\n\n  /**\n   * Toggles the popover\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private updatePosition() {\n    if (!this.triggerEl || !this.popoverEl) return;\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.popoverEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const viewportPadding = 8;\n\n    let position = this.position;\n    let align = this.align;\n\n    // Auto-position logic\n    const spaceBelow = viewportHeight - triggerRect.bottom - viewportPadding;\n    const spaceAbove = triggerRect.top - viewportPadding;\n    const spaceRight = viewportWidth - triggerRect.right - viewportPadding;\n    const spaceLeft = triggerRect.left - viewportPadding;\n\n    if (position === 'auto') {\n      if (spaceBelow >= popoverRect.height + this.offset) {\n        position = 'bottom';\n      } else if (spaceAbove >= popoverRect.height + this.offset) {\n        position = 'top';\n      } else if (spaceRight >= popoverRect.width + this.offset) {\n        position = 'right';\n      } else if (spaceLeft >= popoverRect.width + this.offset) {\n        position = 'left';\n      } else {\n        const maxSpace = Math.max(spaceBelow, spaceAbove, spaceRight, spaceLeft);\n        if (maxSpace === spaceBelow) position = 'bottom';\n        else if (maxSpace === spaceAbove) position = 'top';\n        else if (maxSpace === spaceRight) position = 'right';\n        else position = 'left';\n      }\n    }\n\n    // Adjust alignment for horizontal overflow\n    if (position === 'top' || position === 'bottom') {\n      if (align === 'start' && triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {\n        align = 'end';\n      } else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {\n        align = 'start';\n      } else if (align === 'center') {\n        const triggerCenter = triggerRect.left + triggerRect.width / 2;\n        if (triggerCenter - popoverRect.width / 2 < viewportPadding) {\n          align = 'start';\n        } else if (triggerCenter + popoverRect.width / 2 > viewportWidth - viewportPadding) {\n          align = 'end';\n        }\n      }\n    }\n\n    // Calculate position\n    let top: number = 0;\n    let left: number = 0;\n    let maxHeight: number | null = null;\n\n    switch (position) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - this.offset;\n        if (top < viewportPadding) {\n          maxHeight = triggerRect.top - this.offset - viewportPadding * 2;\n          top = viewportPadding;\n        }\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + this.offset;\n        if (top + popoverRect.height > viewportHeight - viewportPadding) {\n          maxHeight = viewportHeight - top - viewportPadding;\n        }\n        break;\n      case 'left':\n        left = triggerRect.left - popoverRect.width - this.offset;\n        top = triggerRect.top;\n        if (left < viewportPadding) left = viewportPadding;\n        break;\n      case 'right':\n        left = triggerRect.right + this.offset;\n        top = triggerRect.top;\n        if (left + popoverRect.width > viewportWidth - viewportPadding) {\n          left = viewportWidth - popoverRect.width - viewportPadding;\n        }\n        break;\n    }\n\n    // Calculate horizontal alignment for top/bottom\n    if (position === 'top' || position === 'bottom') {\n      switch (align) {\n        case 'start':\n          left = triggerRect.left;\n          break;\n        case 'center':\n          left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;\n          break;\n        case 'end':\n          left = triggerRect.right - popoverRect.width;\n          break;\n      }\n      \n      // Constrain to viewport\n      if (left < viewportPadding) {\n        left = viewportPadding;\n      } else if (left + popoverRect.width > viewportWidth - viewportPadding) {\n        left = viewportWidth - popoverRect.width - viewportPadding;\n      }\n    }\n\n    // Calculate vertical alignment for left/right\n    if (position === 'left' || position === 'right') {\n      switch (align) {\n        case 'start':\n          top = triggerRect.top;\n          break;\n        case 'center':\n          top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;\n          break;\n        case 'end':\n          top = triggerRect.bottom - popoverRect.height;\n          break;\n      }\n      \n      if (top < viewportPadding) top = viewportPadding;\n      if (top + popoverRect.height > viewportHeight - viewportPadding) {\n        maxHeight = viewportHeight - top - viewportPadding;\n      }\n    }\n\n    // Apply styles\n    this.popoverEl.style.top = `${top}px`;\n    this.popoverEl.style.left = `${left}px`;\n    \n    if (maxHeight !== null && maxHeight > 100) {\n      this.popoverEl.style.maxHeight = `${maxHeight}px`;\n      this.popoverEl.style.overflowY = 'auto';\n    } else {\n      this.popoverEl.style.maxHeight = '';\n      this.popoverEl.style.overflowY = '';\n    }\n\n    this.isPositioned = true;\n  }\n\n  render() {\n    const popoverStyles: Record<string, string> = {\n      visibility: this.isPositioned ? 'visible' : 'hidden',\n    };\n    \n    if (this.width) popoverStyles.width = this.width;\n    if (this.minWidth) popoverStyles.minWidth = this.minWidth;\n    if (this.maxWidth) popoverStyles.maxWidth = this.maxWidth;\n\n    return [\n      <div \n        class=\"le-popover-trigger\" \n        ref={(el) => (this.triggerEl = el)}\n        onClick={this.handleTriggerClick}\n      >\n        <slot name=\"trigger\">\n          <button type=\"button\" class=\"le-popover-default-trigger\">\n            <span>⊕</span>\n          </button>\n        </slot>\n      </div>,\n      \n      <div\n        id={this.uniqueId}\n        class=\"le-popover-content\"\n        popover={this.closeOnClickOutside ? 'auto' : 'manual'}\n        ref={(el) => (this.popoverEl = el)}\n        style={popoverStyles}\n      >\n        {(this.popoverTitle || this.showClose) && (\n          <div class=\"le-popover-header\">\n            {this.popoverTitle && <span class=\"le-popover-title\">{this.popoverTitle}</span>}\n            {this.showClose && (\n              <button \n                type=\"button\" \n                class=\"le-popover-close\"\n                onClick={() => this.hide()}\n                aria-label=\"Close\"\n              >\n                ×\n              </button>\n            )}\n          </div>\n        )}\n        <div class=\"le-popover-body\">\n          <slot></slot>\n        </div>\n      </div>\n    ];\n  }\n}\n","/**\n * Styles for le-slot component\n * Uses :host(.admin-mode) to toggle between default and admin styles\n */\n\n/* ============================================\n   DEFAULT MODE - Invisible passthrough\n   ============================================ */\n:host {\n  display: contents;\n  --le-slot-border-color: #0088ff;\n  --le-slot-bg-color: rgba(0, 136, 255, 0.05);\n  --le-slot-header-bg: rgb(218, 238, 255);\n  --le-slot-label-color: #0066cc;\n  --le-slot-description-color: #666;\n  --le-slot-required-color: #e53935;\n  --le-slot-dropzone-min-height: 20px;\n  --le-slot-dropzone-border-color: #ccc;\n}\n\n.le-slot-container,\n.le-slot-header,\n.le-slot-description,\n.le-slot-dropzone,\n.le-slot-input {\n  display: none;\n}\n\n/* Hidden slot wrapper - keeps slot in DOM but invisible */\n.hidden-slot {\n  display: none;\n}\n\n/* ============================================\n   ADMIN MODE - Visible placeholder UI\n   ============================================ */\n:host(.admin-mode) {\n  display: block;\n  flex: 1;\n}\n\n:host(.admin-mode) .le-slot-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 2px dashed var(--le-slot-border-color);\n  border-radius: 4px;\n  background: var(--le-slot-bg-color);\n  margin: 4px 0;\n}\n\n:host(.admin-mode) .le-slot-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 0 0 var(--le-spacing-1, 4px);\n  background: var(--le-slot-header-bg);\n  border-bottom: 1px solid var(--le-slot-border-color);\n  font-size: var(--le-font-size-xs, 11px);\n  font-weight: 400;\n  text-transform: capitalize;\n}\n:host(.admin-mode) .le-slot-header-no-label {\n  justify-content: flex-end;\n  height: 16px;\n  border: none;\n  background-color: transparent;\n}\n\n.le-slot-label {\n  color: var(--le-slot-label-color);\n  text-align: start;\n  overflow: hidden;\n  width: 0;\n  flex: 1 1 0%;\n}\n\n.le-slot-required {\n  color: var(--le-slot-required-color);\n  font-weight: bold;\n}\n\n:host(.admin-mode) .le-slot-description {\n  display: block;\n  padding: 4px 8px;\n  font-size: 12px;\n  color: var(--le-slot-description-color);\n  font-style: italic;\n}\n:host(.admin-mode) .le-slot-description-icon {\n  display: inline-block;\n  font-size: 9px;\n  line-height: 1;\n  cursor: pointer;\n  color: var(--le-slot-description-color);\n}\n\n:host(.admin-mode) .le-slot-dropzone {\n  display: block;\n  min-height: var(--le-slot-dropzone-min-height);\n  padding: var(--le-spacing-1, 4px);\n  position: relative;\n}\n\n:host(.admin-mode) .le-slot-dropzone:empty::before {\n  content: 'Drop content here';\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  inset: 8px;\n  border: 2px dashed var(--le-slot-dropzone-border-color);\n  border-radius: 4px;\n  color: #999;\n  font-size: 12px;\n  pointer-events: none;\n}\n\n/* Highlight when dragging over */\n:host(.admin-mode.drag-over) .le-slot-container {\n  border-color: #00cc66;\n  background: rgba(0, 204, 102, 0.1);\n}\n\n:host(.admin-mode.drag-over) .le-slot-dropzone:empty::before {\n  border-color: #00cc66;\n  color: #00cc66;\n  content: 'Release to drop';\n}\n\n/* ============================================\n   TEXT INPUT STYLES (Admin mode)\n   ============================================ */\n:host(.admin-mode) .le-slot-input {\n  display: block;\n  padding: var(--le-spacing-1, 4px);\n}\n\n:host(.admin-mode) .le-slot-input input,\n:host(.admin-mode) .le-slot-input textarea {\n  display: block;\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--le-slot-dropzone-border-color);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  background: #fff;\n  color: #333;\n  box-sizing: border-box;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n:host(.admin-mode) .le-slot-input input:focus,\n:host(.admin-mode) .le-slot-input textarea:focus {\n  outline: none;\n  border-color: var(--le-slot-border-color);\n  box-shadow: 0 0 0 3px rgba(0, 136, 255, 0.15);\n}\n\n:host(.admin-mode) .le-slot-input input::placeholder,\n:host(.admin-mode) .le-slot-input textarea::placeholder {\n  color: #999;\n}\n\n:host(.admin-mode) .le-slot-input textarea {\n  resize: vertical;\n  min-height: 60px;\n}\n\n/* Hide the slot content in text/textarea mode - it's just for default value */\n:host(.admin-mode) .le-slot-input slot {\n  display: none;\n}\n\n/* ============================================\n   INVALID HTML STATE\n   ============================================ */\n.le-slot-invalid {\n  color: var(--le-slot-required-color);\n  font-size: 10px;\n  margin-left: auto;\n  font-weight: normal;\n  text-transform: none;\n}\n\n:host(.admin-mode) .le-slot-input.has-error input,\n:host(.admin-mode) .le-slot-input.has-error textarea {\n  border-color: var(--le-slot-required-color);\n  background: rgba(229, 57, 53, 0.05);\n}\n\n:host(.admin-mode) .le-slot-input.has-error input:focus,\n:host(.admin-mode) .le-slot-input.has-error textarea:focus {\n  border-color: var(--le-slot-required-color);\n  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15);\n}\n\n\n/* ========================================\n   Component Picker (Add Button & Popover)\n   ======================================== */\n.le-slot-add-btn {\n  font-size: 24px;\n  line-height: 0px;\n  width: 12px;\n  height: 12px;\n}\n\n.le-slot-header-no-label .le-slot-add-btn {\n  font-size: 16px;\n}\n\n.le-slot-button {\n  width: 20px;\n  height: 20px;\n}\n\n:host(.admin-mode) .le-slot-header-no-label.le-slot-header-text {\n  height: 0;\n}\n","import { Component, Prop, State, h, Host, Element, Event, EventEmitter, getAssetPath } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\n\n/**\n * Slot placeholder component for admin/CMS mode.\n *\n * This component renders a visual placeholder for slots when in admin mode,\n * allowing CMS systems to show available drop zones for content or inline editing.\n *\n * In non-admin mode, this component renders nothing and acts as a passthrough.\n *\n * @slot - Default slot for placeholder content or drop zone UI\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-slot',\n  styleUrl: 'le-slot.default.css',\n  shadow: true,\n  assetsDirs: ['../../assets'],\n})\nexport class LeSlot {\n  @Element() el: HTMLElement;\n\n  /**\n   * The type of slot content.\n   * - `slot`: Default, shows a dropzone for components (default)\n   * - `text`: Shows a single-line text input\n   * - `textarea`: Shows a multi-line text area\n   */\n  @Prop() type: 'slot' | 'text' | 'textarea' = 'slot';\n\n  /**\n   * The name of the slot this placeholder represents.\n   * Should match the slot name in the parent component.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display in admin mode.\n   * If not provided, the slot name will be used.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Description of what content this slot accepts.\n   * Shown in admin mode to guide content editors.\n   */\n  @Prop() description?: string;\n\n  /**\n   * Comma-separated list of allowed component tags for this slot.\n   * Used by CMS to filter available components.\n   *\n   * @example \"le-card,le-button,le-text\"\n   */\n  @Prop() allowedComponents?: string;\n\n  /**\n   * Whether multiple components can be dropped in this slot.\n   */\n  @Prop() multiple: boolean = true;\n\n  /**\n   * Whether this slot is required to have content.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Placeholder text for text/textarea inputs in admin mode.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The HTML tag to create when there's no slotted element.\n   * Used with type=\"text\" or type=\"textarea\" to auto-create elements.\n   *\n   * @example \"h3\" - creates <h3 slot=\"header\">content</h3>\n   * @example \"p\" - creates <p slot=\"content\">content</p>\n   */\n  @Prop() tag?: string;\n\n  /**\n   * CSS styles for the slot dropzone container.\n   * Useful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\n   * Only applies in admin mode for type=\"slot\".\n   */\n  @Prop() slotStyle?: string;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Internal state for text input value (synced from slot content)\n   */\n  @State() private textValue: string = '';\n\n  /**\n   * Whether the current textValue contains valid HTML\n   */\n  @State() private isValidHtml: boolean = true;\n\n  /**\n   * Available components loaded from Custom Elements Manifest\n   */\n  @State() private availableComponents: ComponentInfo[] = [];\n\n  /**\n   * Whether the component picker popover is open\n   */\n  @State() private pickerOpen: boolean = false;\n\n  /**\n   * Reference to the slot element to access assignedNodes\n   */\n  private slotRef?: HTMLSlotElement;\n\n  /**\n   * The original slotted element (e.g., <h3 slot=\"header\">)\n   */\n  private slottedElement?: Element;\n\n  /**\n   * Emitted when text content changes in admin mode.\n   * The event detail contains the new text value and validity.\n   */\n  @Event() leSlotChange: EventEmitter<{ name: string; value: string; isValid: boolean }>;\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      const wasAdmin = this.adminMode;\n      this.adminMode = mode === 'admin';\n\n      // When entering admin mode, read content from slotted elements\n      if (this.adminMode && !wasAdmin) {\n        // Need to wait for render to access slot ref\n        requestAnimationFrame(() => this.readSlottedContent());\n\n        // Load available components for the component picker\n        if (this.type === 'slot') {\n          this.loadAvailableComponents();\n        }\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Flag to prevent re-reading content right after we updated it\n   */\n  private isUpdating: boolean = false;\n\n  /**\n   * Read content from slotted elements via assignedNodes()\n   */\n  private readSlottedContent() {\n    if (!this.slotRef) return;\n\n    // Skip if we just updated the content ourselves\n    if (this.isUpdating) {\n      this.isUpdating = false;\n      return;\n    }\n\n    const assignedNodes = this.slotRef.assignedNodes({ flatten: true });\n\n    // For text/textarea types, we want to edit the innerHTML of slotted elements\n    if (this.type === 'text' || this.type === 'textarea') {\n      // Find the first element node (skip text nodes that are just whitespace)\n      const elementNode = assignedNodes.find(node => node.nodeType === Node.ELEMENT_NODE) as Element | undefined;\n\n      if (elementNode) {\n        // Only update textValue if slotted element changed or we don't have one yet\n        if (this.slottedElement !== elementNode) {\n          this.slottedElement = elementNode;\n          this.textValue = elementNode.innerHTML?.trim() || '';\n          // console.log(`[le-slot \"${this.name}\"] Read slotted content:`, this.textValue);\n        }\n      } else {\n        // No element, check for direct text content\n        const textContent = assignedNodes\n          .filter(node => node.nodeType === Node.TEXT_NODE)\n          .map(node => node.textContent)\n          .join('')\n          .trim();\n\n        if (textContent && !this.textValue) {\n          this.textValue = textContent;\n          // console.log(`[le-slot \"${this.name}\"] Read text content:`, this.textValue);\n        }\n      }\n    }\n  }\n\n  /**\n   * Validates if a string contains valid HTML\n   */\n  private validateHtml(html: string): boolean {\n    // Empty string is valid\n    if (!html.trim()) return true;\n\n    // Create a template element to parse the HTML\n    const template = document.createElement('template');\n    template.innerHTML = html;\n\n    // Check that we don't have obviously broken HTML\n    // Count opening and closing tags for common elements\n    const openTags = (html.match(/<[a-z][^>]*(?<!\\/)>/gi) || []).length;\n    const closeTags = (html.match(/<\\/[a-z][^>]*>/gi) || []).length;\n    const selfClosing = (html.match(/<[a-z][^>]*\\/>/gi) || []).length;\n\n    // Simple validation: opening tags (minus self-closing) should roughly match closing tags\n    // Allow some tolerance for void elements like <br>, <img>, etc.\n    const voidElements = (html.match(/<(br|hr|img|input|meta|link|area|base|col|embed|param|source|track|wbr)[^>]*>/gi) || []).length;\n\n    const effectiveOpenTags = openTags - selfClosing - voidElements;\n\n    // If difference is too large, HTML is likely broken\n    if (Math.abs(effectiveOpenTags - closeTags) > 1) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private handleTextInput = (event: Event) => {\n    const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n    this.textValue = target.value;\n    this.isValidHtml = this.validateHtml(this.textValue);\n\n    if (this.isValidHtml) {\n      // Set flag to prevent slotchange from re-reading what we just wrote\n      this.isUpdating = true;\n\n      console.log('Updating text value:', this.textValue, 'slottedElement:', this.slottedElement);\n\n      if (this.slottedElement) {\n        // Update existing slotted element's innerHTML\n        this.slottedElement.innerHTML = this.textValue;\n      } else if (this.tag && this.textValue) {\n        // No slotted element exists\n        // If the slot doesn't have a name, then it's the default slot\n        // remove the existing non-slotted content (text nodes and elements without slot attribute)\n        const rootNode = this.el.getRootNode();\n        if (!this.name && rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          Array.from(hostComponent.childNodes).forEach(node => {\n            if (node.nodeType === Node.TEXT_NODE || (node.nodeType === Node.ELEMENT_NODE && !(node as Element).hasAttribute('slot'))) {\n              node.remove();\n            }\n          });\n        }\n        // create one using the specified tag\n        this.createSlottedElement();\n      } else if (this.textValue) {\n        // no tag specified - just replace everything in the host component\n        const rootNode = this.el.getRootNode();\n        if (rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          hostComponent.innerHTML = this.textValue;\n        }\n      }\n    }\n\n    this.leSlotChange.emit({\n      name: this.name,\n      value: this.textValue,\n      isValid: this.isValidHtml,\n    });\n  };\n\n  /**\n   * Create a new slotted element when none exists.\n   * The element is appended to the host component's light DOM.\n   */\n  private createSlottedElement() {\n    if (!this.tag) return;\n\n    // Find the host component (le-card, etc.) by traversing up through shadow DOM\n    // le-slot is inside le-card's shadow DOM, so we need to find le-card's host\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n\n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n\n    // Create the new element\n    const newElement = document.createElement(this.tag);\n    newElement.innerHTML = this.textValue;\n\n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n\n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n\n    // Store reference to the new element\n    this.slottedElement = newElement;\n\n    // console.log(`[le-slot \"${this.name}\"] Created new <${this.tag}> element`);\n  }\n\n  /**\n   * Load available components from Custom Elements Manifest\n   */\n  private async loadAvailableComponents() {\n    try {\n      const manifestPath = getAssetPath('assets/custom-elements.json');\n      const response = await fetch(manifestPath);\n      const manifest = await response.json();\n\n      const components: ComponentInfo[] = [];\n      const allowedList = this.allowedComponents?.split(',').map(s => s.trim()) || [];\n\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName && declaration.customElement) {\n            // Skip internal components (le-slot, le-component, le-popover)\n            const isInternal = ['le-slot', 'le-component', 'le-popover'].includes(declaration.tagName);\n            if (isInternal) continue;\n\n            // If allowedComponents is specified, filter by it\n            if (allowedList.length > 0 && !allowedList.includes(declaration.tagName)) {\n              continue;\n            }\n\n            components.push({\n              tagName: declaration.tagName,\n              name: this.formatComponentName(declaration.tagName),\n              description: declaration.description || '',\n            });\n          }\n        }\n      }\n\n      this.availableComponents = components || [];\n    } catch (error) {\n      console.warn('[le-slot] Failed to load component manifest:', error);\n    }\n  }\n\n  /**\n   * Format a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatComponentName(tagName: string): string {\n    return tagName\n      .replace(/^le-/, '')\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Add a new component to the slot\n   */\n  private addComponent(tagName: string) {\n    // Find the host component by traversing up through shadow DOM\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n\n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n\n    // Create the new component element\n    const newElement = document.createElement(tagName);\n\n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n\n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n\n    // Emit change event so the page can save\n    this.leSlotChange.emit({\n      name: this.name,\n      value: hostComponent.innerHTML,\n      isValid: true,\n    });\n  }\n\n  /**\n   * Handle slot change event to re-read content when nodes are assigned\n   */\n  private handleSlotChange = () => {\n    this.readSlottedContent();\n  };\n\n  render() {\n    const displayLabel = this.label || this.name;\n\n    // Always render the same structure, CSS handles visibility via .admin-mode class\n    return (\n      <Host\n        class={{\n          'admin-mode': this.adminMode,\n          'invalid-html': !this.isValidHtml,\n        }}\n        role={this.adminMode ? 'region' : undefined}\n        aria-label={this.adminMode ? `Slot: ${displayLabel}` : undefined}\n        data-slot-name={this.name}\n        data-slot-type={this.type}\n        data-allowed={this.allowedComponents}\n        data-multiple={this.multiple}\n        data-required={this.required}\n      >\n        {this.adminMode ? (\n          <div class=\"le-slot-container\">\n            <div\n              class={classnames('le-slot-header', {\n                'le-slot-header-no-label': !displayLabel,\n                'le-slot-header-text': this.type === 'text',\n                'le-slot-header-error': !this.isValidHtml,\n              })}\n            >\n              {displayLabel && (\n                <span class=\"le-slot-label\">\n                  {displayLabel}\n                  {this.required && <span class=\"le-slot-required\">*</span>}\n                </span>\n              )}\n              {/* {this.description && <le-popover mode=\"default\" showClose={false} align=\"end\" position=\"bottom\">\n                <span slot=\"trigger\" class=\"le-slot-description-icon\">ℹ️</span>\n                {this.description}\n              </le-popover>} */}\n              {!this.isValidHtml && <span class=\"le-slot-invalid\">⚠ Invalid HTML</span>}\n              {this.type === 'slot' && this.adminMode && (\n                <le-popover\n                  mode=\"default\"\n                  showClose={true}\n                  align=\"start\"\n                  position=\"right\"\n                  popoverTitle=\"Add Component\"\n                  open={this.pickerOpen}\n                  onLePopoverOpen={() => (this.pickerOpen = true)}\n                  onLePopoverClose={() => (this.pickerOpen = false)}\n                >\n                  <le-button type=\"button\" class=\"le-slot-button\" slot=\"trigger\" variant=\"clear\" size=\"small\" aria-label=\"Add component\" icon-only>\n                    <span class=\"le-slot-add-btn\" slot=\"icon-only\">\n                      +\n                    </span>\n                  </le-button>\n                  <div class=\"le-slot-picker\">\n                    {this.availableComponents.length > 0 ? (\n                      <ul class=\"le-slot-picker-list\">\n                        {this.availableComponents.map(component => (\n                          <li key={component.tagName}>\n                            <button\n                              class=\"le-slot-picker-item\"\n                              onClick={() => {\n                                this.addComponent(component.tagName);\n                                this.pickerOpen = false;\n                              }}\n                            >\n                              <span class=\"le-slot-picker-name\">{component.name}</span>\n                              {component.description && <span class=\"le-slot-picker-desc\">{component.description}</span>}\n                            </button>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <div class=\"le-slot-picker-empty\">No components available</div>\n                    )}\n                  </div>\n                </le-popover>\n              )}\n            </div>\n            {this.renderContent()}\n          </div>\n        ) : (\n          // In default mode, just pass through the slot - slotted content renders naturally\n          // Note: We use unnamed slot here because named slots from parent component\n          // are passed as le-slot's light DOM children\n          <slot\n          // ref={(el) => this.slotRef = el as HTMLSlotElement}\n          // onSlotchange={this.handleSlotChange}\n          ></slot>\n        )}\n      </Host>\n    );\n  }\n\n  private renderContent() {\n    // Create the slot element with ref for reading assignedNodes\n    // Wrap in a hidden div since slot elements can't have style prop in Stencil\n    // Note: We use unnamed slot here because named slots from parent component\n    // are passed as le-slot's light DOM children\n    const slotElement = (\n      <div class=\"hidden-slot\">\n        <slot ref={el => (this.slotRef = el as HTMLSlotElement)} onSlotchange={this.handleSlotChange}></slot>\n      </div>\n    );\n\n    switch (this.type) {\n      case 'text':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <le-string-input\n              mode=\"default\"\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onChange={this.handleTextInput}\n              // required={this.required}\n            ></le-string-input>\n            {slotElement}\n          </div>\n        );\n\n      case 'textarea':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <textarea\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onInput={this.handleTextInput}\n              required={this.required}\n              rows={3}\n            ></textarea>\n            {slotElement}\n          </div>\n        );\n\n      case 'slot':\n      default:\n        // Parse slotStyle string into style object if provided\n        const dropzoneStyle: { [key: string]: string } = {};\n        if (this.slotStyle) {\n          this.slotStyle.split(';').forEach(rule => {\n            const [prop, value] = rule.split(':').map(s => s.trim());\n            if (prop && value) {\n              // Convert kebab-case to camelCase for style object\n              const camelProp = prop.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());\n              dropzoneStyle[camelProp] = value;\n            }\n          });\n        }\n        return (\n          <div class=\"le-slot-dropzone\" style={dropzoneStyle}>\n            <slot ref={el => (this.slotRef = el as HTMLSlotElement)} onSlotchange={this.handleSlotChange}></slot>\n          </div>\n        );\n    }\n  }\n}\n\n/**\n * Component info from the manifest\n */\ninterface ComponentInfo {\n  tagName: string;\n  name: string;\n  description: string;\n}\n",":host {\n  display: block;\n  --le-input-bg: var(--le-color-surface, #ffffff);\n  --le-input-color: var(--le-color-text-primary, #333333);\n  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);\n  --le-input-radius: var(--le-radius-sm, 4px);\n  --le-input-padding: 2px 6px;\n  --le-input-height: 1.5rem;\n  --le-input-label-color: var(--le-color-text-primary, #333333);\n  --le-input-desc-color: var(--le-color-text-secondary, #666666);\n  --le-input-placeholder-color: #999999;\n}\n\n.le-input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.le-input-label {\n  display: block;\n  font-size: 0.9em;\n  font-weight: 500;\n  color: var(--le-input-label-color);\n  margin-bottom: 2px;\n}\n\n.le-input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--le-input-bg);\n  border: var(--le-input-border);\n  border-radius: var(--le-input-radius);\n  transition: border-color 0.2s;\n}\n\n.le-input-container:focus-within {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n\n:host([disabled]) .le-input-container {\n  opacity: 0.6;\n  background-color: rgba(0,0,0,0.05);\n  cursor: not-allowed;\n}\n\ninput {\n  flex: 1;\n  min-height: var(--le-input-height);\n  padding: var(--le-input-padding);\n  border: none;\n  background: transparent;\n  color: var(--le-input-color);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  width: 100%;\n}\n\ninput::placeholder {\n  color: var(--le-input-placeholder-color);\n}\n\n.icon-start, .icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 8px;\n  color: var(--le-input-desc-color);\n}\n\n.le-input-description {\n  font-size: 0.85em;\n  color: var(--le-input-desc-color);\n  margin-top: 2px;\n}\n\n.le-input-description::has(le-slot > slot[name=description]:empty) {\n  display: none;\n}\n","import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A text input component with support for labels, descriptions, icons, and external IDs.\n *\n * @slot - The label text for the input\n * @slot description - Additional description text displayed below the input\n * @slot icon-start - Icon to display at the start of the input\n * @slot icon-end - Icon to display at the end of the input\n *\n * @cssprop --le-input-bg - Input background color\n * @cssprop --le-input-color - Input text color\n * @cssprop --le-input-border - Input border style\n * @cssprop --le-input-border-focus - Input border style when focused\n * @cssprop --le-input-radius - Input border radius\n * @cssprop --le-input-padding - Input padding\n */\n@Component({\n  tag: 'le-string-input',\n  styleUrl: 'le-string-input.css',\n  shadow: true,\n})\nexport class LeStringInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * The value of the input\n   */\n  @Prop({ mutable: true, reflect: true }) value: string;\n\n  /**\n   * The name of the input\n   */\n  @Prop() name: string;\n\n  /**\n   * The type of the input (text, email, password, etc.)\n   */\n  @Prop() type: 'text' | 'email' | 'password' | 'tel' | 'url' = 'text';\n\n  /**\n   * Label for the input\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon for the start icon\n   */\n  @Prop() iconStart: string;\n\n  /**\n   * Icon for the end icon\n   */\n  @Prop() iconEnd: string;\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * External ID for linking with external systems\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Emitted when the value changes (on blur or Enter)\n   */\n  @Event({ eventName: 'change' }) leChange: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  /**\n   * Emitted when the input value changes (on keystroke)\n   */\n  @Event({ eventName: 'input' }) leInput: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  private handleInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    this.value = input.value;\n    this.leInput.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  private handleChange = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    this.value = input.value;\n    this.leChange.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  private handleClick = (ev: Event) => {\n    ev.stopPropagation();\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-string-input\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-input-wrapper\">\n          {this.label && (\n            <label class=\"le-input-label\" htmlFor={this.name}>{this.label}</label>\n          )}\n          \n          <div class=\"le-input-container\">\n            {this.iconStart && (\n              <span class=\"icon-start\">{this.iconStart}</span>\n            )}\n            <input\n              id={this.name}\n              type={this.type}\n              name={this.name}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n              onChange={this.handleChange}\n              onClick={this.handleClick}\n            />\n            {this.iconEnd && (\n              <span class=\"icon-end\">{this.iconEnd}</span>\n            )}\n          </div>\n\n          <div class=\"le-input-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"p\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n"],"names":["classnames","h","Fragment","observeModeChanges","getAssetPath","Host"],"mappings":"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"}
+{"version":3,"file":"le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.cjs.js","sources":["src/components/le-button/le-button.default.css?tag=le-button&encapsulation=shadow","src/components/le-button/le-button.tsx","src/components/le-checkbox/le-checkbox.css?tag=le-checkbox&encapsulation=shadow","src/components/le-checkbox/le-checkbox.tsx","src/components/le-component/le-component.css?tag=le-component&encapsulation=shadow","src/components/le-component/le-component.tsx","src/components/le-popover/le-popover.css?tag=le-popover&encapsulation=shadow","src/components/le-popover/le-popover.tsx","src/components/le-slot/le-slot.default.css?tag=le-slot&encapsulation=shadow","src/components/le-slot/le-slot.tsx","src/components/le-string-input/le-string-input.css?tag=le-string-input&encapsulation=shadow","src/components/le-string-input/le-string-input.tsx"],"sourcesContent":["/**\n * Default mode styles for le-button\n * Uses global design tokens with component-specific overrides\n */\n:host {\n  display: inline-block;\n  \n  /* Component-specific tokens */\n  --le-button-border-radius: var(--le-radius-md);\n  --le-button-padding-x: 0.4rem;\n  --le-button-padding-y: 0.4rem;\n  --le-button-small-padding: 0.25rem;\n  --le-button-font-size: var(--le-font-size-md);\n  --le-button-font-weight: var(--le-font-weight-medium);\n  --le-button-transition: var(--le-transition-fast);\n  --le-button-icon-aspect-ratio: 1;\n  \n  /* Internal state variables - set by color classes */\n  --_btn-bg: var(--le-color-primary);\n  --_btn-bg-hover: var(--le-color-primary-dark);\n  --_btn-bg-system: var(--le-color-black);\n  --_btn-color: var(--le-color-primary-contrast);\n  --_btn-border-color: var(--le-color-primary);\n}\n\n:host([full-width]) {\n  display: block;\n  width: 100%;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--le-spacing-3);\n  width: 100%;\n  padding: var(--le-button-padding-y) var(--le-button-padding-x);\n  border: 1px solid var(--_btn-border-color);\n  border-radius: var(--le-button-border-radius);\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n  font-family: var(--le-font-family-base);\n  font-size: var(--le-button-font-size);\n  font-weight: var(--le-button-font-weight);\n  line-height: var(--le-line-height-tight);\n  text-decoration: none;\n  cursor: pointer;\n  transition: \n    background-color var(--le-button-transition) var(--le-transition-easing),\n    border-color var(--le-button-transition) var(--le-transition-easing),\n    box-shadow var(--le-button-transition) var(--le-transition-easing),\n    transform var(--le-button-transition) var(--le-transition-easing);\n}\n\n.button:hover:not(:disabled) {\n  background: var(--_btn-bg-hover);\n  border-color: var(--_btn-bg-hover);\n}\n\n.button:active:not(:disabled) {\n  transform: translateY(1px);\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ===========================================\n * COLOR VARIANTS - Use theme semantic colors\n * =========================================== */\n\n/* Primary (default) */\n:host > le-component.color-primary {\n  --_btn-bg: var(--le-color-primary);\n  --_btn-bg-hover: var(--le-color-primary-dark);\n  --_btn-color: var(--le-color-primary-contrast);\n  --_btn-border-color: var(--le-color-primary);\n}\n\n/* Secondary */\n:host > le-component.color-secondary {\n  --_btn-bg: var(--le-color-secondary);\n  --_btn-bg-hover: var(--le-color-secondary-dark);\n  --_btn-color: var(--le-color-secondary-contrast);\n  --_btn-border-color: var(--le-color-secondary);\n}\n\n/* Success */\n:host > le-component.color-success {\n  --_btn-bg: var(--le-color-success);\n  --_btn-bg-hover: var(--le-color-success-dark);\n  --_btn-color: var(--le-color-success-contrast);\n  --_btn-border-color: var(--le-color-success);\n}\n\n/* Warning */\n:host > le-component.color-warning {\n  --_btn-bg: var(--le-color-warning);\n  --_btn-bg-hover: var(--le-color-warning-dark);\n  --_btn-color: var(--le-color-warning-contrast);\n  --_btn-border-color: var(--le-color-warning);\n}\n\n/* Danger */\n:host > le-component.color-danger {\n  --_btn-bg: var(--le-color-danger);\n  --_btn-bg-hover: var(--le-color-danger-dark);\n  --_btn-color: var(--le-color-danger-contrast);\n  --_btn-border-color: var(--le-color-danger);\n}\n\n/* Info */\n:host > le-component.color-info {\n  --_btn-bg: var(--le-color-info);\n  --_btn-bg-hover: var(--le-color-info-dark);\n  --_btn-color: var(--le-color-info-contrast);\n  --_btn-border-color: var(--le-color-info);\n}\n\n/* ===========================================\n * STYLE VARIANTS\n * =========================================== */\n\n/* Solid (default) - already styled by color classes */\n:host > le-component.variant-solid .button {\n  box-shadow: var(--le-shadow-sm);\n}\n\n:host > le-component.variant-solid .button:hover:not(:disabled) {\n  box-shadow: var(--le-shadow-md);\n}\n\n/* Outlined */\n:host > le-component.variant-outlined .button {\n  background: transparent;\n  color: var(--_btn-bg);\n  border-color: var(--_btn-border-color);\n}\n\n:host > le-component.variant-outlined .button:hover:not(:disabled) {\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n}\n\n/* Clear (ghost) */\n:host > le-component.variant-clear .button {\n  background: transparent;\n  color: var(--_btn-bg);\n  border-color: transparent;\n}\n\n:host > le-component.variant-clear .button:hover:not(:disabled) {\n  background: var(--le-color-gray-100);\n  border-color: transparent;\n}\n\n/* System (controls without access) */\n:host > le-component.variant-system .button {\n  background: transparent;\n  color: var(--_btn-bg-system);\n  border-color: transparent;\n}\n\n/* ===========================================\n * SIZES\n * =========================================== */\n:host > le-component.size-small .button {\n  --le-button-padding-x: 0.4rem;\n  --le-button-padding-y: 0.3rem;\n  --le-button-padding-top: 0.35rem;\n  --le-button-font-size: var(--le-button-small-font-size, var(--le-font-size-xs));\n}\n\n:host > le-component.size-large .button {\n  --le-button-padding-x: 0.9rem;\n  --le-button-padding-y: 0.6rem;\n  --le-button-font-size: var(--le-font-size-xl);\n}\n\n/* ===========================================\n * STATES & MODIFIERS\n * =========================================== */\n\n/* Full width */\n:host > le-component.full-width {\n  display: block;\n  width: 100%;\n}\n\n/* Selected state */\n:host > le-component.selected .button {\n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n:host > le-component.variant-outlined.selected .button,\n:host > le-component.variant-clear.selected .button {\n  background: var(--_btn-bg);\n  color: var(--_btn-color);\n}\n\n/* Icon only */\n:host > le-component.icon-only .button {\n  padding: 0.5rem;\n  padding-bottom: 0.6rem;\n  aspect-ratio: var(--le-button-icon-aspect-ratio, 1);\n}\n\n:host > le-component.icon-only.size-small .button {\n  padding: var(--le-button-small-padding, 0.25rem);\n}\n\n:host > le-component.icon-only.size-large .button {\n  padding: 0.75rem;\n}\n\n/* Hide content in icon-only mode */\n:host > le-component.icon-only .content {\n  display: none;\n}\n\n/* ===========================================\n * CONTENT (le-slot wrapper)\n * =========================================== */\n.content {\n  display: inline;\n}\n\n.content:empty {\n  display: none;\n}\n\n/* ===========================================\n * ICON WRAPPERS & SLOTS\n * =========================================== */\n.icon-start,\n.icon-only,\n.icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon-start:empty,\n.icon-only:empty,\n.icon-end:empty {\n  display: none;\n}\n\n::slotted([slot=\"icon-start\"]),\n::slotted([slot=\"icon-only\"]),\n::slotted([slot=\"icon-end\"]) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.125em;\n  height: 1.125em;\n}\n","import { Component, Prop, h, Element, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A flexible button component with multiple variants and states.\n *\n * @slot - Button text content\n * @slot icon-start - Icon before the text\n * @slot icon-end - Icon after the text\n *\n * @cssprop --le-button-bg - Button background color\n * @cssprop --le-button-color - Button text color\n * @cssprop --le-button-border-radius - Button border radius\n * @cssprop --le-button-padding-x - Button horizontal padding\n * @cssprop --le-button-padding-y - Button vertical padding\n *\n * @csspart button - The native button element\n * @csspart content - The button content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Actions\n */\n@Component({\n  tag: 'le-button',\n  styleUrl: 'le-button.default.css',\n  shadow: true,\n})\nexport class LeButton {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Button variant style\n   * @allowedValues solid | outlined | clear\n   */\n  @Prop() variant: 'solid' | 'outlined' | 'clear' | 'system' = 'solid';\n\n  /**\n   * Button color theme (uses theme semantic colors)\n   * @allowedValues primary | secondary | success | warning | danger | info\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' = 'primary';\n\n  /**\n   * Button size\n   * @allowedValues small | medium | large\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Whether the button is in a selected/active state\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Whether the button takes full width of its container\n   */\n  @Prop({ reflect: true }) fullWidth: boolean = false;\n\n  /**\n   * Whether the button displays only an icon (square aspect ratio)\n   */\n  @Prop() iconOnly: boolean = false;\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The button type attribute\n   * @allowedValues button | submit | reset\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * Optional href to make the button act as a link\n   */\n  @Prop() href?: string;\n\n  /**\n   * Link target when href is set\n   */\n  @Prop() target?: string;\n\n  /**\n   * Emitted when the button is clicked.\n   * This is a custom event that wraps the native click but ensures the target is the le-button.\n   */\n  @Event({ eventName: 'click' }) leClick: EventEmitter<PointerEvent>;\n\n  private handleClick = (event: PointerEvent) => {\n    // We stop the internal button click from bubbling up\n    event.stopPropagation();\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    \n    // And emit our own click event from the host element\n    this.leClick.emit(event);\n  };\n\n  render() {\n    const classes = classnames(`variant-${this.variant}`, `color-${this.color}`, `size-${this.size}`, {\n      'selected': this.selected,\n      'full-width': this.fullWidth,\n      'icon-only': this.iconOnly,\n      'disabled': this.disabled,\n    });\n\n    const TagType = this.href ? 'a' : 'button';\n    const attrs = this.href ? { href: this.href, target: this.target, role: 'button' } : { type: this.type, disabled: this.disabled };\n\n    return (\n      <le-component component=\"le-button\" hostClass={classes}>\n        <TagType class=\"button\" part=\"button\" {...attrs} onClick={this.handleClick}>\n          {this.iconOnly ? (\n            <span class=\"icon-start\">\n              <slot name=\"icon-only\"></slot>\n            </span>\n          ) : (\n            <Fragment>\n              <span class=\"icon-start\">\n                <slot name=\"icon-start\"></slot>\n              </span>\n              <le-slot name=\"\" description=\"Button text\" type=\"text\" class=\"content\" part=\"content\">\n                <slot></slot>\n              </le-slot>\n              <span class=\"icon-end\">\n                <slot name=\"icon-end\"></slot>\n              </span>\n            </Fragment>\n          )}\n        </TagType>\n      </le-component>\n    );\n  }\n}\n",":host {\n  display: block;\n  --le-checkbox-size: 18px;\n  --le-checkbox-color: var(--le-color-primary, #007bff);\n  --le-checkbox-label-color: var(--le-color-text-primary, #333);\n  --le-checkbox-desc-color: var(--le-color-text-secondary, #666);\n  --le-checkbox-border-radius: var(--le-radius-sm, 2px);\n  --le-checkbox-marker-color: var(--le-color-surface, #fff);\n}\n\n.le-checkbox-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.le-checkbox-label {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n\n:host([disabled]) .le-checkbox-label {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.le-checkbox-input {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1.4em;\n}\n\ninput[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  width: var(--le-checkbox-size);\n  height: var(--le-checkbox-size);\n  border: var(--le-border-width, 2px) solid var(--le-checkbox-color);\n  border-radius: var(--le-checkbox-border-radius);\n  margin: 0;\n  margin-top: 2px; /* Align with text */\n  position: relative;\n  cursor: inherit;\n  background-color: transparent;\n  transition: background-color 0.2s, border-color 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked {\n  background-color: var(--le-checkbox-color);\n}\n\ninput[type=\"checkbox\"]:checked::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: calc(var(--le-checkbox-size) / 5);\n  right: 0;\n  margin: auto;\n  width: calc(var(--le-checkbox-size) / 4);\n  height: calc(var(--le-checkbox-size) / 2);\n  border: solid var(--le-checkbox-marker-color, #fff);\n  border-width: 0 calc(var(--le-checkbox-size) / 10) calc(var(--le-checkbox-size) / 10) 0;\n  transform: rotate(45deg);\n}\n\ninput[type=\"checkbox\"]:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.le-checkbox-text {\n  flex: 1;\n  flex-wrap: wrap;\n  color: var(--le-checkbox-label-color);\n  line-height: 1.5;\n  text-align: start;\n}\n\n.le-checkbox-description {\n  margin-left: calc(var(--le-checkbox-size) + 8px);\n  font-size: 0.875em;\n  color: var(--le-checkbox-desc-color);\n  line-height: 1.4;\n}\n\n:host [slot=\"description\"] {\n  margin: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A checkbox component with support for labels, descriptions, and external IDs.\n *\n * @slot - The label text for the checkbox\n * @slot description - Additional description text displayed below the label\n *\n * @cssprop --le-checkbox-size - Size of the checkbox input\n * @cssprop --le-checkbox-color - Color of the checkbox when checked\n * @cssprop --le-checkbox-label-color - Color of the label text\n * @cssprop --le-checkbox-desc-color - Color of the description text\n */\n@Component({\n  tag: 'le-checkbox',\n  styleUrl: 'le-checkbox.css',\n  shadow: true,\n})\nexport class LeCheckbox {\n  @Element() el: HTMLElement;\n\n  /**\n   * Whether the checkbox is checked\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the checkbox input\n   */\n  @Prop() name: string;\n\n  /**\n   * The value of the checkbox input\n   */\n  @Prop() value: string;\n\n  /**\n   * External ID for linking with external systems (e.g. database ID, PDF form field ID)\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Emitted when the checked state changes\n   */\n  @Event({ eventName: 'change' }) leChange: EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>;\n\n  private handleChange = (event: Event) => {\n    // We stop the internal button click from bubbling up\n    event.stopPropagation();\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.checked = input.checked;\n    this.leChange.emit({\n      checked: this.checked,\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-checkbox\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-checkbox-wrapper\">\n          <label class=\"le-checkbox-label\">\n            <span class=\"le-checkbox-input\">\n              <input\n                type=\"checkbox\"\n                name={this.name}\n                value={this.value}\n                checked={this.checked}\n                disabled={this.disabled}\n                onChange={this.handleChange}\n              />\n            </span>\n            <span class=\"le-checkbox-text\">\n              <le-slot name=\"\" type=\"text\" tag=\"span\">\n                <slot></slot>\n              </le-slot>\n            </span>\n          </label>\n          \n          <div class=\"le-checkbox-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"div\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n","/**\n * le-component styles\n * \n * In default mode, the component is invisible (passthrough).\n * In admin mode, it shows a wrapper with header and settings.\n */\n\n:host {\n  display: contents;\n}\n\n:host(.admin-mode) {\n  display: block;\n}\n\n/* Admin mode wrapper */\n.le-component-wrapper {\n  position: relative;\n  border: 2px dashed var(--le-admin-border-color, #90caf9);\n  border-radius: var(--le-radius-md, 8px);\n  background: var(--le-admin-bg, rgba(144, 202, 249, 0.05));\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.le-component-wrapper:hover {\n  border-color: var(--le-admin-border-hover, #42a5f5);\n  box-shadow: 0 0 0 2px var(--le-admin-glow, rgba(66, 165, 245, 0.2));\n}\n\n/* Component header */\n.le-component-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--le-spacing-1, 4px);\n  padding: 0 0 0 var(--le-spacing-1, 4px);\n  background: var(--le-admin-header-bg, rgba(144, 202, 249, 0.15));\n  border-bottom: 1px solid var(--le-admin-border-color, #90caf9);\n  border-radius: var(--le-radius-md, 8px) var(--le-radius-md, 8px) 0 0;\n  font-size: var(--le-font-size-xs, 11px);\n}\n\n.le-component-name {\n  font-weight: var(--le-font-weight-medium, 500);\n  color: var(--le-admin-text, #1976d2);\n  text-transform: capitalize;\n  text-align: start;\n  overflow: hidden;\n  width: 0;\n  flex: 1 1 0%;\n}\n\n/* Component content area */\n.le-component-content {\n  padding: var(--le-space-xs, 4px);\n}\n\n.le-component-trigger {\n  font-size: 24px;\n  line-height: 0px;\n  width: 12px;\n  height: 12px;\n}\n.le-component-button {\n  width: 20px;\n}\n\n/* Property editor styles */\n.property-editor {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-sm, 8px);\n  max-width: 380px;\n}\n\n.property-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-xs, 4px);\n}\n\n.property-field label {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  font-size: var(--le-font-size-sm, 13px);\n  font-weight: var(--le-font-weight-medium, 500);\n  color: var(--le-color-text, #333);\n}\n\n.property-hint {\n  font-size: var(--le-font-size-xs, 11px);\n  font-weight: normal;\n  color: var(--le-color-text-secondary, #666);\n  line-height: 1.3;\n}\n\n.property-field input[type=\"text\"],\n.property-field input[type=\"number\"],\n.property-field select {\n  padding: var(--le-space-xs, 4px) var(--le-space-sm, 8px);\n  border: 1px solid var(--le-color-border, #ddd);\n  border-radius: var(--le-radius-md, 7px);\n  font-size: var(--le-font-size-sm, 13px);\n  font-family: inherit;\n  background: var(--le-color-surface, #fff);\n  color: var(--le-color-text, #333);\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.property-field input:focus,\n.property-field select:focus {\n  outline: none;\n  border-color: var(--le-color-primary, #1976d2);\n  box-shadow: 0 0 0 2px var(--le-color-primary-light, rgba(25, 118, 210, 0.2));\n}\n\n/* Checkbox field */\n.property-field--checkbox {\n  flex-direction: column;\n}\n\n.property-field--checkbox label {\n  flex-direction: row;\n  align-items: center;\n  gap: var(--le-space-sm, 8px);\n  cursor: pointer;\n}\n\n.property-field--checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--le-color-primary, #1976d2);\n}\n\n.property-field--checkbox .property-hint {\n  margin-left: 24px;\n}\n\n/* No properties message */\n.no-properties {\n  margin: 0;\n  padding: var(--le-space-sm, 8px);\n  font-size: var(--le-font-size-sm, 13px);\n  color: var(--le-color-text-secondary, #666);\n  text-align: center;\n}\n\n/* Property editor container */\n.property-editor-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-space-md, 12px);\n}\n\n/* Actions section at bottom of editor */\n.property-editor-actions {\n  padding-top: var(--le-space-sm, 8px);\n  border-top: 1px solid var(--le-color-border, #e5e5e5);\n}\n\n/* Delete component button */\n.delete-component-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--le-space-xs, 4px);\n  width: 100%;\n  padding: var(--le-space-sm, 8px) var(--le-space-md, 12px);\n  border: 1px solid var(--le-color-danger, #e53935);\n  border-radius: var(--le-radius-md, 6px);\n  background: transparent;\n  color: var(--le-color-danger, #e53935);\n  font-size: var(--le-font-size-sm, 13px);\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.delete-component-btn:hover {\n  background: var(--le-color-danger, #e53935);\n  color: white;\n}\n\n.delete-component-btn:active {\n  opacity: 0.9;\n}\n","import { Component, Prop, State, h, Host, Element } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\nimport { getLeKitConfig } from '../../global/app';\n\n/**\n * Component wrapper for admin mode editing.\n *\n * This component is used internally by other components to provide admin-mode\n * editing capabilities. It wraps the component's rendered output and shows\n * a settings popover for editing properties.\n *\n * In default mode, it acts as a simple passthrough (display: contents).\n * In admin mode, it shows a border, component name header, and settings popover.\n *\n * The host element is found automatically by traversing up through the shadow DOM.\n *\n * Usage inside a component's render method:\n * ```tsx\n * render() {\n *   return (\n *     <le-component component=\"le-card\">\n *       <Host>...</Host>\n *     </le-component>\n *   );\n * }\n * ```\n *\n * @slot - The component's rendered content\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-component',\n  styleUrl: 'le-component.css',\n  shadow: true,\n})\nexport class LeComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The tag name of the component (e.g., 'le-card').\n   * Used to look up property metadata and display the component name.\n   */\n  @Prop() component!: string;\n\n  /**\n   * Optional display name for the component.\n   * If not provided, the tag name will be formatted as the display name.\n   */\n  @Prop() displayName?: string;\n\n  /**\n   * Classes to apply to the host element.\n   * Allows parent components to pass their styling classes.\n   */\n  @Prop() hostClass?: string;\n\n  /**\n   * Inline styles to apply to the host element.\n   * Allows parent components to pass dynamic styles (e.g., flex properties).\n   */\n  @Prop() hostStyle?: { [key: string]: string };\n\n  /**\n   * Reference to the host element (found automatically from parent)\n   */\n  private hostElement?: HTMLElement;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Component metadata loaded from Custom Elements Manifest\n   */\n  @State() private componentMeta: ComponentMetadata | null = null;\n\n  /**\n   * Current property values of the host component\n   */\n  @State() private propertyValues: Record<string, any> = {};\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    // Find the host element - le-component is rendered inside the component's shadow DOM,\n    // so we need to find the shadow root's host element\n    this.findHostElement();\n\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      this.adminMode = mode === 'admin';\n      // Load metadata and refresh property values only when entering admin mode\n      if (this.adminMode) {\n        if (!this.componentMeta) {\n          this.loadComponentMetadata();\n        } else {\n          this.readPropertyValues();\n        }\n      }\n    });\n  }\n\n  /**\n   * Find the host element by traversing up through shadow DOM\n   */\n  private findHostElement() {\n    // Get the shadow root that contains this le-component\n    const rootNode = this.el.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      // The host of this shadow root is our target component (e.g., le-card)\n      this.hostElement = rootNode.host as HTMLElement;\n    }\n  }\n\n  componentDidLoad() {\n    // Read initial property values from the host element\n    this.readPropertyValues();\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Formats a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatDisplayName(tagName: string): string {\n    return tagName\n      .replace(/^le-/, '') // Remove 'le-' prefix\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Load component metadata from the Custom Elements Manifest\n   */\n  private async loadComponentMetadata() {\n    try {\n      // Fetch the manifest from configured URL\n      const { manifestUrl } = getLeKitConfig();\n      const response = await fetch(manifestUrl);\n      const manifest = await response.json();\n\n      // Find the component definition\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName === this.component) {\n            const attributes = (declaration.attributes || []).filter((attr: AttributeMetadata) => !this.isInternalAttribute(attr.name));\n            this.componentMeta = {\n              tagName: declaration.tagName,\n              description: declaration.description,\n              attributes,\n            };\n            // console.log(`[le-component] Loaded metadata for ${this.component}:`, this.componentMeta);\n            // Read property values after metadata is loaded\n            this.readPropertyValues();\n            return;\n          }\n        }\n      }\n      // console.warn(`[le-component] No metadata found for component: ${this.component}`);\n    } catch (error) {\n      // console.warn(`[le-component] Failed to load metadata for component: ${this.component}`, error);\n    }\n  }\n\n  /**\n   * Check if an attribute is internal (should not be shown in editor)\n   */\n  private isInternalAttribute(name: string): boolean {\n    const internalAttrs = ['mode', 'theme', 'class', 'style', 'id', 'slot'];\n    return internalAttrs.includes(name);\n  }\n\n  /**\n   * Read current property values from the host element\n   */\n  private readPropertyValues() {\n    if (!this.hostElement || !this.componentMeta) return;\n\n    const values: Record<string, any> = {};\n    for (const attr of this.componentMeta.attributes) {\n      const value = this.hostElement.getAttribute(attr.name);\n      values[attr.name] = this.parseAttributeValue(value, attr.type?.text);\n    }\n    this.propertyValues = values;\n  }\n\n  /**\n   * Parse an attribute value based on its type\n   */\n  private parseAttributeValue(value: string | null, type?: string): any {\n    if (value === null) return undefined;\n\n    if (type === 'boolean') {\n      return value !== null && value !== 'false';\n    }\n    if (type === 'number') {\n      return parseFloat(value);\n    }\n    return value;\n  }\n\n  /**\n   * Handle property value changes from the editor\n   */\n  private handlePropertyChange(attrName: string, value: any, type?: string) {\n    if (!this.hostElement) return;\n\n    // Update the host element's attribute\n    if (type === 'boolean') {\n      if (value) {\n        this.hostElement.setAttribute(attrName, '');\n      } else {\n        this.hostElement.removeAttribute(attrName);\n      }\n    } else if (value === undefined || value === '') {\n      this.hostElement.removeAttribute(attrName);\n    } else {\n      this.hostElement.setAttribute(attrName, String(value));\n    }\n\n    // Update local state\n    this.propertyValues = { ...this.propertyValues, [attrName]: value };\n  }\n\n  /**\n   * Delete this component from the DOM\n   */\n  private deleteComponent() {\n    if (!this.hostElement) return;\n\n    // Confirm deletion\n    const name = this.displayName || this.formatDisplayName(this.component);\n    if (!confirm(`Delete this ${name}?`)) return;\n\n    // Remove the host element from its parent\n    const parent = this.hostElement.parentElement;\n    if (parent) {\n      this.hostElement.remove();\n    }\n  }\n\n  /**\n   * Render the property editor form\n   */\n  private renderPropertyEditor() {\n    const hasProperties = this.componentMeta && this.componentMeta.attributes.length > 0;\n\n    return (\n      <div class=\"property-editor-container\">\n        {hasProperties ? (\n          <form class=\"property-editor\" onSubmit={e => e.preventDefault()}>\n            {this.componentMeta!.attributes.map(attr => this.renderPropertyField(attr))}\n          </form>\n        ) : (\n          <p class=\"no-properties\">No editable properties</p>\n        )}\n        <div class=\"property-editor-actions\">\n          <le-button type=\"button\" variant=\"outlined\" color=\"danger\" full-width onClick={() => this.deleteComponent()}>\n            <span slot=\"icon-start\">🗑️</span>\n            <span>Delete Component</span>\n          </le-button>\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Render a single property field based on its type\n   */\n  private renderPropertyField(attr: AttributeMetadata) {\n    const value = this.propertyValues[attr.name];\n    const type = attr.type?.text || 'string';\n\n    // Check if type is a union of string literals (e.g., \"'default' | 'outlined' | 'elevated'\")\n    const enumMatch = type.match(/^'[^']+'/);\n    if (enumMatch) {\n      const options = type.split('|').map(opt => opt.trim().replace(/'/g, ''));\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <select id={`prop-${attr.name}`} onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLSelectElement).value, type)}>\n            {options.map(opt => (\n              <option value={opt} selected={value === opt || (!value && attr.default?.replace(/'/g, '') === opt)}>\n                {opt}\n              </option>\n            ))}\n          </select>\n        </div>\n      );\n    }\n\n    // Boolean type\n    if (type === 'boolean') {\n      return (\n        <div class=\"property-field property-field--checkbox\">\n          <le-checkbox\n            name={`prop-${attr.name}`}\n            checked={value === true || value === ''}\n            onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).checked, type)}\n          >\n            {attr.name}\n            {attr.description && <div slot=\"description\">{attr.description}</div>}\n          </le-checkbox>\n        </div>\n      );\n    }\n\n    // Number type\n    if (type === 'number') {\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <input\n            type=\"number\"\n            id={`prop-${attr.name}`}\n            value={value ?? ''}\n            placeholder={attr.default}\n            onChange={e => this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).value, type)}\n          />\n        </div>\n      );\n    }\n\n    // Default: string/text input\n    return (\n      <div class=\"property-field\">\n        <le-string-input\n          name={`prop-${attr.name}`}\n          label={attr.name}\n          value={value ?? ''}\n          placeholder={attr.default?.replace(/'/g, '')}\n          onChange={(e: any) => this.handlePropertyChange(attr.name, e.detail.value, type)}\n        >\n          <span slot=\"description\">{attr.description}</span>\n        </le-string-input>\n      </div>\n    );\n  }\n\n  render() {\n    const name = this.displayName || this.formatDisplayName(this.component);\n\n    // In default mode, just pass through content with host classes\n    if (!this.adminMode) {\n      return (\n        <Host class={classnames(this.component, this.hostClass)} style={this.hostStyle}>\n          <slot></slot>\n        </Host>\n      );\n    }\n\n    // In admin mode, show wrapper with header and settings\n    return (\n      <Host class={classnames(this.component, this.hostClass, 'admin-mode')} style={this.hostStyle}>\n        <div class=\"le-component-wrapper\">\n          <div class=\"le-component-header\">\n            <span class=\"le-component-name\">{name}</span>\n            <le-popover popoverTitle={`${name} Settings`} position=\"right\" align=\"start\" min-width=\"300px\" mode=\"default\">\n              <le-button type=\"button\" class=\"le-component-button\" slot=\"trigger\" variant=\"clear\" size=\"small\" aria-label=\"Edit component properties\" icon-only>\n                <span class=\"le-component-trigger\" slot=\"icon-only\">\n                  ⚙\n                </span>\n              </le-button>\n              {this.renderPropertyEditor()}\n            </le-popover>\n          </div>\n          <div class=\"le-component-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\n/**\n * Type definitions for component metadata\n */\ninterface ComponentMetadata {\n  tagName: string;\n  description?: string;\n  attributes: AttributeMetadata[];\n}\n\ninterface AttributeMetadata {\n  name: string;\n  fieldName?: string;\n  description?: string;\n  default?: string;\n  type?: {\n    text: string;\n  };\n}\n","/* ============================================\n   le-popover.css\n   Popover using native HTML Popover API\n   ============================================ */\n\n:host {\n  display: inline-block;\n  position: relative;\n}\n\n/* ============================================\n   Trigger\n   ============================================ */\n\n.le-popover-trigger {\n  display: inline-flex;\n  cursor: pointer;\n}\n\n.le-popover-default-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid var(--le-color-border, #e0e0e0);\n  border-radius: var(--le-radius-md, 6px);\n  background: var(--le-color-surface, #fff);\n  color: var(--le-color-text-secondary, #666);\n  font-size: 16px;\n  cursor: pointer;\n  transition: all var(--le-transition-fast, 0.15s ease);\n}\n\n.le-popover-default-trigger:hover {\n  border-color: var(--le-color-primary, #2196f3);\n  color: var(--le-color-primary, #2196f3);\n  background: var(--le-color-primary-light, rgba(33, 150, 243, 0.1));\n}\n\n/* ============================================\n   Popover Content (native popover)\n   ============================================ */\n\n.le-popover-content {\n  /* Reset native popover defaults */\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  \n  /* Positioning - will be set via JS */\n  position: fixed;\n  inset: unset;\n  \n  /* Styling */\n  background: var(--le-color-surface, #ffffff);\n  border: 1px solid var(--le-color-border, #e0e0e0);\n  border-radius: var(--le-radius-lg, 8px);\n  box-shadow: var(--le-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.15));\n  overflow: hidden;\n  font-family: var(--le-font-family, system-ui, -apple-system, sans-serif);\n  font-size: var(--le-font-size-sm, 0.875rem);\n  color: var(--le-color-text, #333);\n  \n  /* Animation */\n  opacity: 0;\n  transform: scale(0.95);\n  transition: opacity 0.15s ease, transform 0.15s ease, display 0.15s ease allow-discrete;\n}\n\n/* When popover is open */\n.le-popover-content:popover-open {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Starting style for animation (CSS Anchor Positioning spec) */\n@starting-style {\n  .le-popover-content:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* ============================================\n   Header\n   ============================================ */\n\n.le-popover-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--le-space-xs, 4px) var(--le-space-xs, 4px) var(--le-space-xs, 4px) var(--le-space-sm, 8px);\n  border-bottom: 1px solid var(--le-color-border, #e0e0e0);\n  background: var(--le-color-surface-alt, #f9f9f9);\n  min-height: 32px;\n}\n\n.le-popover-title {\n  font-weight: var(--le-font-weight-semibold, 600);\n  font-size: var(--le-font-size-sm, 0.875rem);\n  color: var(--le-color-text, #333);\n}\n\n.le-popover-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--le-color-text-secondary, #666);\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  border-radius: var(--le-radius-sm, 4px);\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.le-popover-close:hover {\n  background: var(--le-color-surface-hover, rgba(0, 0, 0, 0.05));\n  color: var(--le-color-text, #333);\n}\n\n/* ============================================\n   Body\n   ============================================ */\n\n.le-popover-body {\n  padding: var(--le-space-md, 12px);\n}\n\n/* ============================================\n   Scrollable content\n   ============================================ */\n\n.le-popover-content[style*=\"overflow-y: auto\"] .le-popover-body {\n  overflow-y: auto;\n}\n","import { Component, Prop, Method, Event, EventEmitter, State, h, Element } from '@stencil/core';\n\n/**\n * A popover component for displaying floating content.\n * \n * Uses the native HTML Popover API for proper layering with dialogs\n * and other top-layer elements. Falls back gracefully in older browsers.\n *\n * @slot - Content to display inside the popover\n * @slot trigger - Element that triggers the popover (optional)\n * \n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-popover',\n  styleUrl: 'le-popover.css',\n  shadow: true,\n})\nexport class LePopover {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Whether the popover is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Position of the popover relative to its trigger\n   */\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' | 'auto' = 'bottom';\n\n  /**\n   * Alignment of the popover\n   */\n  @Prop() align: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Optional title for the popover header\n   */\n  @Prop() popoverTitle?: string;\n\n  /**\n   * Whether to show a close button in the header\n   */\n  @Prop() showClose: boolean = true;\n\n  /**\n   * Whether clicking outside closes the popover\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Whether pressing Escape closes the popover\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * Offset from the trigger element (in pixels)\n   */\n  @Prop() offset: number = 8;\n\n  /**\n   * Fixed width for the popover (e.g., '300px', '20rem')\n   */\n  @Prop() width?: string;\n\n  /**\n   * Minimum width for the popover (e.g., '200px', '15rem')\n   */\n  @Prop() minWidth?: string = '200px';\n\n  /**\n   * Maximum width for the popover (e.g., '400px', '25rem')\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Emitted when the popover opens\n   */\n  @Event() lePopoverOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the popover closes\n   */\n  @Event() lePopoverClose: EventEmitter<void>;\n\n  @State() private isPositioned: boolean = false;\n\n  private triggerEl?: HTMLElement;\n  private popoverEl?: HTMLElement;\n  private uniqueId: string = `le-popover-${Math.random().toString(36).substr(2, 9)}`;\n  private scrollParents: Element[] = [];\n\n  componentDidLoad() {\n    // Listen for toggle events from the native popover API\n    this.popoverEl?.addEventListener('toggle', this.handlePopoverToggle as EventListener);\n    \n    // Listen for other popovers opening to close this one\n    document.addEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n  }\n\n  disconnectedCallback() {\n    this.popoverEl?.removeEventListener('toggle', this.handlePopoverToggle as EventListener);\n    document.removeEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n    this.removeScrollListeners();\n  }\n\n  /**\n   * Find all scrollable parent elements\n   */\n  private getScrollParents(element: Element): Element[] {\n    const scrollParents: Element[] = [];\n    let parent = element.parentElement;\n    \n    while (parent) {\n      const style = getComputedStyle(parent);\n      const overflow = style.overflow + style.overflowY + style.overflowX;\n      if (/(auto|scroll)/.test(overflow)) {\n        scrollParents.push(parent);\n      }\n      parent = parent.parentElement;\n    }\n    \n    // Always include window for page scroll\n    return scrollParents;\n  }\n\n  /**\n   * Add scroll listeners to all scrollable parents\n   */\n  private addScrollListeners() {\n    if (!this.triggerEl) return;\n    \n    this.scrollParents = this.getScrollParents(this.triggerEl);\n    \n    // Listen to each scroll parent\n    this.scrollParents.forEach(parent => {\n      parent.addEventListener('scroll', this.handleScroll, { passive: true });\n    });\n    \n    // Also listen to window scroll and resize\n    window.addEventListener('scroll', this.handleScroll, { passive: true });\n    window.addEventListener('resize', this.handleScroll, { passive: true });\n  }\n\n  /**\n   * Remove scroll listeners\n   */\n  private removeScrollListeners() {\n    this.scrollParents.forEach(parent => {\n      parent.removeEventListener('scroll', this.handleScroll);\n    });\n    window.removeEventListener('scroll', this.handleScroll);\n    window.removeEventListener('resize', this.handleScroll);\n    this.scrollParents = [];\n  }\n\n  private handleScroll = () => {\n    if (this.open) {\n      this.updatePosition();\n    }\n  };\n\n  private handlePopoverToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open') {\n      this.open = true;\n      this.addScrollListeners();\n      this.updatePosition();\n      this.lePopoverOpen.emit();\n    } else {\n      this.open = false;\n      this.isPositioned = false;\n      this.removeScrollListeners();\n      this.lePopoverClose.emit();\n    }\n  };\n\n  private handleOtherPopoverOpen = (event: Event) => {\n    const customEvent = event as CustomEvent;\n    if (customEvent.detail?.popover === this.el) return;\n    \n    if (this.open) {\n      this.hide();\n    }\n  };\n\n  /**\n   * Opens the popover\n   */\n  @Method()\n  async show() {\n    document.dispatchEvent(new CustomEvent('le-popover-will-open', {\n      detail: { popover: this.el }\n    }));\n    \n    this.popoverEl?.showPopover();\n  }\n\n  /**\n   * Closes the popover\n   */\n  @Method()\n  async hide() {\n    this.popoverEl?.hidePopover();\n  }\n\n  /**\n   * Toggles the popover\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private updatePosition() {\n    if (!this.triggerEl || !this.popoverEl) return;\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.popoverEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const viewportPadding = 8;\n\n    let position = this.position;\n    let align = this.align;\n\n    // Auto-position logic\n    const spaceBelow = viewportHeight - triggerRect.bottom - viewportPadding;\n    const spaceAbove = triggerRect.top - viewportPadding;\n    const spaceRight = viewportWidth - triggerRect.right - viewportPadding;\n    const spaceLeft = triggerRect.left - viewportPadding;\n\n    if (position === 'auto') {\n      if (spaceBelow >= popoverRect.height + this.offset) {\n        position = 'bottom';\n      } else if (spaceAbove >= popoverRect.height + this.offset) {\n        position = 'top';\n      } else if (spaceRight >= popoverRect.width + this.offset) {\n        position = 'right';\n      } else if (spaceLeft >= popoverRect.width + this.offset) {\n        position = 'left';\n      } else {\n        const maxSpace = Math.max(spaceBelow, spaceAbove, spaceRight, spaceLeft);\n        if (maxSpace === spaceBelow) position = 'bottom';\n        else if (maxSpace === spaceAbove) position = 'top';\n        else if (maxSpace === spaceRight) position = 'right';\n        else position = 'left';\n      }\n    }\n\n    // Adjust alignment for horizontal overflow\n    if (position === 'top' || position === 'bottom') {\n      if (align === 'start' && triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {\n        align = 'end';\n      } else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {\n        align = 'start';\n      } else if (align === 'center') {\n        const triggerCenter = triggerRect.left + triggerRect.width / 2;\n        if (triggerCenter - popoverRect.width / 2 < viewportPadding) {\n          align = 'start';\n        } else if (triggerCenter + popoverRect.width / 2 > viewportWidth - viewportPadding) {\n          align = 'end';\n        }\n      }\n    }\n\n    // Calculate position\n    let top: number = 0;\n    let left: number = 0;\n    let maxHeight: number | null = null;\n\n    switch (position) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - this.offset;\n        if (top < viewportPadding) {\n          maxHeight = triggerRect.top - this.offset - viewportPadding * 2;\n          top = viewportPadding;\n        }\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + this.offset;\n        if (top + popoverRect.height > viewportHeight - viewportPadding) {\n          maxHeight = viewportHeight - top - viewportPadding;\n        }\n        break;\n      case 'left':\n        left = triggerRect.left - popoverRect.width - this.offset;\n        top = triggerRect.top;\n        if (left < viewportPadding) left = viewportPadding;\n        break;\n      case 'right':\n        left = triggerRect.right + this.offset;\n        top = triggerRect.top;\n        if (left + popoverRect.width > viewportWidth - viewportPadding) {\n          left = viewportWidth - popoverRect.width - viewportPadding;\n        }\n        break;\n    }\n\n    // Calculate horizontal alignment for top/bottom\n    if (position === 'top' || position === 'bottom') {\n      switch (align) {\n        case 'start':\n          left = triggerRect.left;\n          break;\n        case 'center':\n          left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;\n          break;\n        case 'end':\n          left = triggerRect.right - popoverRect.width;\n          break;\n      }\n      \n      // Constrain to viewport\n      if (left < viewportPadding) {\n        left = viewportPadding;\n      } else if (left + popoverRect.width > viewportWidth - viewportPadding) {\n        left = viewportWidth - popoverRect.width - viewportPadding;\n      }\n    }\n\n    // Calculate vertical alignment for left/right\n    if (position === 'left' || position === 'right') {\n      switch (align) {\n        case 'start':\n          top = triggerRect.top;\n          break;\n        case 'center':\n          top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;\n          break;\n        case 'end':\n          top = triggerRect.bottom - popoverRect.height;\n          break;\n      }\n      \n      if (top < viewportPadding) top = viewportPadding;\n      if (top + popoverRect.height > viewportHeight - viewportPadding) {\n        maxHeight = viewportHeight - top - viewportPadding;\n      }\n    }\n\n    // Apply styles\n    this.popoverEl.style.top = `${top}px`;\n    this.popoverEl.style.left = `${left}px`;\n    \n    if (maxHeight !== null && maxHeight > 100) {\n      this.popoverEl.style.maxHeight = `${maxHeight}px`;\n      this.popoverEl.style.overflowY = 'auto';\n    } else {\n      this.popoverEl.style.maxHeight = '';\n      this.popoverEl.style.overflowY = '';\n    }\n\n    this.isPositioned = true;\n  }\n\n  render() {\n    const popoverStyles: Record<string, string> = {\n      visibility: this.isPositioned ? 'visible' : 'hidden',\n    };\n    \n    if (this.width) popoverStyles.width = this.width;\n    if (this.minWidth) popoverStyles.minWidth = this.minWidth;\n    if (this.maxWidth) popoverStyles.maxWidth = this.maxWidth;\n\n    return [\n      <div \n        class=\"le-popover-trigger\" \n        ref={(el) => (this.triggerEl = el)}\n        onClick={this.handleTriggerClick}\n      >\n        <slot name=\"trigger\">\n          <button type=\"button\" class=\"le-popover-default-trigger\">\n            <span>⊕</span>\n          </button>\n        </slot>\n      </div>,\n      \n      <div\n        id={this.uniqueId}\n        class=\"le-popover-content\"\n        popover={this.closeOnClickOutside ? 'auto' : 'manual'}\n        ref={(el) => (this.popoverEl = el)}\n        style={popoverStyles}\n      >\n        {(this.popoverTitle || this.showClose) && (\n          <div class=\"le-popover-header\">\n            {this.popoverTitle && <span class=\"le-popover-title\">{this.popoverTitle}</span>}\n            {this.showClose && (\n              <button \n                type=\"button\" \n                class=\"le-popover-close\"\n                onClick={() => this.hide()}\n                aria-label=\"Close\"\n              >\n                ×\n              </button>\n            )}\n          </div>\n        )}\n        <div class=\"le-popover-body\">\n          <slot></slot>\n        </div>\n      </div>\n    ];\n  }\n}\n","/**\n * Styles for le-slot component\n * Uses :host(.admin-mode) to toggle between default and admin styles\n */\n\n/* ============================================\n   DEFAULT MODE - Invisible passthrough\n   ============================================ */\n:host {\n  display: contents;\n  --le-slot-border-color: #0088ff;\n  --le-slot-bg-color: rgba(0, 136, 255, 0.05);\n  --le-slot-header-bg: rgb(218, 238, 255);\n  --le-slot-label-color: #0066cc;\n  --le-slot-description-color: #666;\n  --le-slot-required-color: #e53935;\n  --le-slot-dropzone-min-height: 20px;\n  --le-slot-dropzone-border-color: #ccc;\n}\n\n.le-slot-container,\n.le-slot-header,\n.le-slot-description,\n.le-slot-dropzone,\n.le-slot-input {\n  display: none;\n}\n\n/* Hidden slot wrapper - keeps slot in DOM but invisible */\n.hidden-slot {\n  display: none;\n}\n\n/* ============================================\n   ADMIN MODE - Visible placeholder UI\n   ============================================ */\n:host(.admin-mode) {\n  display: block;\n  flex: 1;\n}\n\n:host(.admin-mode) .le-slot-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 2px dashed var(--le-slot-border-color);\n  border-radius: 4px;\n  background: var(--le-slot-bg-color);\n  margin: 4px 0;\n}\n\n:host(.admin-mode) .le-slot-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 0 0 var(--le-spacing-1, 4px);\n  background: var(--le-slot-header-bg);\n  border-bottom: 1px solid var(--le-slot-border-color);\n  font-size: var(--le-font-size-xs, 11px);\n  font-weight: 400;\n  text-transform: capitalize;\n}\n:host(.admin-mode) .le-slot-header-no-label {\n  justify-content: flex-end;\n  height: 16px;\n  border: none;\n  background-color: transparent;\n}\n\n.le-slot-label {\n  color: var(--le-slot-label-color);\n  text-align: start;\n  overflow: hidden;\n  width: 0;\n  flex: 1 1 0%;\n}\n\n.le-slot-required {\n  color: var(--le-slot-required-color);\n  font-weight: bold;\n}\n\n:host(.admin-mode) .le-slot-description {\n  display: block;\n  padding: 4px 8px;\n  font-size: 12px;\n  color: var(--le-slot-description-color);\n  font-style: italic;\n}\n:host(.admin-mode) .le-slot-description-icon {\n  display: inline-block;\n  font-size: 9px;\n  line-height: 1;\n  cursor: pointer;\n  color: var(--le-slot-description-color);\n}\n\n:host(.admin-mode) .le-slot-dropzone {\n  display: block;\n  min-height: var(--le-slot-dropzone-min-height);\n  padding: var(--le-spacing-1, 4px);\n  position: relative;\n}\n\n:host(.admin-mode) .le-slot-dropzone:empty::before {\n  content: 'Drop content here';\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  inset: 8px;\n  border: 2px dashed var(--le-slot-dropzone-border-color);\n  border-radius: 4px;\n  color: #999;\n  font-size: 12px;\n  pointer-events: none;\n}\n\n/* Highlight when dragging over */\n:host(.admin-mode.drag-over) .le-slot-container {\n  border-color: #00cc66;\n  background: rgba(0, 204, 102, 0.1);\n}\n\n:host(.admin-mode.drag-over) .le-slot-dropzone:empty::before {\n  border-color: #00cc66;\n  color: #00cc66;\n  content: 'Release to drop';\n}\n\n/* ============================================\n   TEXT INPUT STYLES (Admin mode)\n   ============================================ */\n:host(.admin-mode) .le-slot-input {\n  display: block;\n  padding: var(--le-spacing-1, 4px);\n}\n\n:host(.admin-mode) .le-slot-input input,\n:host(.admin-mode) .le-slot-input textarea {\n  display: block;\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--le-slot-dropzone-border-color);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  background: #fff;\n  color: #333;\n  box-sizing: border-box;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n:host(.admin-mode) .le-slot-input input:focus,\n:host(.admin-mode) .le-slot-input textarea:focus {\n  outline: none;\n  border-color: var(--le-slot-border-color);\n  box-shadow: 0 0 0 3px rgba(0, 136, 255, 0.15);\n}\n\n:host(.admin-mode) .le-slot-input input::placeholder,\n:host(.admin-mode) .le-slot-input textarea::placeholder {\n  color: #999;\n}\n\n:host(.admin-mode) .le-slot-input textarea {\n  resize: vertical;\n  min-height: 60px;\n}\n\n/* Hide the slot content in text/textarea mode - it's just for default value */\n:host(.admin-mode) .le-slot-input slot {\n  display: none;\n}\n\n/* ============================================\n   INVALID HTML STATE\n   ============================================ */\n.le-slot-invalid {\n  color: var(--le-slot-required-color);\n  font-size: 10px;\n  margin-left: auto;\n  font-weight: normal;\n  text-transform: none;\n}\n\n:host(.admin-mode) .le-slot-input.has-error input,\n:host(.admin-mode) .le-slot-input.has-error textarea {\n  border-color: var(--le-slot-required-color);\n  background: rgba(229, 57, 53, 0.05);\n}\n\n:host(.admin-mode) .le-slot-input.has-error input:focus,\n:host(.admin-mode) .le-slot-input.has-error textarea:focus {\n  border-color: var(--le-slot-required-color);\n  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15);\n}\n\n\n/* ========================================\n   Component Picker (Add Button & Popover)\n   ======================================== */\n.le-slot-add-btn {\n  font-size: 24px;\n  line-height: 0px;\n  width: 12px;\n  height: 12px;\n}\n\n.le-slot-header-no-label .le-slot-add-btn {\n  font-size: 16px;\n}\n\n.le-slot-button {\n  width: 20px;\n  height: 20px;\n}\n\n:host(.admin-mode) .le-slot-header-no-label.le-slot-header-text {\n  height: 0;\n}\n","import { Component, Prop, State, h, Host, Element, Event, EventEmitter } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\nimport { getLeKitConfig } from '../../global/app';\n\n/**\n * Slot placeholder component for admin/CMS mode.\n *\n * This component renders a visual placeholder for slots when in admin mode,\n * allowing CMS systems to show available drop zones for content or inline editing.\n *\n * In non-admin mode, this component renders nothing and acts as a passthrough.\n *\n * @slot - Default slot for placeholder content or drop zone UI\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-slot',\n  styleUrl: 'le-slot.default.css',\n  shadow: true,\n})\nexport class LeSlot {\n  @Element() el: HTMLElement;\n\n  /**\n   * The type of slot content.\n   * - `slot`: Default, shows a dropzone for components (default)\n   * - `text`: Shows a single-line text input\n   * - `textarea`: Shows a multi-line text area\n   */\n  @Prop() type: 'slot' | 'text' | 'textarea' = 'slot';\n\n  /**\n   * The name of the slot this placeholder represents.\n   * Should match the slot name in the parent component.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display in admin mode.\n   * If not provided, the slot name will be used.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Description of what content this slot accepts.\n   * Shown in admin mode to guide content editors.\n   */\n  @Prop() description?: string;\n\n  /**\n   * Comma-separated list of allowed component tags for this slot.\n   * Used by CMS to filter available components.\n   *\n   * @example \"le-card,le-button,le-text\"\n   */\n  @Prop() allowedComponents?: string;\n\n  /**\n   * Whether multiple components can be dropped in this slot.\n   */\n  @Prop() multiple: boolean = true;\n\n  /**\n   * Whether this slot is required to have content.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Placeholder text for text/textarea inputs in admin mode.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The HTML tag to create when there's no slotted element.\n   * Used with type=\"text\" or type=\"textarea\" to auto-create elements.\n   *\n   * @example \"h3\" - creates <h3 slot=\"header\">content</h3>\n   * @example \"p\" - creates <p slot=\"content\">content</p>\n   */\n  @Prop() tag?: string;\n\n  /**\n   * CSS styles for the slot dropzone container.\n   * Useful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\n   * Only applies in admin mode for type=\"slot\".\n   */\n  @Prop() slotStyle?: string;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Internal state for text input value (synced from slot content)\n   */\n  @State() private textValue: string = '';\n\n  /**\n   * Whether the current textValue contains valid HTML\n   */\n  @State() private isValidHtml: boolean = true;\n\n  /**\n   * Available components loaded from Custom Elements Manifest\n   */\n  @State() private availableComponents: ComponentInfo[] = [];\n\n  /**\n   * Whether the component picker popover is open\n   */\n  @State() private pickerOpen: boolean = false;\n\n  /**\n   * Reference to the slot element to access assignedNodes\n   */\n  private slotRef?: HTMLSlotElement;\n\n  /**\n   * The original slotted element (e.g., <h3 slot=\"header\">)\n   */\n  private slottedElement?: Element;\n\n  /**\n   * Emitted when text content changes in admin mode.\n   * The event detail contains the new text value and validity.\n   */\n  @Event() leSlotChange: EventEmitter<{ name: string; value: string; isValid: boolean }>;\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      const wasAdmin = this.adminMode;\n      this.adminMode = mode === 'admin';\n\n      // When entering admin mode, read content from slotted elements\n      if (this.adminMode && !wasAdmin) {\n        // Need to wait for render to access slot ref\n        requestAnimationFrame(() => this.readSlottedContent());\n\n        // Load available components for the component picker\n        if (this.type === 'slot') {\n          this.loadAvailableComponents();\n        }\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Flag to prevent re-reading content right after we updated it\n   */\n  private isUpdating: boolean = false;\n\n  /**\n   * Read content from slotted elements via assignedNodes()\n   */\n  private readSlottedContent() {\n    if (!this.slotRef) return;\n\n    // Skip if we just updated the content ourselves\n    if (this.isUpdating) {\n      this.isUpdating = false;\n      return;\n    }\n\n    const assignedNodes = this.slotRef.assignedNodes({ flatten: true });\n\n    // For text/textarea types, we want to edit the innerHTML of slotted elements\n    if (this.type === 'text' || this.type === 'textarea') {\n      // Find the first element node (skip text nodes that are just whitespace)\n      const elementNode = assignedNodes.find(node => node.nodeType === Node.ELEMENT_NODE) as Element | undefined;\n\n      if (elementNode) {\n        // Only update textValue if slotted element changed or we don't have one yet\n        if (this.slottedElement !== elementNode) {\n          this.slottedElement = elementNode;\n          this.textValue = elementNode.innerHTML?.trim() || '';\n          // console.log(`[le-slot \"${this.name}\"] Read slotted content:`, this.textValue);\n        }\n      } else {\n        // No element, check for direct text content\n        const textContent = assignedNodes\n          .filter(node => node.nodeType === Node.TEXT_NODE)\n          .map(node => node.textContent)\n          .join('')\n          .trim();\n\n        if (textContent && !this.textValue) {\n          this.textValue = textContent;\n          // console.log(`[le-slot \"${this.name}\"] Read text content:`, this.textValue);\n        }\n      }\n    }\n  }\n\n  /**\n   * Validates if a string contains valid HTML\n   */\n  private validateHtml(html: string): boolean {\n    // Empty string is valid\n    if (!html.trim()) return true;\n\n    // Create a template element to parse the HTML\n    const template = document.createElement('template');\n    template.innerHTML = html;\n\n    // Check that we don't have obviously broken HTML\n    // Count opening and closing tags for common elements\n    const openTags = (html.match(/<[a-z][^>]*(?<!\\/)>/gi) || []).length;\n    const closeTags = (html.match(/<\\/[a-z][^>]*>/gi) || []).length;\n    const selfClosing = (html.match(/<[a-z][^>]*\\/>/gi) || []).length;\n\n    // Simple validation: opening tags (minus self-closing) should roughly match closing tags\n    // Allow some tolerance for void elements like <br>, <img>, etc.\n    const voidElements = (html.match(/<(br|hr|img|input|meta|link|area|base|col|embed|param|source|track|wbr)[^>]*>/gi) || []).length;\n\n    const effectiveOpenTags = openTags - selfClosing - voidElements;\n\n    // If difference is too large, HTML is likely broken\n    if (Math.abs(effectiveOpenTags - closeTags) > 1) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private handleTextInput = (event: Event) => {\n    const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n    this.textValue = target.value;\n    this.isValidHtml = this.validateHtml(this.textValue);\n\n    if (this.isValidHtml) {\n      // Set flag to prevent slotchange from re-reading what we just wrote\n      this.isUpdating = true;\n\n      console.log('Updating text value:', this.textValue, 'slottedElement:', this.slottedElement);\n\n      if (this.slottedElement) {\n        // Update existing slotted element's innerHTML\n        this.slottedElement.innerHTML = this.textValue;\n      } else if (this.tag && this.textValue) {\n        // No slotted element exists\n        // If the slot doesn't have a name, then it's the default slot\n        // remove the existing non-slotted content (text nodes and elements without slot attribute)\n        const rootNode = this.el.getRootNode();\n        if (!this.name && rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          Array.from(hostComponent.childNodes).forEach(node => {\n            if (node.nodeType === Node.TEXT_NODE || (node.nodeType === Node.ELEMENT_NODE && !(node as Element).hasAttribute('slot'))) {\n              node.remove();\n            }\n          });\n        }\n        // create one using the specified tag\n        this.createSlottedElement();\n      } else if (this.textValue) {\n        // no tag specified - just replace everything in the host component\n        const rootNode = this.el.getRootNode();\n        if (rootNode instanceof ShadowRoot) {\n          const hostComponent = rootNode.host;\n          hostComponent.innerHTML = this.textValue;\n        }\n      }\n    }\n\n    this.leSlotChange.emit({\n      name: this.name,\n      value: this.textValue,\n      isValid: this.isValidHtml,\n    });\n  };\n\n  /**\n   * Create a new slotted element when none exists.\n   * The element is appended to the host component's light DOM.\n   */\n  private createSlottedElement() {\n    if (!this.tag) return;\n\n    // Find the host component (le-card, etc.) by traversing up through shadow DOM\n    // le-slot is inside le-card's shadow DOM, so we need to find le-card's host\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n\n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n\n    // Create the new element\n    const newElement = document.createElement(this.tag);\n    newElement.innerHTML = this.textValue;\n\n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n\n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n\n    // Store reference to the new element\n    this.slottedElement = newElement;\n\n    // console.log(`[le-slot \"${this.name}\"] Created new <${this.tag}> element`);\n  }\n\n  /**\n   * Load available components from Custom Elements Manifest\n   */\n  private async loadAvailableComponents() {\n    try {\n      const { manifestUrl } = getLeKitConfig();\n      const response = await fetch(manifestUrl);\n      const manifest = await response.json();\n\n      const components: ComponentInfo[] = [];\n      const allowedList = this.allowedComponents?.split(',').map(s => s.trim()) || [];\n\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName && declaration.customElement) {\n            // Skip internal components (le-slot, le-component, le-popover)\n            const isInternal = ['le-slot', 'le-component', 'le-popover'].includes(declaration.tagName);\n            if (isInternal) continue;\n\n            // If allowedComponents is specified, filter by it\n            if (allowedList.length > 0 && !allowedList.includes(declaration.tagName)) {\n              continue;\n            }\n\n            components.push({\n              tagName: declaration.tagName,\n              name: this.formatComponentName(declaration.tagName),\n              description: declaration.description || '',\n            });\n          }\n        }\n      }\n\n      this.availableComponents = components || [];\n    } catch (error) {\n      console.warn('[le-slot] Failed to load component manifest:', error);\n    }\n  }\n\n  /**\n   * Format a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatComponentName(tagName: string): string {\n    return tagName\n      .replace(/^le-/, '')\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Add a new component to the slot\n   */\n  private addComponent(tagName: string) {\n    // Find the host component by traversing up through shadow DOM\n    const rootNode = this.el.getRootNode();\n    if (!(rootNode instanceof ShadowRoot)) return;\n\n    const hostComponent = rootNode.host;\n    if (!hostComponent) return;\n\n    // Create the new component element\n    const newElement = document.createElement(tagName);\n\n    // Set the slot attribute if this is a named slot\n    if (this.name) {\n      newElement.setAttribute('slot', this.name);\n    }\n\n    // Append to the host component's light DOM\n    hostComponent.appendChild(newElement);\n\n    // Emit change event so the page can save\n    this.leSlotChange.emit({\n      name: this.name,\n      value: hostComponent.innerHTML,\n      isValid: true,\n    });\n  }\n\n  /**\n   * Handle slot change event to re-read content when nodes are assigned\n   */\n  private handleSlotChange = () => {\n    this.readSlottedContent();\n  };\n\n  render() {\n    const displayLabel = this.label || this.name;\n\n    // Always render the same structure, CSS handles visibility via .admin-mode class\n    return (\n      <Host\n        class={{\n          'admin-mode': this.adminMode,\n          'invalid-html': !this.isValidHtml,\n        }}\n        role={this.adminMode ? 'region' : undefined}\n        aria-label={this.adminMode ? `Slot: ${displayLabel}` : undefined}\n        data-slot-name={this.name}\n        data-slot-type={this.type}\n        data-allowed={this.allowedComponents}\n        data-multiple={this.multiple}\n        data-required={this.required}\n      >\n        {this.adminMode ? (\n          <div class=\"le-slot-container\">\n            <div\n              class={classnames('le-slot-header', {\n                'le-slot-header-no-label': !displayLabel,\n                'le-slot-header-text': this.type === 'text',\n                'le-slot-header-error': !this.isValidHtml,\n              })}\n            >\n              {displayLabel && (\n                <span class=\"le-slot-label\">\n                  {displayLabel}\n                  {this.required && <span class=\"le-slot-required\">*</span>}\n                </span>\n              )}\n              {/* {this.description && <le-popover mode=\"default\" showClose={false} align=\"end\" position=\"bottom\">\n                <span slot=\"trigger\" class=\"le-slot-description-icon\">ℹ️</span>\n                {this.description}\n              </le-popover>} */}\n              {!this.isValidHtml && <span class=\"le-slot-invalid\">⚠ Invalid HTML</span>}\n              {this.type === 'slot' && this.adminMode && (\n                <le-popover\n                  mode=\"default\"\n                  showClose={true}\n                  align=\"start\"\n                  position=\"right\"\n                  popoverTitle=\"Add Component\"\n                  open={this.pickerOpen}\n                  onLePopoverOpen={() => (this.pickerOpen = true)}\n                  onLePopoverClose={() => (this.pickerOpen = false)}\n                >\n                  <le-button type=\"button\" class=\"le-slot-button\" slot=\"trigger\" variant=\"clear\" size=\"small\" aria-label=\"Add component\" icon-only>\n                    <span class=\"le-slot-add-btn\" slot=\"icon-only\">\n                      +\n                    </span>\n                  </le-button>\n                  <div class=\"le-slot-picker\">\n                    {this.availableComponents.length > 0 ? (\n                      <ul class=\"le-slot-picker-list\">\n                        {this.availableComponents.map(component => (\n                          <li key={component.tagName}>\n                            <button\n                              class=\"le-slot-picker-item\"\n                              onClick={() => {\n                                this.addComponent(component.tagName);\n                                this.pickerOpen = false;\n                              }}\n                            >\n                              <span class=\"le-slot-picker-name\">{component.name}</span>\n                              {component.description && <span class=\"le-slot-picker-desc\">{component.description}</span>}\n                            </button>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <div class=\"le-slot-picker-empty\">No components available</div>\n                    )}\n                  </div>\n                </le-popover>\n              )}\n            </div>\n            {this.renderContent()}\n          </div>\n        ) : (\n          // In default mode, just pass through the slot - slotted content renders naturally\n          // Note: We use unnamed slot here because named slots from parent component\n          // are passed as le-slot's light DOM children\n          <slot\n          // ref={(el) => this.slotRef = el as HTMLSlotElement}\n          // onSlotchange={this.handleSlotChange}\n          ></slot>\n        )}\n      </Host>\n    );\n  }\n\n  private renderContent() {\n    // Create the slot element with ref for reading assignedNodes\n    // Wrap in a hidden div since slot elements can't have style prop in Stencil\n    // Note: We use unnamed slot here because named slots from parent component\n    // are passed as le-slot's light DOM children\n    const slotElement = (\n      <div class=\"hidden-slot\">\n        <slot ref={el => (this.slotRef = el as HTMLSlotElement)} onSlotchange={this.handleSlotChange}></slot>\n      </div>\n    );\n\n    switch (this.type) {\n      case 'text':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <le-string-input\n              mode=\"default\"\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onChange={this.handleTextInput}\n              // required={this.required}\n            ></le-string-input>\n            {slotElement}\n          </div>\n        );\n\n      case 'textarea':\n        return (\n          <div class={{ 'le-slot-input': true, 'has-error': !this.isValidHtml }}>\n            <textarea\n              value={this.textValue}\n              placeholder={this.placeholder || `Enter ${this.label || this.name || 'text'}...`}\n              onInput={this.handleTextInput}\n              required={this.required}\n              rows={3}\n            ></textarea>\n            {slotElement}\n          </div>\n        );\n\n      case 'slot':\n      default:\n        // Parse slotStyle string into style object if provided\n        const dropzoneStyle: { [key: string]: string } = {};\n        if (this.slotStyle) {\n          this.slotStyle.split(';').forEach(rule => {\n            const [prop, value] = rule.split(':').map(s => s.trim());\n            if (prop && value) {\n              // Convert kebab-case to camelCase for style object\n              const camelProp = prop.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());\n              dropzoneStyle[camelProp] = value;\n            }\n          });\n        }\n        return (\n          <div class=\"le-slot-dropzone\" style={dropzoneStyle}>\n            <slot ref={el => (this.slotRef = el as HTMLSlotElement)} onSlotchange={this.handleSlotChange}></slot>\n          </div>\n        );\n    }\n  }\n}\n\n/**\n * Component info from the manifest\n */\ninterface ComponentInfo {\n  tagName: string;\n  name: string;\n  description: string;\n}\n",":host {\n  display: block;\n  --le-input-bg: var(--le-color-surface, #ffffff);\n  --le-input-color: var(--le-color-text-primary, #333333);\n  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);\n  --le-input-radius: var(--le-radius-sm, 4px);\n  --le-input-padding: 2px 6px;\n  --le-input-height: 1.5rem;\n  --le-input-label-color: var(--le-color-text-primary, #333333);\n  --le-input-desc-color: var(--le-color-text-secondary, #666666);\n  --le-input-placeholder-color: #999999;\n}\n\n.le-input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.le-input-label {\n  display: block;\n  font-size: 0.9em;\n  font-weight: 500;\n  color: var(--le-input-label-color);\n  margin-bottom: 2px;\n}\n\n.le-input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--le-input-bg);\n  border: var(--le-input-border);\n  border-radius: var(--le-input-radius);\n  transition: border-color 0.2s;\n}\n\n.le-input-container:focus-within {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n\n:host([disabled]) .le-input-container {\n  opacity: 0.6;\n  background-color: rgba(0,0,0,0.05);\n  cursor: not-allowed;\n}\n\ninput {\n  flex: 1;\n  min-height: var(--le-input-height);\n  padding: var(--le-input-padding);\n  border: none;\n  background: transparent;\n  color: var(--le-input-color);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  width: 100%;\n}\n\ninput::placeholder {\n  color: var(--le-input-placeholder-color);\n}\n\n.icon-start, .icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 8px;\n  color: var(--le-input-desc-color);\n}\n\n.le-input-description {\n  font-size: 0.85em;\n  color: var(--le-input-desc-color);\n  margin-top: 2px;\n}\n\n.le-input-description::has(le-slot > slot[name=description]:empty) {\n  display: none;\n}\n","import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A text input component with support for labels, descriptions, icons, and external IDs.\n *\n * @slot - The label text for the input\n * @slot description - Additional description text displayed below the input\n * @slot icon-start - Icon to display at the start of the input\n * @slot icon-end - Icon to display at the end of the input\n *\n * @cssprop --le-input-bg - Input background color\n * @cssprop --le-input-color - Input text color\n * @cssprop --le-input-border - Input border style\n * @cssprop --le-input-border-focus - Input border style when focused\n * @cssprop --le-input-radius - Input border radius\n * @cssprop --le-input-padding - Input padding\n */\n@Component({\n  tag: 'le-string-input',\n  styleUrl: 'le-string-input.css',\n  shadow: true,\n})\nexport class LeStringInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * The value of the input\n   */\n  @Prop({ mutable: true, reflect: true }) value: string;\n\n  /**\n   * The name of the input\n   */\n  @Prop() name: string;\n\n  /**\n   * The type of the input (text, email, password, etc.)\n   */\n  @Prop() type: 'text' | 'email' | 'password' | 'tel' | 'url' = 'text';\n\n  /**\n   * Label for the input\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon for the start icon\n   */\n  @Prop() iconStart: string;\n\n  /**\n   * Icon for the end icon\n   */\n  @Prop() iconEnd: string;\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * External ID for linking with external systems\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Emitted when the value changes (on blur or Enter)\n   */\n  @Event({ eventName: 'change' }) leChange: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  /**\n   * Emitted when the input value changes (on keystroke)\n   */\n  @Event({ eventName: 'input' }) leInput: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  private handleInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    this.value = input.value;\n    this.leInput.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  private handleChange = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    this.value = input.value;\n    this.leChange.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId\n    });\n  };\n\n  private handleClick = (ev: Event) => {\n    ev.stopPropagation();\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-string-input\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-input-wrapper\">\n          {this.label && (\n            <label class=\"le-input-label\" htmlFor={this.name}>{this.label}</label>\n          )}\n          \n          <div class=\"le-input-container\">\n            {this.iconStart && (\n              <span class=\"icon-start\">{this.iconStart}</span>\n            )}\n            <input\n              id={this.name}\n              type={this.type}\n              name={this.name}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n              onChange={this.handleChange}\n              onClick={this.handleClick}\n            />\n            {this.iconEnd && (\n              <span class=\"icon-end\">{this.iconEnd}</span>\n            )}\n          </div>\n\n          <div class=\"le-input-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"p\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n"],"names":["classnames","h","Fragment","observeModeChanges","getLeKitConfig","Host"],"mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,q4JAAq4J;;MC2Bn5J,QAAQ,GAAA,MAAA;;;;;;AAGnB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;;AAGG;IACK,OAAO,GAA8C,OAAO;AAEpE;;;AAGG;IACK,KAAK,GAAwE,SAAS;AAE9F;;;AAGG;IACK,IAAI,GAAiC,QAAQ;AAErD;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;;AAGG;IACK,IAAI,GAAkC,QAAQ;AAEtD;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,MAAM;AAEd;;;AAGG;AAC4B,IAAA,OAAO;AAE9B,IAAA,WAAW,GAAG,CAAC,KAAmB,KAAI;;QAE5C,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB;;;AAIF,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1B,KAAC;IAED,MAAM,GAAA;QACJ,MAAM,OAAO,GAAGA,gBAAU,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,EAAE,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,EAAE;YAChG,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,WAAW,EAAE,IAAI,CAAC,QAAQ;YAC1B,UAAU,EAAE,IAAI,CAAC,QAAQ;AAC1B,SAAA,CAAC;AAEF,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,QAAQ;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAEjI,QAAA,QACEC,2EAAc,SAAS,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,EAAA,EACpDA,OAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACvE,IAAI,CAAC,QAAQ,IACZA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,YAAY,EAAA,EACtBA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAQ,CAAA,CACzB,KAEPA,OAAA,CAACC,cAAQ,EAAA,IAAA,EACPD,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtBA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAQ,CAC1B,EACPA,OAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EACnFA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACL,EACVA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACpBA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAQ,CAAA,CACxB,CACE,CACZ,CACO,CACG;;;;;AC5IrB,MAAM,aAAa,GAAG,41DAA41D;;MCmBr2D,UAAU,GAAA,MAAA;;;;;;AAGrB;;AAEG;IACqC,OAAO,GAAY,KAAK;AAEhE;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AAC6B,IAAA,QAAQ;AAEhC,IAAA,YAAY,GAAG,CAAC,KAAY,KAAI;;QAEtC,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB;;AAGF,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC;AAClB,SAAA,CAAC;AACJ,KAAC;IAED,MAAM,GAAA;QACJ,QACEA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,aAAa,EAAC,SAAS,EAAED,gBAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAA,EACxFC,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9BA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC9BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC7BA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACG,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5BA,OAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAAA,EACrCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACL,CACL,CACD,EAERA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA,EACnEA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAQ,CACxB,CACN,CACF,CACO;;;;;ACnGrB,MAAM,cAAc,GAAG,0/GAA0/G;;MCqCpgH,WAAW,GAAA,MAAA;;;;;AAGtB;;;AAGG;AACK,IAAA,SAAS;AAEjB;;;AAGG;AACK,IAAA,WAAW;AAEnB;;;AAGG;AACK,IAAA,SAAS;AAEjB;;;AAGG;AACK,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,WAAW;AAEnB;;AAEG;IACc,SAAS,GAAY,KAAK;AAE3C;;AAEG;IACc,aAAa,GAA6B,IAAI;AAE/D;;AAEG;IACc,cAAc,GAAwB,EAAE;AAEjD,IAAA,sBAAsB;IAE9B,iBAAiB,GAAA;;;QAGf,IAAI,CAAC,eAAe,EAAE;QAEtB,IAAI,CAAC,sBAAsB,GAAGE,wBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,IAAG;AAC/D,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;;AAEjC,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;oBACvB,IAAI,CAAC,qBAAqB,EAAE;;qBACvB;oBACL,IAAI,CAAC,kBAAkB,EAAE;;;AAG/B,SAAC,CAAC;;AAGJ;;AAEG;IACK,eAAe,GAAA;;QAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;AACtC,QAAA,IAAI,QAAQ,YAAY,UAAU,EAAE;;AAElC,YAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAmB;;;IAInD,gBAAgB,GAAA;;QAEd,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,sBAAsB,IAAI;;AAGjC;;;AAGG;AACK,IAAA,iBAAiB,CAAC,OAAe,EAAA;AACvC,QAAA,OAAO;AACJ,aAAA,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;aACnB,KAAK,CAAC,GAAG;aACT,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACxD,IAAI,CAAC,GAAG,CAAC;;AAGd;;AAEG;AACK,IAAA,MAAM,qBAAqB,GAAA;AACjC,QAAA,IAAI;;AAEF,YAAA,MAAM,EAAE,WAAW,EAAE,GAAGC,oBAAc,EAAE;AACxC,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC;AACzC,YAAA,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;;AAGtC,YAAA,KAAK,MAAM,MAAM,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACrC,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE;oBACnD,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;wBAC1C,MAAM,UAAU,GAAG,CAAC,WAAW,CAAC,UAAU,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,IAAuB,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBAC3H,IAAI,CAAC,aAAa,GAAG;4BACnB,OAAO,EAAE,WAAW,CAAC,OAAO;4BAC5B,WAAW,EAAE,WAAW,CAAC,WAAW;4BACpC,UAAU;yBACX;;;wBAGD,IAAI,CAAC,kBAAkB,EAAE;wBACzB;;;;;;QAKN,OAAO,KAAK,EAAE;;;;AAKlB;;AAEG;AACK,IAAA,mBAAmB,CAAC,IAAY,EAAA;AACtC,QAAA,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC;AACvE,QAAA,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC;;AAGrC;;AAEG;IACK,kBAAkB,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE;QAE9C,MAAM,MAAM,GAAwB,EAAE;QACtC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE;AAChD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AACtD,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;;AAEtE,QAAA,IAAI,CAAC,cAAc,GAAG,MAAM;;AAG9B;;AAEG;IACK,mBAAmB,CAAC,KAAoB,EAAE,IAAa,EAAA;QAC7D,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO,SAAS;AAEpC,QAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACtB,YAAA,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,OAAO;;AAE5C,QAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,YAAA,OAAO,UAAU,CAAC,KAAK,CAAC;;AAE1B,QAAA,OAAO,KAAK;;AAGd;;AAEG;AACK,IAAA,oBAAoB,CAAC,QAAgB,EAAE,KAAU,EAAE,IAAa,EAAA;QACtE,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;;AAGvB,QAAA,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;;iBACtC;AACL,gBAAA,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC;;;aAEvC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE;AAC9C,YAAA,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC;;aACrC;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;;;AAIxD,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,GAAG,KAAK,EAAE;;AAGrE;;AAEG;IACK,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;;AAGvB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;AACvE,QAAA,IAAI,CAAC,OAAO,CAAC,CAAe,YAAA,EAAA,IAAI,GAAG,CAAC;YAAE;;AAGtC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QAC7C,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;;;AAI7B;;AAEG;IACK,oBAAoB,GAAA;AAC1B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpF,QAAA,QACEH,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EACnC,aAAa,IACZA,kBAAM,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAC5D,EAAA,IAAI,CAAC,aAAc,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CACtE,KAEPA,eAAG,KAAK,EAAC,eAAe,EAAA,EAAA,wBAAA,CAA2B,CACpD,EACDA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAW,CAAA,WAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAY,YAAA,EAAA,IAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EACzGA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,YAAY,EAAW,EAAA,oBAAA,CAAA,EAClCA,OAAA,CAAA,MAAA,EAAA,IAAA,EAAA,kBAAA,CAA6B,CACnB,CACR,CACF;;AAIV;;AAEG;AACK,IAAA,mBAAmB,CAAC,IAAuB,EAAA;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,QAAQ;;QAGxC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACxC,IAAI,SAAS,EAAE;YACb,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACxE,YAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EAChC,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,WAAW,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EAAE,IAAI,CAAC,WAAW,CAAQ,CACpE,EACRA,OAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAK,EAAE,IAAI,CAAC,IAC9H,OAAO,CAAC,GAAG,CAAC,GAAG,KACdA,oBAAQ,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,EAC/F,EAAA,GAAG,CACG,CACV,CAAC,CACK,CACL;;;AAKV,QAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACtB,YAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yCAAyC,EAAA,EAClDA,OAAA,CAAA,aAAA,EAAA,EACE,IAAI,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,EACzB,OAAO,EAAE,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,EACvC,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA,EAEhG,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,WAAW,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,WAAW,CAAO,CACzD,CACV;;;AAKV,QAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAChC,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,WAAW,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EAAE,IAAI,CAAC,WAAW,CAAQ,CACpE,EACRA,OACE,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,EACvB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,IAAI,CAAC,OAAO,EACzB,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,IAAI,CAAC,EAAA,CAC/F,CACE;;;AAKV,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OACE,CAAA,iBAAA,EAAA,EAAA,IAAI,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,EACzB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAM,KAAK,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAA,EAEhFA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,WAAW,CAAQ,CAClC,CACd;;IAIV,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;;AAGvE,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,QACEA,QAACI,UAAI,EAAA,EAAC,KAAK,EAAEL,gBAAU,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,EAC5EC,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACR;;;AAKX,QAAA,QACEA,QAACI,UAAI,EAAA,EAAC,KAAK,EAAEL,gBAAU,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,EAC1FC,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9BA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAQ,EAC7CA,OAAA,CAAA,YAAA,EAAA,EAAY,YAAY,EAAE,CAAG,EAAA,IAAI,WAAW,EAAE,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAA,WAAA,EAAW,OAAO,EAAC,IAAI,EAAC,SAAS,EAAA,EAC3GA,OAAW,CAAA,WAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,gBAAY,2BAA2B,EAAA,WAAA,EAAA,IAAA,EAAA,EACrIA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,WAAW,aAE5C,CACG,EACX,IAAI,CAAC,oBAAoB,EAAE,CACjB,CACT,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,CACF,CACD;;;;;AC9Xb,MAAM,YAAY,GAAG,uwHAAuwH;;MCmB/wH,SAAS,GAAA,MAAA;;;;;;;AAGpB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,IAAI,GAAY,KAAK;AAE7D;;AAEG;IACK,QAAQ,GAAiD,QAAQ;AAEzE;;AAEG;IACK,KAAK,GAA+B,OAAO;AAEnD;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,mBAAmB,GAAY,IAAI;AAE3C;;AAEG;IACK,aAAa,GAAY,IAAI;AAErC;;AAEG;IACK,MAAM,GAAW,CAAC;AAE1B;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,QAAQ,GAAY,OAAO;AAEnC;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACM,IAAA,aAAa;AAEtB;;AAEG;AACM,IAAA,cAAc;IAEN,YAAY,GAAY,KAAK;AAEtC,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,QAAQ,GAAW,CAAc,WAAA,EAAA,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;IAC1E,aAAa,GAAc,EAAE;IAErC,gBAAgB,GAAA;;QAEd,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAoC,CAAC;;QAGrF,QAAQ,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,CAAC;;IAGhF,oBAAoB,GAAA;QAClB,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAoC,CAAC;QACxF,QAAQ,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,CAAC;QACjF,IAAI,CAAC,qBAAqB,EAAE;;AAG9B;;AAEG;AACK,IAAA,gBAAgB,CAAC,OAAgB,EAAA;QACvC,MAAM,aAAa,GAAc,EAAE;AACnC,QAAA,IAAI,MAAM,GAAG,OAAO,CAAC,aAAa;QAElC,OAAO,MAAM,EAAE;AACb,YAAA,MAAM,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACtC,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS;AACnE,YAAA,IAAI,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;AAE5B,YAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;;AAI/B,QAAA,OAAO,aAAa;;AAGtB;;AAEG;IACK,kBAAkB,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QAErB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;;AAG1D,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,IAAG;AAClC,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACzE,SAAC,CAAC;;AAGF,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACvE,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;AAGzE;;AAEG;IACK,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,IAAG;YAClC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;AACzD,SAAC,CAAC;QACF,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;QACvD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;AACvD,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;IAGjB,YAAY,GAAG,MAAK;AAC1B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,cAAc,EAAE;;AAEzB,KAAC;AAEO,IAAA,mBAAmB,GAAG,CAAC,KAAkB,KAAI;AACnD,QAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE;AAC7B,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;YAChB,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,cAAc,EAAE;AACrB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;aACpB;AACL,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;YACzB,IAAI,CAAC,qBAAqB,EAAE;AAC5B,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;;AAE9B,KAAC;AAEO,IAAA,sBAAsB,GAAG,CAAC,KAAY,KAAI;QAChD,MAAM,WAAW,GAAG,KAAoB;QACxC,IAAI,WAAW,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,EAAE;YAAE;AAE7C,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE;;AAEf,KAAC;AAED;;AAEG;AAEH,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,sBAAsB,EAAE;AAC7D,YAAA,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;AAC3B,SAAA,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE;;AAG/B;;AAEG;AAEH,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE;;AAG/B;;AAEG;AAEH,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,MAAM,IAAI,CAAC,IAAI,EAAE;;aACZ;AACL,YAAA,MAAM,IAAI,CAAC,IAAI,EAAE;;;AAIb,IAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;QACjD,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,CAAC,MAAM,EAAE;AACf,KAAC;IAEO,cAAc,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QAExC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;QAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;AAC1D,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU;AACvC,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW;QACzC,MAAM,eAAe,GAAG,CAAC;AAEzB,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC5B,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;;QAGtB,MAAM,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,eAAe;AACxE,QAAA,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,GAAG,eAAe;QACpD,MAAM,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,eAAe;AACtE,QAAA,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,GAAG,eAAe;AAEpD,QAAA,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,IAAI,UAAU,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;gBAClD,QAAQ,GAAG,QAAQ;;iBACd,IAAI,UAAU,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;gBACzD,QAAQ,GAAG,KAAK;;iBACX,IAAI,UAAU,IAAI,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;gBACxD,QAAQ,GAAG,OAAO;;iBACb,IAAI,SAAS,IAAI,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;gBACvD,QAAQ,GAAG,MAAM;;iBACZ;AACL,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;gBACxE,IAAI,QAAQ,KAAK,UAAU;oBAAE,QAAQ,GAAG,QAAQ;qBAC3C,IAAI,QAAQ,KAAK,UAAU;oBAAE,QAAQ,GAAG,KAAK;qBAC7C,IAAI,QAAQ,KAAK,UAAU;oBAAE,QAAQ,GAAG,OAAO;;oBAC/C,QAAQ,GAAG,MAAM;;;;QAK1B,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,EAAE;AAC/C,YAAA,IAAI,KAAK,KAAK,OAAO,IAAI,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,aAAa,GAAG,eAAe,EAAE;gBAC/F,KAAK,GAAG,KAAK;;AACR,iBAAA,IAAI,KAAK,KAAK,KAAK,IAAI,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,eAAe,EAAE;gBACrF,KAAK,GAAG,OAAO;;AACV,iBAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC;gBAC9D,IAAI,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EAAE;oBAC3D,KAAK,GAAG,OAAO;;AACV,qBAAA,IAAI,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,aAAa,GAAG,eAAe,EAAE;oBAClF,KAAK,GAAG,KAAK;;;;;QAMnB,IAAI,GAAG,GAAW,CAAC;QACnB,IAAI,IAAI,GAAW,CAAC;QACpB,IAAI,SAAS,GAAkB,IAAI;QAEnC,QAAQ,QAAQ;AACd,YAAA,KAAK,KAAK;AACR,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AACxD,gBAAA,IAAI,GAAG,GAAG,eAAe,EAAE;AACzB,oBAAA,SAAS,GAAG,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,CAAC;oBAC/D,GAAG,GAAG,eAAe;;gBAEvB;AACF,YAAA,KAAK,QAAQ;gBACX,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;gBACtC,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,cAAc,GAAG,eAAe,EAAE;AAC/D,oBAAA,SAAS,GAAG,cAAc,GAAG,GAAG,GAAG,eAAe;;gBAEpD;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM;AACzD,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG;gBACrB,IAAI,IAAI,GAAG,eAAe;oBAAE,IAAI,GAAG,eAAe;gBAClD;AACF,YAAA,KAAK,OAAO;gBACV,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM;AACtC,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG;gBACrB,IAAI,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,aAAa,GAAG,eAAe,EAAE;oBAC9D,IAAI,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,eAAe;;gBAE5D;;;QAIJ,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,EAAE;YAC/C,QAAQ,KAAK;AACX,gBAAA,KAAK,OAAO;AACV,oBAAA,IAAI,GAAG,WAAW,CAAC,IAAI;oBACvB;AACF,gBAAA,KAAK,QAAQ;AACX,oBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC;oBACvE;AACF,gBAAA,KAAK,KAAK;oBACR,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;oBAC5C;;;AAIJ,YAAA,IAAI,IAAI,GAAG,eAAe,EAAE;gBAC1B,IAAI,GAAG,eAAe;;iBACjB,IAAI,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,aAAa,GAAG,eAAe,EAAE;gBACrE,IAAI,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,GAAG,eAAe;;;;QAK9D,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;YAC/C,QAAQ,KAAK;AACX,gBAAA,KAAK,OAAO;AACV,oBAAA,GAAG,GAAG,WAAW,CAAC,GAAG;oBACrB;AACF,gBAAA,KAAK,QAAQ;AACX,oBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;oBACvE;AACF,gBAAA,KAAK,KAAK;oBACR,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM;oBAC7C;;YAGJ,IAAI,GAAG,GAAG,eAAe;gBAAE,GAAG,GAAG,eAAe;YAChD,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,cAAc,GAAG,eAAe,EAAE;AAC/D,gBAAA,SAAS,GAAG,cAAc,GAAG,GAAG,GAAG,eAAe;;;;QAKtD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;QACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAEvC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,GAAG,GAAG,EAAE;YACzC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI;YACjD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;;aAClC;YACL,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;YACnC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;;AAGrC,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;IAG1B,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAA2B;YAC5C,UAAU,EAAE,IAAI,CAAC,YAAY,GAAG,SAAS,GAAG,QAAQ;SACrD;QAED,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;QAChD,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;QACzD,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAEzD,OAAO;AACL,YAAAA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAC1B,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAClC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAEhCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACtDA,OAAc,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,QAAA,CAAA,CACP,CACJ,CACH;AAEN,YAAAA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,GAAG,QAAQ,EACrD,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAClC,KAAK,EAAE,aAAa,EAAA,EAEnB,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,SAAS,MACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC3B,IAAI,CAAC,YAAY,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,YAAY,CAAQ,EAC9E,IAAI,CAAC,SAAS,KACbA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAAA,YAAA,EACf,OAAO,EAAA,EAAA,QAAA,CAGX,CACV,CACG,CACP,EACDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT;SAET;;;;;ACnaL,MAAM,gBAAgB,GAAG,muHAAmuH;;MCsB/uH,MAAM,GAAA,MAAA;;;;;;AAGjB;;;;;AAKG;IACK,IAAI,GAAiC,MAAM;AAEnD;;;AAGG;IACK,IAAI,GAAW,EAAE;AAEzB;;;AAGG;AACK,IAAA,KAAK;AAEb;;;AAGG;AACK,IAAA,WAAW;AAEnB;;;;;AAKG;AACK,IAAA,iBAAiB;AAEzB;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,WAAW;AAEnB;;;;;;AAMG;AACK,IAAA,GAAG;AAEX;;;;AAIG;AACK,IAAA,SAAS;AAEjB;;AAEG;IACc,SAAS,GAAY,KAAK;AAE3C;;AAEG;IACc,SAAS,GAAW,EAAE;AAEvC;;AAEG;IACc,WAAW,GAAY,IAAI;AAE5C;;AAEG;IACc,mBAAmB,GAAoB,EAAE;AAE1D;;AAEG;IACc,UAAU,GAAY,KAAK;AAE5C;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,cAAc;AAEtB;;;AAGG;AACM,IAAA,YAAY;AAEb,IAAA,sBAAsB;IAE9B,iBAAiB,GAAA;QACf,IAAI,CAAC,sBAAsB,GAAGE,wBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,IAAG;AAC/D,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;;AAGjC,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,EAAE;;gBAE/B,qBAAqB,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;;AAGtD,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;oBACxB,IAAI,CAAC,uBAAuB,EAAE;;;AAGpC,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,sBAAsB,IAAI;;AAGjC;;AAEG;IACK,UAAU,GAAY,KAAK;AAEnC;;AAEG;IACK,kBAAkB,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;;AAGnB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;YACvB;;AAGF,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;AAGnE,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;;AAEpD,YAAA,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAwB;YAE1G,IAAI,WAAW,EAAE;;AAEf,gBAAA,IAAI,IAAI,CAAC,cAAc,KAAK,WAAW,EAAE;AACvC,oBAAA,IAAI,CAAC,cAAc,GAAG,WAAW;oBACjC,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;;;;iBAGjD;;gBAEL,MAAM,WAAW,GAAG;AACjB,qBAAA,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS;qBAC/C,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW;qBAC5B,IAAI,CAAC,EAAE;AACP,qBAAA,IAAI,EAAE;AAET,gBAAA,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AAClC,oBAAA,IAAI,CAAC,SAAS,GAAG,WAAW;;;;;;AAOpC;;AAEG;AACK,IAAA,YAAY,CAAC,IAAY,EAAA;;AAE/B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AAAE,YAAA,OAAO,IAAI;;QAG7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,QAAA,QAAQ,CAAC,SAAS,GAAG,IAAI;;;AAIzB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,IAAI,EAAE,EAAE,MAAM;AACnE,QAAA,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,EAAE,EAAE,MAAM;AAC/D,QAAA,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,EAAE,EAAE,MAAM;;;AAIjE,QAAA,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iFAAiF,CAAC,IAAI,EAAE,EAAE,MAAM;AAEjI,QAAA,MAAM,iBAAiB,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY;;QAG/D,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE;AAC/C,YAAA,OAAO,KAAK;;AAGd,QAAA,OAAO,IAAI;;AAGL,IAAA,eAAe,GAAG,CAAC,KAAY,KAAI;AACzC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAgD;AACrE,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK;QAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;AAEpD,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;;AAEpB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AAEtB,YAAA,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC;AAE3F,YAAA,IAAI,IAAI,CAAC,cAAc,EAAE;;gBAEvB,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;;iBACzC,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,EAAE;;;;gBAIrC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;gBACtC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,YAAY,UAAU,EAAE;AAChD,oBAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI;AACnC,oBAAA,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;wBAClD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,CAAE,IAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE;4BACxH,IAAI,CAAC,MAAM,EAAE;;AAEjB,qBAAC,CAAC;;;gBAGJ,IAAI,CAAC,oBAAoB,EAAE;;AACtB,iBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;;gBAEzB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;AACtC,gBAAA,IAAI,QAAQ,YAAY,UAAU,EAAE;AAClC,oBAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI;AACnC,oBAAA,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;;;;AAK9C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,SAAS;YACrB,OAAO,EAAE,IAAI,CAAC,WAAW;AAC1B,SAAA,CAAC;AACJ,KAAC;AAED;;;AAGG;IACK,oBAAoB,GAAA;QAC1B,IAAI,CAAC,IAAI,CAAC,GAAG;YAAE;;;QAIf,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;AACtC,QAAA,IAAI,EAAE,QAAQ,YAAY,UAAU,CAAC;YAAE;AAEvC,QAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI;AACnC,QAAA,IAAI,CAAC,aAAa;YAAE;;QAGpB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;AACnD,QAAA,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;;AAGrC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;;AAI5C,QAAA,aAAa,CAAC,WAAW,CAAC,UAAU,CAAC;;AAGrC,QAAA,IAAI,CAAC,cAAc,GAAG,UAAU;;;AAKlC;;AAEG;AACK,IAAA,MAAM,uBAAuB,GAAA;AACnC,QAAA,IAAI;AACF,YAAA,MAAM,EAAE,WAAW,EAAE,GAAGC,oBAAc,EAAE;AACxC,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC;AACzC,YAAA,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAEtC,MAAM,UAAU,GAAoB,EAAE;YACtC,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE;AAE/E,YAAA,KAAK,MAAM,MAAM,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACrC,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE;oBACnD,IAAI,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,aAAa,EAAE;;AAEpD,wBAAA,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC;AAC1F,wBAAA,IAAI,UAAU;4BAAE;;AAGhB,wBAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;4BACxE;;wBAGF,UAAU,CAAC,IAAI,CAAC;4BACd,OAAO,EAAE,WAAW,CAAC,OAAO;4BAC5B,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC;AACnD,4BAAA,WAAW,EAAE,WAAW,CAAC,WAAW,IAAI,EAAE;AAC3C,yBAAA,CAAC;;;;AAKR,YAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU,IAAI,EAAE;;QAC3C,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,8CAA8C,EAAE,KAAK,CAAC;;;AAIvE;;;AAGG;AACK,IAAA,mBAAmB,CAAC,OAAe,EAAA;AACzC,QAAA,OAAO;AACJ,aAAA,OAAO,CAAC,MAAM,EAAE,EAAE;aAClB,KAAK,CAAC,GAAG;aACT,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACxD,IAAI,CAAC,GAAG,CAAC;;AAGd;;AAEG;AACK,IAAA,YAAY,CAAC,OAAe,EAAA;;QAElC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;AACtC,QAAA,IAAI,EAAE,QAAQ,YAAY,UAAU,CAAC;YAAE;AAEvC,QAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI;AACnC,QAAA,IAAI,CAAC,aAAa;YAAE;;QAGpB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;;AAGlD,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;;AAI5C,QAAA,aAAa,CAAC,WAAW,CAAC,UAAU,CAAC;;AAGrC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,aAAa,CAAC,SAAS;AAC9B,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;AAGJ;;AAEG;IACK,gBAAgB,GAAG,MAAK;QAC9B,IAAI,CAAC,kBAAkB,EAAE;AAC3B,KAAC;IAED,MAAM,GAAA;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI;;QAG5C,QACEH,OAAA,CAACI,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI,CAAC,SAAS;AAC5B,gBAAA,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;AAClC,aAAA,EACD,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,SAAS,EAC/B,YAAA,EAAA,IAAI,CAAC,SAAS,GAAG,CAAA,MAAA,EAAS,YAAY,CAAE,CAAA,GAAG,SAAS,EAChD,gBAAA,EAAA,IAAI,CAAC,IAAI,EAAA,gBAAA,EACT,IAAI,CAAC,IAAI,EAAA,cAAA,EACX,IAAI,CAAC,iBAAiB,EAAA,eAAA,EACrB,IAAI,CAAC,QAAQ,EAAA,eAAA,EACb,IAAI,CAAC,QAAQ,EAAA,EAE3B,IAAI,CAAC,SAAS,IACbJ,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAED,gBAAU,CAAC,gBAAgB,EAAE;gBAClC,yBAAyB,EAAE,CAAC,YAAY;AACxC,gBAAA,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;AAC3C,gBAAA,sBAAsB,EAAE,CAAC,IAAI,CAAC,WAAW;aAC1C,CAAC,EAAA,EAED,YAAY,KACXC,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,YAAY,EACZ,IAAI,CAAC,QAAQ,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,kBAAkB,EAAS,EAAA,GAAA,CAAA,CACpD,CACR,EAKA,CAAC,IAAI,CAAC,WAAW,IAAIA,kBAAM,KAAK,EAAC,iBAAiB,EAAsB,EAAA,qBAAA,CAAA,EACxE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,SAAS,KACrCA,OACE,CAAA,YAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,OAAO,EAChB,YAAY,EAAC,eAAe,EAC5B,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,eAAe,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,EAC/C,gBAAgB,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,EAAA,EAEjDA,OAAW,CAAA,WAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,gBAAY,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,EACpHA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,WAAW,QAEvC,CACG,EACZA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EACxB,EAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAClCA,gBAAI,KAAK,EAAC,qBAAqB,EAAA,EAC5B,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,KACrCA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,SAAS,CAAC,OAAO,EAAA,EACxBA,OAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC;AACpC,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACzB,aAAC,EAAA,EAEDA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,qBAAqB,IAAE,SAAS,CAAC,IAAI,CAAQ,EACxD,SAAS,CAAC,WAAW,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,qBAAqB,EAAA,EAAE,SAAS,CAAC,WAAW,CAAQ,CACnF,CACN,CACN,CAAC,CACC,KAELA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAA8B,EAAA,yBAAA,CAAA,CAChE,CACG,CACK,CACd,CACG,EACL,IAAI,CAAC,aAAa,EAAE,CACjB;;;;QAKNA,OAGQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACT,CACI;;IAIH,aAAa,GAAA;;;;;AAKnB,QAAA,MAAM,WAAW,IACfA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAqB,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAS,CACjG,CACP;AAED,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,MAAM;AACT,gBAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAA,EACnEA,OAAA,CAAA,iBAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,CAAS,MAAA,EAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAA,GAAA,CAAK,EAChF,QAAQ,EAAE,IAAI,CAAC,eAAe,EAEb,CAAA,EAClB,WAAW,CACR;AAGV,YAAA,KAAK,UAAU;AACb,gBAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAA,EACnEA,OAAA,CAAA,UAAA,EAAA,EACE,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAA,GAAA,CAAK,EAChF,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,CAAC,EACG,CAAA,EACX,WAAW,CACR;AAGV,YAAA,KAAK,MAAM;AACX,YAAA;;gBAEE,MAAM,aAAa,GAA8B,EAAE;AACnD,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,oBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;wBACvC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;AACxD,wBAAA,IAAI,IAAI,IAAI,KAAK,EAAE;;4BAEjB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC;AAChF,4BAAA,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK;;AAEpC,qBAAC,CAAC;;AAEJ,gBAAA,QACEA,iBAAK,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,aAAa,EAAA,EAChDA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAqB,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAS,CACjG;;;;;;ACviBhB,MAAM,gBAAgB,GAAG,mjDAAmjD;;MCuB/jD,aAAa,GAAA,MAAA;;;;;;;AAGxB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;AACqC,IAAA,KAAK;AAE7C;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;IACK,IAAI,GAAkD,MAAM;AAEpE;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,WAAW;AAEnB;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AAC6B,IAAA,QAAQ;AAExC;;AAEG;AAC4B,IAAA,OAAO;AAE9B,IAAA,WAAW,GAAG,CAAC,EAAS,KAAI;AAClC,QAAA,MAAM,KAAK,GAAG,EAAE,CAAC,MAA0B;AAC3C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AACxB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC;AAClB,SAAA,CAAC;AACJ,KAAC;AAEO,IAAA,YAAY,GAAG,CAAC,EAAS,KAAI;AACnC,QAAA,MAAM,KAAK,GAAG,EAAE,CAAC,MAA0B;AAC3C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC;AAClB,SAAA,CAAC;AACJ,KAAC;AAEO,IAAA,WAAW,GAAG,CAAC,EAAS,KAAI;QAClC,EAAE,CAAC,eAAe,EAAE;AACtB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACEA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,iBAAiB,EAAC,SAAS,EAAED,gBAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAA,EAC5FC,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,KAAK,KACTA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAA,EAAG,IAAI,CAAC,KAAK,CAAS,CACvE,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,SAAS,KACbA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,SAAS,CAAQ,CACjD,EACDA,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,CAAA,EACD,IAAI,CAAC,OAAO,KACXA,mEAAM,KAAK,EAAC,UAAU,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,CAC7C,CACG,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAA,EACjEA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAQ,CACxB,CACN,CACF,CACO;;;;;;;;;;;;"}