@beeq/core 1.12.4-beta.2 → 1.12.4

package/dist/beeq/p-_RvVpeh2.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import{i as t}from"./p-B4sM1t6Z.js";const n="--bq-";function e(e){if(!t)return undefined;const r=`${n}${e}`;const o=getComputedStyle(document.documentElement).getPropertyValue(r);if(!o)return undefined;return`var(${r})`}function r(t,n){const e=getComputedStyle(n);return String(e.getPropertyValue(`--${t}`)).trim()}export{r as a,e as g};
-//# sourceMappingURL=p-_RvVpeh2.js.map

package/dist/beeq/p-_RvVpeh2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-_RvVpeh2.js","sources":["../../packages/beeq/src/shared/utils/cssVariables.ts"],"sourcesContent":["import { isClient } from './isClient';\n\nconst CSSVALUEPREFIX = '--bq-';\n\n/**\n * Get CSS custom property variable of a given color string value\n *\n * @param {string} colorName - Valid string value.\n * @return {string} The corresponding CSS custom property variable\n */\nexport function getColorCSSVariable(colorName: string): string | undefined {\n  if (!isClient) return undefined;\n\n  const token = `${CSSVALUEPREFIX}${colorName}`;\n  const value = getComputedStyle(document.documentElement).getPropertyValue(token);\n  if (!value) return undefined;\n\n  return `var(${token})`;\n}\n\n/**\n * Get compiled CSS custom property value\n *\n * @param {string} variable - The variable name for which to get its value\n * @return {string} The corresponding value for the given CSS custom property\n */\nexport function getCSSVariableValue(variable: string, component: Element): string {\n  const styles = getComputedStyle(component);\n  return String(styles.getPropertyValue(`--${variable}`)).trim();\n}\n"],"names":[],"mappings":";;;;;;AAEA,MAAM,cAAc,GAAG,OAAO;AAE9B;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,SAAiB,EAAA;AACnD,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,SAAS;AAE/B,IAAA,MAAM,KAAK,GAAG,CAAA,EAAG,cAAc,CAAA,EAAG,SAAS,EAAE;AAC7C,IAAA,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAChF,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,SAAS;IAE5B,OAAO,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,CAAG;AACxB;AAEA;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,QAAgB,EAAE,SAAkB,EAAA;AACtE,IAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,SAAS,CAAC;AAC1C,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAE,CAAC,CAAC,CAAC,IAAI,EAAE;AAChE;;;;"}

package/dist/beeq/p-a71efa95.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["STEP_ITEM_STATUS","bqStepItemCss","BqStepItem","dividerColor","isLast","orientation","size","status","type","checkPropValues","validatePropValue","STEPS_ORIENTATION","this","el","STEPS_SIZE","handleIconPrefix","bqClick","bqFocus","bqBlur","connectedCallback","componentWillLoad","componentDidLoad","handleFocus","emit","handleBlur","handleClick","async","isDisabled","isCurrent","clickEvent","defaultPrevented","stepsParent","closest","setCurrentStepItem","iconElem","querySelector","isHTMLElement","render","isVertical","h","key","class","role","disabled","onBlur","onClick","onFocus","undefined","part","name","onSlotchange","exportparts","strokeColor","strokeThickness"],"sources":["../../packages/beeq/src/components/step-item/bq-step-item.types.ts","../../packages/beeq/src/components/step-item/scss/bq-step-item.scss?tag=bq-step-item&encapsulation=shadow","../../packages/beeq/src/components/step-item/bq-step-item.tsx"],"sourcesContent":["export const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'] as const;\nexport type TStepItemStatus = (typeof STEP_ITEM_STATUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Step item styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-step-item.variables';\n\n:host {\n  --bq-icon--color: theme(stroke.icon.primary);\n\n  @apply box-border inline-flex;\n}\n\n:host([orientation='vertical']) {\n  @apply flex flex-1;\n}\n\n:host([orientation='vertical'][is-last]) {\n  @apply flex-[0_0_auto];\n}\n\n.bq-step-item {\n  @apply flex gap-s rounded-m border-none bg-transparent pe-[--bq-steps--gap] ps-0 p-b-xs2 focus-visible:focus hover:bg-hover-ui-secondary;\n  @apply transition-colors duration-300;\n}\n\n.bq-step-item__prefix.dot,\n.bq-step-item__prefix.icon {\n  ::slotted(bq-icon) {\n    --bq-icon--color: var(--bq-step-item--prefix-color);\n  }\n\n  &.current {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-current);\n    }\n  }\n\n  &.completed {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-completed);\n    }\n  }\n\n  &.error {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-error);\n    }\n  }\n\n  &.disabled {\n    ::slotted(bq-icon) {\n      opacity: 0.6;\n    }\n  }\n}\n\n.bq-step-item__prefix.numeric {\n  @apply flex items-center justify-center rounded-full;\n  @apply bg-[--bq-step-item--prefix-num-bg-color] bs-[--bq-step-item--prefix-num-size] is-[--bq-step-item--prefix-num-size];\n  @apply text-m font-semibold leading-regular text-primary;\n\n  &.small {\n    @apply text-s [--bq-step-item--prefix-num-size:--bq-spacing-l];\n  }\n\n  // Status\n\n  &.current {\n    @apply bg-[var(--bq-step-item--prefix-color-current)] text-alt;\n  }\n\n  &.completed {\n    @apply bg-ui-success-alt text-success;\n  }\n\n  &.error {\n    @apply bg-ui-danger-alt text-danger;\n  }\n\n  &.disabled {\n    @apply opacity-60;\n  }\n}\n\n.bq-step-item__content--description::slotted(*) {\n  @apply text-s leading-regular opacity-60;\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, h, Prop, Watch } from '@stencil/core';\n\nimport { isHTMLElement, validatePropValue } from '../../shared/utils';\nimport type { TStepsOrientation, TStepsSize, TStepsType } from '../steps/bq-steps.types';\nimport { STEPS_ORIENTATION, STEPS_SIZE } from '../steps/bq-steps.types';\nimport type { TStepItemStatus } from './bq-step-item.types';\nimport { STEP_ITEM_STATUS } from './bq-step-item.types';\n\n/**\n * The Step Item Component is a UI element used to display a single step or stage in a process or task.\n * It should be used inside the Steps component.\n *\n * @example How to use it\n * ```html\n * <bq-step-item status=\"completed\">\n *   <bq-icon slot=\"prefix\" name=\"check-circle\"></bq-icon>\n *   <span>Title</span>\n *   <span slot=\"description\">Description</span>\n * </bq-step-item>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @attr {string} divider-color - The color of the line that connects the steps. It should be a valid declarative color token.\n * @attr {\"horizontal\" | \"vertical\"} orientation - The orientation of the step item\n * @attr {\"small\" | \"medium\"} size - It defines prefix size\n * @attr {\"completed\" | \"current\" | \"error\" | \"default\" | \"disabled\"} status - It defines step item appearance based on its status\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - It defines the step item type used\n *\n * @event bqClick - Callback handler emitted when the step item is clicked\n * @event bqFocus - Callback handler emitted when the step item is focused\n * @event bqBlur - Callback handler emitted when the step item loses focus\n *\n * @slot - The step item content\n * @slot prefix - The step item prefix\n * @slot description - The step item description\n *\n * @part base - The component's base wrapper.\n * @part title - The component's title.\n * @part description - The component's description.\n *\n * @cssprop --bq-step-item--prefix-color - Color of the prefix icon\n * @cssprop --bq-step-item--prefix-color-current - Color of the prefix icon when current\n * @cssprop --bq-step-item--prefix-color-completed - Color of the prefix icon when completed\n * @cssprop --bq-step-item--prefix-color-error - Color of the prefix icon when error\n * @cssprop --bq-step-item--prefix-num-size - Size of the prefix number\n * @cssprop --bq-step-item--prefix-num-bg-color - Background color of the prefix number\n */\n@Component({\n  tag: 'bq-step-item',\n  styleUrl: './scss/bq-step-item.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqStepItem {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqStepItemElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The color of the line that connects the steps. It should be a valid declarative color token. */\n  @Prop({ reflect: true }) dividerColor: string = 'stroke--primary';\n\n  /** @internal It defines if the step item is the last one */\n  @Prop({ reflect: true }) isLast?: boolean = false;\n\n  /** It defines the orientation of the step item */\n  @Prop({ reflect: true }) orientation?: TStepsOrientation = 'horizontal';\n\n  /** It defines prefix size */\n  @Prop({ reflect: true }) size?: TStepsSize = 'medium';\n\n  /** It defines step item appearance based on its status */\n  @Prop({ reflect: true, mutable: true }) status?: TStepItemStatus = 'default';\n\n  /** It defines the step item type used */\n  @Prop({ reflect: true }) type?: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  @Watch('status')\n  checkPropValues() {\n    validatePropValue(STEPS_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEP_ITEM_STATUS, 'default', this.el, 'status');\n\n    this.handleIconPrefix();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler triggered when the step item is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqStepItemElement>;\n\n  /** Callback handler triggered when the step item is focused */\n  @Event() bqFocus: EventEmitter<HTMLBqStepItemElement>;\n\n  /** Callback handler triggered when the step item loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqStepItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.checkPropValues();\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleIconPrefix();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleClick = async () => {\n    if (this.isDisabled || this.isCurrent) return;\n\n    const clickEvent = this.bqClick.emit(this.el);\n    if (clickEvent.defaultPrevented) return;\n\n    const stepsParent = this.el.closest('bq-steps');\n    if (!stepsParent) return;\n\n    await stepsParent.setCurrentStepItem(this.el);\n  };\n\n  private handleIconPrefix = () => {\n    const iconElem = this.el.querySelector('[slot=\"prefix\"]');\n    if (!iconElem || !isHTMLElement(iconElem, 'bq-icon')) return;\n\n    iconElem.size = this.size === 'small' ? 24 : 32;\n  };\n\n  private get isDisabled(): boolean {\n    return this.status === 'disabled';\n  }\n\n  private get isCurrent(): boolean {\n    return this.status === 'current';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const isVertical = this.orientation === 'vertical';\n\n    return (\n      <div class={{ 'inline-flex': true, 'flex-row': !isVertical, 'flex-col': isVertical }} role=\"listitem\">\n        <button\n          class={{\n            'bq-step-item': true,\n            [`bq-step-item--${this.status}`]: true,\n            'pointer-events-none opacity-60': this.isDisabled,\n          }}\n          disabled={this.isDisabled}\n          onBlur={this.handleBlur}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          aria-current={this.isCurrent ? 'step' : undefined}\n          type=\"button\"\n          part=\"base\"\n        >\n          <div class={`bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`}>\n            <slot name=\"prefix\" onSlotchange={this.handleIconPrefix} />\n          </div>\n          <div class=\"bq-step-item__content items-start text-start\">\n            {/* TITLE */}\n            <div\n              class={{\n                'bq-step-item__content--title pe-xs3 text-m text-primary leading-regular': true,\n                'pointer-events-none': this.isDisabled,\n                'text-brand': this.isCurrent,\n              }}\n              part=\"title\"\n            >\n              <slot />\n            </div>\n            {/* DESCRIPTION */}\n            <div\n              class={{\n                'bq-step-item__content--description text-s text-secondary leading-regular': true,\n                'opacity-60': this.isDisabled,\n              }}\n              part=\"description\"\n            >\n              <slot name=\"description\" />\n            </div>\n          </div>\n        </button>\n        {!this.isLast && (\n          <bq-divider\n            class={{\n              '[&::part(base)]:self-start [&::part(base)]:p-m': true,\n              '[&::part(base)]:p-s': isVertical && this.size === 'small',\n            }}\n            exportparts=\"base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end\"\n            orientation={this.orientation}\n            strokeColor={this.dividerColor}\n            strokeThickness={2}\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;uKAAO,MAAMA,EAAmB,CAAC,UAAW,UAAW,YAAa,QAAS,YCA7E,MAAMC,EAAgB,IAAM,uhyB,MCyDfC,EAAU,M,4IAgBIC,aAAuB,kBAGvBC,OAAmB,MAGnBC,YAAkC,aAGlCC,KAAoB,SAGLC,OAA2B,UAG1CC,KAOzB,eAAAC,GACEC,EAAkBC,EAAmB,aAAcC,KAAKC,GAAI,eAC5DH,EAAkBI,EAAY,SAAUF,KAAKC,GAAI,QACjDH,EAAkBV,EAAkB,UAAWY,KAAKC,GAAI,UAExDD,KAAKG,kB,CAQEC,QAGAC,QAGAC,OAMT,iBAAAC,GACEP,KAAKH,iB,CAGP,iBAAAW,GACER,KAAKH,iB,CAGP,gBAAAY,GACET,KAAKG,kB,CAkBCO,YAAc,KACpBV,KAAKK,QAAQM,KAAKX,KAAKC,GAAG,EAGpBW,WAAa,KACnBZ,KAAKM,OAAOK,KAAKX,KAAKC,GAAG,EAGnBY,YAAcC,UACpB,GAAId,KAAKe,YAAcf,KAAKgB,UAAW,OAEvC,MAAMC,EAAajB,KAAKI,QAAQO,KAAKX,KAAKC,IAC1C,GAAIgB,EAAWC,iBAAkB,OAEjC,MAAMC,EAAcnB,KAAKC,GAAGmB,QAAQ,YACpC,IAAKD,EAAa,aAEZA,EAAYE,mBAAmBrB,KAAKC,GAAG,EAGvCE,iBAAmB,KACzB,MAAMmB,EAAWtB,KAAKC,GAAGsB,cAAc,mBACvC,IAAKD,IAAaE,EAAcF,EAAU,WAAY,OAEtDA,EAAS5B,KAAOM,KAAKN,OAAS,QAAU,GAAK,EAAE,EAGjD,cAAYqB,GACV,OAAOf,KAAKL,SAAW,U,CAGzB,aAAYqB,GACV,OAAOhB,KAAKL,SAAW,S,CAOzB,MAAA8B,GACE,MAAMC,EAAa1B,KAAKP,cAAgB,WAExC,OACEkC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,cAAe,KAAM,YAAaH,EAAY,WAAYA,GAAcI,KAAK,YACzFH,EAAA,UAAAC,IAAA,2CACEC,MAAO,CACL,eAAgB,KAChB,CAAC,iBAAiB7B,KAAKL,UAAW,KAClC,iCAAkCK,KAAKe,YAEzCgB,SAAU/B,KAAKe,WACfiB,OAAQhC,KAAKY,WACbqB,QAASjC,KAAKa,YACdqB,QAASlC,KAAKU,YAAW,eACXV,KAAKgB,UAAY,OAASmB,UACxCvC,KAAK,SACLwC,KAAK,QAELT,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iCAAiC7B,KAAKJ,QAAQI,KAAKN,QAAQM,KAAKL,UAC1EgC,EAAA,QAAAC,IAAA,2CAAMS,KAAK,SAASC,aAActC,KAAKG,oBAEzCwB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gDAETF,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,0EAA2E,KAC3E,sBAAuB7B,KAAKe,WAC5B,aAAcf,KAAKgB,WAErBoB,KAAK,SAELT,EAAA,QAAAC,IAAA,8CAGFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,2EAA4E,KAC5E,aAAc7B,KAAKe,YAErBqB,KAAK,eAELT,EAAA,QAAAC,IAAA,2CAAMS,KAAK,oBAIfrC,KAAKR,QACLmC,EAAA,cAAAC,IAAA,2CACEC,MAAO,CACL,iDAAkD,KAClD,sBAAuBH,GAAc1B,KAAKN,OAAS,SAErD6C,YAAY,4EACZ9C,YAAaO,KAAKP,YAClB+C,YAAaxC,KAAKT,aAClBkD,gBAAiB,EAAC,cACN,S","ignoreList":[]}

package/dist/beeq/p-zh4P02Kn.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const o=(o,e,t,n)=>{const s=t[n];if(o.includes(s))return;t[n]=e;console.warn(`[${t.tagName.toUpperCase()}] Please notice that "${String(n)}" should be one of ${o.join("|")}`)};export{o as v};
-//# sourceMappingURL=p-zh4P02Kn.js.map

package/dist/beeq/p-zh4P02Kn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-zh4P02Kn.js","sources":["../../packages/beeq/src/shared/utils/props.ts"],"sourcesContent":["export type TExtractProp<T> = T[keyof T] extends infer U ? U : never;\nexport type TValidProperty<E, T> = TExtractProp<{ [K in keyof E]: E[K] extends T ? K : never }>;\n\n/**\n * Validate the element property value, if is one of the accepted values\n *\n * @param {readonly} ACCEPTED_VALUES - The list of the accepted values to check against.\n * @param {unknown} fallbackValue - The default value to assign\n * @param {Element} element - The component reference\n * @param {string} propertyName - The property name (will be used in the console notification)\n * @returns {void}\n */\nexport const validatePropValue = <T extends E[keyof E], E extends Element>(\n  ACCEPTED_VALUES: Readonly<T[]>,\n  fallbackValue: T,\n  element: E,\n  propertyName: TValidProperty<E, T>,\n): void => {\n  const propertyValue = element[propertyName as string];\n  // Early return if the property value is one of the accepted values\n  if (ACCEPTED_VALUES.includes(propertyValue)) return;\n  // Override property with fallback value\n  element[propertyName as string] = fallbackValue;\n  // Notify developer in the browser console\n  console.warn(\n    `[${element.tagName.toUpperCase()}] Please notice that \"${String(\n      propertyName,\n    )}\" should be one of ${ACCEPTED_VALUES.join('|')}`,\n  );\n};\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;AAQG;AACI,MAAM,iBAAiB,GAAG,CAC/B,eAA8B,EAC9B,aAAgB,EAChB,OAAU,EACV,YAAkC,KAC1B;AACR,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,YAAsB,CAAC;;AAErD,IAAA,IAAI,eAAe,CAAC,QAAQ,CAAC,aAAa,CAAC;QAAE;;AAE7C,IAAA,OAAO,CAAC,YAAsB,CAAC,GAAG,aAAa;;IAE/C,OAAO,CAAC,IAAI,CACV,CAAA,CAAA,EAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA,sBAAA,EAAyB,MAAM,CAC9D,YAAY,CACb,CAAA,mBAAA,EAAsB,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE,CACnD;AACH;;;;"}

package/dist/cjs/cssVariables-exM7Oz37.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cssVariables-exM7Oz37.js","sources":["../../packages/beeq/src/shared/utils/cssVariables.ts"],"sourcesContent":["import { isClient } from './isClient';\n\nconst CSSVALUEPREFIX = '--bq-';\n\n/**\n * Get CSS custom property variable of a given color string value\n *\n * @param {string} colorName - Valid string value.\n * @return {string} The corresponding CSS custom property variable\n */\nexport function getColorCSSVariable(colorName: string): string | undefined {\n  if (!isClient) return undefined;\n\n  const token = `${CSSVALUEPREFIX}${colorName}`;\n  const value = getComputedStyle(document.documentElement).getPropertyValue(token);\n  if (!value) return undefined;\n\n  return `var(${token})`;\n}\n\n/**\n * Get compiled CSS custom property value\n *\n * @param {string} variable - The variable name for which to get its value\n * @return {string} The corresponding value for the given CSS custom property\n */\nexport function getCSSVariableValue(variable: string, component: Element): string {\n  const styles = getComputedStyle(component);\n  return String(styles.getPropertyValue(`--${variable}`)).trim();\n}\n"],"names":["isClient"],"mappings":";;;;;;;;AAEA,MAAM,cAAc,GAAG,OAAO;AAE9B;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,SAAiB,EAAA;AACnD,IAAA,IAAI,CAACA,iBAAQ;AAAE,QAAA,OAAO,SAAS;AAE/B,IAAA,MAAM,KAAK,GAAG,CAAA,EAAG,cAAc,CAAA,EAAG,SAAS,EAAE;AAC7C,IAAA,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAChF,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,SAAS;IAE5B,OAAO,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,CAAG;AACxB;AAEA;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,QAAgB,EAAE,SAAkB,EAAA;AACtE,IAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,SAAS,CAAC;AAC1C,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAE,CAAC,CAAC,CAAC,IAAI,EAAE;AAChE;;;;;"}