@spw-ds/spw-stencil-library 1.2.3 → 1.2.4

package/dist/spw-stencil-library/{p-zpG0udTn.js.map → p-BBi01mKM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-zpG0udTn.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}.${parts[1]}.${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n  if (isText(prop)) {\n    return {\n      [prop.name]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [prop.name]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [prop.name]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [prop.name]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  return {\n    [`on${capitalizeFirstLetter(event.event)}`]: {\n      action: event.event,\n      description: description(event),\n      table: {\n        defaultValue: { summary: event.event },\n        category: 'events',\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n  return {\n    [method.name]: {\n      action: method.name,\n      description: description(method),\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    acc[token.name] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: 'Tokens',\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  // ✅ Séparation claire des catégories\n  const propControls = generateProps(props as ComponentProp[]);\n  const eventControls = generateEvents(events as ComponentEvent[]);\n  const methodControls = generateMethods(methods as ComponentMethod[]);\n\n  // ✅ Regroupement complet pour Storybook\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  // ✅ Indique explicitement quelles sont les props réelles du composant\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false, // ne pollue pas la vue Storybook\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"names":[],"mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqWM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;"}
+{"version":3,"file":"p-BBi01mKM.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}/${parts[1]}/${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n  if (isText(prop)) {\n    return {\n      [prop.name]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [prop.name]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [prop.name]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [prop.name]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  return {\n    [`on${capitalizeFirstLetter(event.event)}`]: {\n      action: event.event,\n      description: description(event),\n      table: {\n        defaultValue: { summary: event.event },\n        category: 'events',\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n  return {\n    [method.name]: {\n      action: method.name,\n      description: description(method),\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    acc[token.name] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: 'Tokens',\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  // ✅ Séparation claire des catégories\n  const propControls = generateProps(props as ComponentProp[]);\n  const eventControls = generateEvents(events as ComponentEvent[]);\n  const methodControls = generateMethods(methods as ComponentMethod[]);\n\n  // ✅ Regroupement complet pour Storybook\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  // ✅ Indique explicitement quelles sont les props réelles du composant\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false, // ne pollue pas la vue Storybook\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"names":[],"mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqWM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;"}

package/dist/spw-stencil-library/p-CvfVJV8a.js

@@ -0,0 +1,3 @@
+const e="spw-stencil-library";const t={hydratedSelectorName:"hydrated",lazyLoad:true,slotRelocation:true,updatable:true};var n=Object.defineProperty;var i=(e,t)=>{for(var i in t)n(e,i,{get:t[i],enumerable:true})};var l="http://www.w3.org/2000/svg";var r="http://www.w3.org/1999/xhtml";var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const i=e.$.replace(/-/g,"_");const l=e.m;if(!l){return void 0}const r=u.get(l);if(r){return r[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{u.set(l,e)}return e[i]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="r";var p="o";var $="s";var m="t";var y="c";var w="s-id";var b="sty-id";var g="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var j="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x={i:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)};var E=(()=>{var e;let t=false;try{(e=C.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var M=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var I=false;var N=[];var P=[];var T=(e,t)=>n=>{e.push(n);if(!I){I=true;if(t&&x.i&4){L(F)}else{x.raf(F)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var F=()=>{A(N);{A(P);if(I=N.length>0){x.raf(F)}}};var L=e=>M().then(e);var U=T(P,true);var D=e=>{e=typeof e;return e==="object"||e==="function"};function W(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var _={};i(_,{err:()=>z,map:()=>B,ok:()=>H,unwrap:()=>V,unwrapErr:()=>Y});var H=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>H(e)))}else{return H(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var Y=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=e=>{const t=te(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){J(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(K(e,Z(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&te(e,"childNodes").length){q(e)}}};var G=e=>{const t=[];for(let n=0;n<e.length;n++){const i=e[n]["s-nr"]||void 0;if(i&&i.isConnected){t.push(i)}}return t};function J(e,t,n){let i=0;let l=[];let r;for(;i<e.length;i++){r=e[i];if(r["s-sr"]&&(!t||r["s-hn"]===t)&&n===void 0){l.push(r)}l=[...l,...J(r.childNodes,t,n)]}return l}var K=(e,t,n=true)=>{const i=[];if(n&&e["s-sr"]||!e["s-sr"])i.push(e);let l=e;while(l=l.nextSibling){if(Z(l)===t&&(n||!l["s-sr"]))i.push(l)}return i};var Q=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var X=(e,t,n,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const l=document.createTextNode("");l["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const r=t["s-cr"].parentNode;const s=te(r,"appendChild");if(typeof i!=="undefined"){l["s-oo"]=i;const e=te(r,"childNodes");const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(r,e)))}else{s.call(r,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var Z=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function ee(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const i=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const l=this["s-cr"].parentElement;const r=l.__childNodes?l.childNodes:G(l.childNodes);r.forEach((e=>{if(i===Z(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function te(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var ne=(e,t="")=>{{return()=>{}}};var ie=(e,t)=>{{return()=>{}}};var le=(e,t,...n)=>{let i=null;let l=null;let r=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){a(i)}else if(i!=null&&typeof i!=="boolean"){if(s=typeof e!=="function"&&!D(i)){i=String(i)}if(s&&o){f[f.length-1].k+=i}else{f.push(s?re(null,i):i)}o=s}}};a(n);if(t){if(t.key){l=t.key}if(t.name){r=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,fe)}const c=re(e,null);c.j=t;if(f.length>0){c.O=f}{c.C=l}{c.M=r}return c};var re=(e,t)=>{const n={i:0,R:e,k:t,I:null,O:null};{n.j=null}{n.C=null}{n.M=null}return n};var se={};var oe=e=>e&&e.R===se;var fe={forEach:(e,t)=>e.map(ae).forEach(t),map:(e,t)=>e.map(ae).map(t).map(ce)};var ae=e=>({vattrs:e.j,vchildren:e.O,vkey:e.C,vname:e.M,vtag:e.R,vtext:e.k});var ce=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return le(e.vtag,t,...e.vchildren||[])}const t=re(e.vtag,e.vtext);t.j=e.vattrs;t.O=e.vchildren;t.C=e.vkey;t.M=e.vname;return t};var ue=(e,t,n,i)=>{const l=ne("hydrateClient",t);const r=e.shadowRoot;const s=[];const o=[];const f=[];const a=r?[]:null;const c=re(t,null);c.I=e;if(C.document&&(!x.N||!x.N.size)){de(C.document.body,x.N=new Map)}e[w]=n;e.removeAttribute(w);i.P=ve(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.T+"."+d.A;const i=x.N.get(n);const l=d.I;if(!r){l["s-hn"]=t.toUpperCase();if(d.R==="slot"){l["s-cr"]=e["s-cr"]}}if(d.R==="slot"){d.M=d.I["s-sn"]||d.I["name"]||null;if(d.O){d.i|=2;if(!d.I.childNodes.length){d.O.forEach((e=>{d.I.appendChild(e.I)}))}}else{d.i|=1}}if(i&&i.isConnected){if(r&&i["s-en"]===""){i.parentNode.insertBefore(l,i.nextSibling)}i.parentNode.removeChild(i);if(!r){l["s-oo"]=parseInt(d.A)}}x.N.delete(n)}const h=[];const p=f.length;let $=0;let m;let y;let b;let g;for($;$<p;$++){m=f[$];if(!m||!m.length)continue;b=m.length;y=0;for(y;y<b;y++){g=m[y];if(!h[g.hostId]){h[g.hostId]=x.N.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!r){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}X(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}if(r&&!r.childNodes.length){let t=0;const n=a.length;if(n){for(t;t<n;t++){r.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}x.N.delete(e["s-id"]);i.$hostElement$=e;l()};var ve=(e,t,n,i,l,r,s,o=[])=>{let f;let a;let c;let u;if(r.nodeType===1){f=r.getAttribute(g);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=he({i:0,T:a[0],A:a[1],F:a[2],L:a[3],R:r.tagName.toLowerCase(),I:r,j:{class:r.className||""}});t.push(c);r.removeAttribute(g);if(!e.O){e.O=[]}const l=c.I.getAttribute("s-sn");if(typeof l==="string"){if(c.R==="slot-fb"){pe(l,a[2],c,r,e,t,n,i,o)}c.I["s-sn"]=l;c.I.removeAttribute("s-sn")}if(c.L!==void 0){e.O[c.L]=c}e=c;if(i&&c.F==="0"){i[c.L]=c.I}}}if(r.shadowRoot){for(u=r.shadowRoot.childNodes.length-1;u>=0;u--){ve(e,t,n,i,l,r.shadowRoot.childNodes[u],s,o)}}const v=r.__childNodes||r.childNodes;for(u=v.length-1;u>=0;u--){ve(e,t,n,i,l,v[u],s,o)}}else if(r.nodeType===8){a=r.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=he({T:a[1],A:a[2],F:a[3],L:a[4]||"0",I:r,j:null,O:null,C:null,M:null,R:null,k:null});if(f===m){c.I=me(r,3);if(c.I&&c.I.nodeType===3){c.k=c.I.textContent;t.push(c);r.remove();if(s===c.T){if(!e.O){e.O=[]}e.O[c.L]=c}if(i&&c.F==="0"){i[c.L]=c.I}}}else if(f===y){c.I=me(r,8);if(c.I&&c.I.nodeType===8){t.push(c);r.remove()}}else if(c.T===s){if(f===$){const l=r["s-sn"]=a[5]||"";pe(l,a[2],c,r,e,t,n,i,o)}else if(f===h){if(i){r.remove()}else{l["s-cr"]=r;r["s-cn"]=true}}}}}else if(e&&e.R==="style"){const t=re(null,r.textContent);t.I=r;t.L="0";e.O=[t]}else{if(r.nodeType===3&&!r.wholeText.trim()){r.remove()}}return e};var de=(e,t)=>{if(e.nodeType===1){const n=e[w]||e.getAttribute(w);if(n){t.set(n,e)}let i=0;if(e.shadowRoot){for(;i<e.shadowRoot.childNodes.length;i++){de(e.shadowRoot.childNodes[i],t)}}const l=e.__childNodes||e.childNodes;for(i=0;i<l.length;i++){de(l[i],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var he=e=>{const t={i:0,T:null,A:null,F:null,L:"0",I:null,j:null,O:null,C:null,M:null,R:null,k:null};return{...t,...e}};function pe(e,t,n,i,l,r,s,o,f){i["s-sr"]=true;n.M=e||null;n.R="slot";const a=(l==null?void 0:l.I)?l.I["s-id"]||l.I.getAttribute("s-id"):"";if(o&&C.document){const r=n.I=C.document.createElement(n.R);if(n.M){n.I.setAttribute("name",e)}if(a&&a!==n.T){l.I.insertBefore(r,l.I.children[0])}else{i.parentNode.insertBefore(n.I,i)}$e(f,t,e,i,n.T);i.remove();if(n.F==="0"){o[n.L]=n.I}}else{const s=n.I;const o=a&&a!==n.T&&l.I.shadowRoot;$e(f,t,e,i,o?a:n.T);ee(i);if(o){l.I.insertBefore(s,l.I.children[0])}r.push(n)}s.push(n);if(!l.O){l.O=[]}l.O[n.L]=n}var $e=(e,t,n,i,l)=>{let r=i.nextSibling;e[t]=e[t]||[];while(r&&((r["getAttribute"]&&r.getAttribute("slot")||r["s-sn"])===n||n===""&&!r["s-sn"]&&(r.nodeType===8&&r.nodeValue.indexOf(".")!==1||r.nodeType===3))){r["s-sn"]=n;e[t].push({slot:i,node:r,hostId:l});r=r.nextSibling}};var me=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var ye=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>s(e).$hostElement$;var be=(e,t,n)=>{const i=we(e);return{emit:e=>ge(i,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ge=(e,t,n)=>{const i=x.ce(t,n);e.dispatchEvent(i);return i};var Se=new WeakMap;var ke=(e,t,n)=>{let i=d.get(e);if(R&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=t}else{i.replaceSync(t)}}else{i=t}d.set(e,i)};var je=(e,t,n)=>{var i;const l=Ce(t);const r=d.get(l);if(!C.document){return l}e=e.nodeType===11?e:C.document;if(r){if(typeof r==="string"){e=e.head||e;let n=Se.get(e);let s;if(!n){Se.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(s=e.querySelector(`[${b}="${l}"]`))){s.innerHTML=r}else{s=document.querySelector(`[${b}="${l}"]`)||C.document.createElement("style");s.innerHTML=r;const n=(i=x.U)!=null?i:W(C.document);if(n!=null){s.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(R){const t=new CSSStyleSheet;t.replaceSync(r);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.i&1){e.insertBefore(s,null)}}if(t.i&4){s.innerHTML+=k}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(r)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}return l};var Oe=e=>{const t=e.l;const n=e.$hostElement$;const i=t.i;const l=ne("attachStyles",t.$);const r=je(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(i&10&&i&2||i&128){n["s-sc"]=r;n.classList.add(r+"-h")}l()};var Ce=(e,t)=>"sc-"+e.$;var xe=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Ee=()=>{if(!C.document){return}const e=C.document.querySelectorAll(`[${b}]`);let t=0;for(;t<e.length;t++){ke(e[t].getAttribute(b),xe(e[t].innerHTML),true)}};var Me=(e,t,n,i,l,r,s)=>{if(n===i){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Ie(n);let r=Ie(i);if(e["s-si"]&&s){r.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))r.push(t)}));r=[...new Set(r)];t.add(...r)}else{t.remove(...l.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!i||i[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in i){if(!n||i[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,i[t])}else{e.style[t]=i[t]}}}}else if(t==="key");else if(t==="ref"){if(i){i(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||i){const l=t.endsWith(Ne);t=t.replace(Pe,"");if(n){x.rel(e,t,n,l)}if(i){x.ael(e,t,i,l)}}}else{const s=D(i);if((o||s&&i!==null)&&!l){try{if(!e.tagName.includes("-")){const l=i==null?"":i;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==i){e[t]=i}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(i==null||i===false){if(i!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(j,t)}else{e.removeAttribute(t)}}}else if((!o||r&4||l)&&!s&&e.nodeType===1){i=i===true?"":i;if(a){e.setAttributeNS(j,t,i)}else{e.setAttribute(t,i)}}}};var Re=/\s/;var Ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Re)};var Ne="Capture";var Pe=new RegExp(Ne+"$");var Te=(e,t,n,i)=>{const l=t.I.nodeType===11&&t.I.host?t.I.host:t.I;const r=e&&e.j||{};const s=t.j||{};{for(const e of Ae(Object.keys(r))){if(!(e in s)){Me(l,e,r[e],void 0,n,t.i,i)}}}for(const e of Ae(Object.keys(s))){Me(l,e,r[e],s[e],n,t.i,i)}};function Ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Fe;var Le;var Ue=false;var De=false;var We=false;var _e=false;var He=(e,n,i)=>{var s;const o=n.O[i];let f=0;let a;let c;let u;if(!Ue){We=true;if(o.R==="slot"){o.i|=o.O?2:1}}if(o.k!==null){a=o.I=C.document.createTextNode(o.k)}else if(o.i&1){a=o.I=C.document.createTextNode("");{Te(null,o,_e)}}else{if(!_e){_e=o.R==="svg"}if(!C.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.I=C.document.createElementNS(_e?l:r,!Ue&&t.slotRelocation&&o.i&2?"slot-fb":o.R);if(_e&&o.R==="foreignObject"){_e=false}{Te(null,o,_e)}if(o.O){for(f=0;f<o.O.length;++f){c=He(e,o,f);if(c){a.appendChild(c)}}}{if(o.R==="svg"){_e=false}else if(a.tagName==="foreignObject"){_e=true}}}a["s-hn"]=Le;{if(o.i&(2|1)){a["s-sr"]=true;a["s-cr"]=Fe;a["s-sn"]=o.M||"";a["s-rf"]=(s=o.j)==null?void 0:s.ref;ee(a);u=e&&e.O&&e.O[i];if(u&&u.R===o.R&&e.I){{ze(e.I,false)}}}}return a};var ze=(e,t)=>{x.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const i=n[e];if(i["s-hn"]!==Le&&i["s-ol"]){Ze(Ge(i).parentNode,i,Ge(i));i["s-ol"].remove();i["s-ol"]=void 0;i["s-sh"]=void 0;We=true}if(t){ze(i,t)}}x.i&=-2};var Be=(e,t,n,i,l,r)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(s.shadowRoot&&s.tagName===Le){s=s.shadowRoot}for(;l<=r;++l){if(i[l]){o=He(null,n,l);if(o){i[l].I=o;Ze(s,o,Ge(t))}}}};var Ve=(e,t,n)=>{for(let i=t;i<=n;++i){const t=e[i];if(t){const e=t.I;Xe(t);if(e){{De=true;if(e["s-ol"]){e["s-ol"].remove()}else{ze(e,true)}}e.remove()}}}};var Ye=(e,t,n,i,l=false)=>{let r=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=i.length-1;let d=i[0];let h=i[v];let p;let $;while(r<=a&&s<=v){if(c==null){c=t[++r]}else if(u==null){u=t[--a]}else if(d==null){d=i[++s]}else if(h==null){h=i[--v]}else if(qe(c,d,l)){Je(c,d,l);c=t[++r];d=i[++s]}else if(qe(u,h,l)){Je(u,h,l);u=t[--a];h=i[--v]}else if(qe(c,h,l)){if(c.R==="slot"||h.R==="slot"){ze(c.I.parentNode,false)}Je(c,h,l);Ze(e,c.I,u.I.nextSibling);c=t[++r];h=i[--v]}else if(qe(u,d,l)){if(c.R==="slot"||h.R==="slot"){ze(u.I.parentNode,false)}Je(u,d,l);Ze(e,u.I,c.I);u=t[--a];d=i[++s]}else{o=-1;{for(f=r;f<=a;++f){if(t[f]&&t[f].C!==null&&t[f].C===d.C){o=f;break}}}if(o>=0){$=t[o];if($.R!==d.R){p=He(t&&t[s],n,o)}else{Je($,d,l);t[o]=void 0;p=$.I}d=i[++s]}else{p=He(t&&t[s],n,s);d=i[++s]}if(p){{Ze(Ge(c.I).parentNode,p,Ge(c.I))}}}}if(r>a){Be(e,i[v+1]==null?null:i[v+1].I,n,i,s,v)}else if(s>v){Ve(t,r,a)}};var qe=(e,t,n=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.M===t.M}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var Ge=e=>e&&e["s-ol"]||e;var Je=(e,n,i=false)=>{const l=n.I=e.I;const r=e.O;const s=n.O;const o=n.R;const f=n.k;let a;if(f===null){{_e=o==="svg"?true:o==="foreignObject"?false:_e}{Te(e,n,_e,i)}if(r!==null&&s!==null){Ye(l,r,n,s,i)}else if(s!==null){if(e.k!==null){l.textContent=""}Be(l,null,n,s,0,s.length-1)}else if(!i&&t.updatable&&r!==null){Ve(r,0,r.length-1)}if(_e&&o==="svg"){_e=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ke=[];var Qe=e=>{let t;let n;let i;const l=e.__childNodes||e.childNodes;for(const e of l){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const l=e["s-sn"];for(i=n.length-1;i>=0;i--){t=n[i];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(Q(t,l)){let n=Ke.find((e=>e.D===t));De=true;t["s-sn"]=t["s-sn"]||l;if(n){n.D["s-sh"]=e["s-hn"];n.W=e}else{t["s-sh"]=e["s-hn"];Ke.push({W:e,D:t})}if(t["s-sr"]){Ke.map((e=>{if(Q(e.D,t["s-sn"])){n=Ke.find((e=>e.D===t));if(n&&!e.W){e.W=n.W}}}))}}else if(!Ke.some((e=>e.D===t))){Ke.push({D:t})}}}}if(e.nodeType===1){Qe(e)}}};var Xe=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.O&&e.O.map(Xe)}};var Ze=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var et=(e,t,n=false)=>{var i,l,r,s;const o=e.$hostElement$;const f=e.l;const a=e.P||re(null,null);const c=oe(t)?t:le(null,null,t);Le=o.tagName;if(f._){c.j=c.j||{};f._.map((([e,t])=>c.j[t]=o[e]))}if(n&&c.j){for(const e of Object.keys(c.j)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=o[e]}}}c.R=null;c.i|=4;e.P=c;c.I=a.I=o.shadowRoot||o;Ue=!!(f.i&1)&&!(f.i&128);{Fe=o["s-cr"];De=false}Je(a,c,n);{x.i|=1;if(We){Qe(c.I);for(const e of Ke){const t=e.D;if(!t["s-ol"]&&C.document){const e=C.document.createTextNode("");e["s-nr"]=t;Ze(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ke){const t=e.D;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let r=(i=t["s-ol"])==null?void 0:i.previousSibling;while(r){let i=(l=r["s-nr"])!=null?l:null;if(i&&i["s-sn"]===t["s-sn"]&&e===(i.__parentNode||i.parentNode)){i=i.nextSibling;while(i===t||(i==null?void 0:i["s-sr"])){i=i==null?void 0:i.nextSibling}if(!i||!i["s-nr"]){n=i;break}}r=r.previousSibling}}const s=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==s||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ze(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(r=t["s-ih"])!=null?r:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(De){q(c.I)}x.i&=-2;Ke.length=0}Fe=void 0};var tt=(e,t)=>{if(t&&!e.H&&t["s-p"]){const n=t["s-p"].push(new Promise((i=>e.H=()=>{t["s-p"].splice(n-1,1);i()})))}};var nt=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}tt(e,e.B);const n=()=>it(e,t);return U(n)};var it=(e,t)=>{const n=e.$hostElement$;const i=ne("scheduleUpdate",e.l.$);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;if(t){{e.i|=256;if(e.V){e.V.map((([e,t])=>ct(l,e,t,n)));e.V=void 0}}r=ct(l,"componentWillLoad",void 0,n)}else{r=ct(l,"componentWillUpdate",void 0,n)}r=lt(r,(()=>ct(l,"componentWillRender",void 0,n)));i();return lt(r,(()=>st(e,l,t)))};var lt=(e,t)=>rt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var rt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var st=async(e,t,n)=>{var i;const l=e.$hostElement$;const r=ne("update",e.l.$);const s=l["s-rc"];if(n){Oe(e)}const o=ne("render",e.l.$);{ot(e,t,l,n)}if(s){s.map((e=>e()));l["s-rc"]=void 0}o();r();{const t=(i=l["s-p"])!=null?i:[];const n=()=>ft(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var ot=(e,t,n,i)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{et(e,t,i)}}}}catch(t){c(t,e.$hostElement$)}return null};var ft=e=>{const t=e.l.$;const n=e.$hostElement$;const i=ne("postUpdate",t);const l=e.t;const r=e.B;ct(l,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{ut(n)}ct(l,"componentDidLoad",void 0,n);i();{e.p(n);if(!r){at()}}}else{ct(l,"componentDidUpdate",void 0,n);i()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.i&512){L((()=>nt(e,false)))}e.i&=-517}};var at=t=>{L((()=>ge(C,"appload",{detail:{namespace:e}})))};var ct=(e,t,n,i)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,i)}}return void 0};var ut=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var vt=(e,t)=>s(e).o.get(t);var dt=(e,t,n,i)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const r=l.$hostElement$;const o=l.o.get(t);const f=l.i;const a=l.t;n=ye(n,i.Y[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,n);if(a){if(i.q&&f&128){const e=i.q[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,r)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}nt(l,false)}}}};var ht=(e,n,i)=>{var l,r;const o=e.prototype;if(n.i&64&&i&1){O.forEach((e=>{Object.defineProperty(o,e,{value(...t){const n=s(this);const i=n.t;if(!i){n.h.then((n=>{const i=n[e];typeof i==="function"&&i.call(n,...t)}))}else{const n=i[e];typeof n==="function"&&n.call(i,...t)}}})}))}if(n.Y||(n.q||e.watchers)){if(e.watchers&&!n.q){n.q=e.watchers}const f=Object.entries((l=n.Y)!=null?l:{});f.map((([e,[t]])=>{if(t&31||i&2&&t&32){const{get:l,set:r}=Object.getOwnPropertyDescriptor(o,e)||{};if(l)n.Y[e][0]|=2048;if(r)n.Y[e][0]|=4096;if(i&1||!l){Object.defineProperty(o,e,{get(){{if((n.Y[e][0]&2048)===0){return vt(this,e)}const t=s(this);const i=t?t.t:o;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(l){const o=s(this);if(r){const i=t&32?this[e]:o.$hostElement$[e];if(typeof i==="undefined"&&o.o.get(e)){l=o.o.get(e)}else if(!o.o.get(e)&&i){o.o.set(e,i)}r.apply(this,[ye(l,t)]);l=t&32?this[e]:o.$hostElement$[e];dt(this,e,l,n);return}{if((i&1)===0||(n.Y[e][0]&4096)===0){dt(this,e,l,n);if(i&1&&!o.t){o.h.then((()=>{if(n.Y[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=l}}))}return}const r=()=>{const i=o.t[e];if(!o.o.get(e)&&i){o.o.set(e,i)}o.t[e]=ye(l,t);dt(this,e,o.t[e],n)};if(o.t){r()}else{o.h.then((()=>r()))}}}})}else if(i&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const i=s(this);return(n=i==null?void 0:i.u)==null?void 0:n.then((()=>{var n;return(n=i.t)==null?void 0:n[e](...t)}))}})}}));if(i&1){const i=new Map;o.attributeChangedCallback=function(e,l,r){x.jmp((()=>{var f;const a=i.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){r=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const t=s(this);const i=t==null?void 0:t.i;if(i&&!(i&8)&&i&128&&r!==l){const i=t.t;const s=(f=n.q)==null?void 0:f[e];s==null?void 0:s.forEach((t=>{if(i[t]!=null){i[t].call(i,r,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,a);r=r===null&&typeof this[a]==="boolean"?false:r;if(r!==this[a]&&(!c.get||!!c.set)){this[a]=r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=n.q)!=null?r:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const r=t[1]||e;i.set(r,e);if(t[0]&512){(l=n._)==null?void 0:l.push([e,r])}return r}))]))}}return e};var pt=async(e,t,n,i)=>{let l;if((t.i&32)===0){t.i|=32;const i=n.m;if(i){const i=v(n,t);if(i&&"then"in i){const e=ie();l=await i;e()}else{l=i}if(!l){throw new Error(`Constructor for "${n.$}#${t.G}" was not found`)}if(!l.isProxied){{n.q=l.watchers}ht(l,n,2);l.isProxied=true}const r=ne("createInstance",n.$);{t.i|=8}try{new l(t)}catch(t){c(t,e)}{t.i&=-9}{t.i|=128}r();$t(t.t,e)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=Ce(n);if(!d.has(t)){const i=ne("registerStyles",n.$);ke(t,e,!!(n.i&1));i()}}}const r=t.B;const s=()=>nt(t,true);if(r&&r["s-rc"]){r["s-rc"].push(s)}else{s()}};var $t=(e,t)=>{{ct(e,"connectedCallback",void 0,t)}};var mt=e=>{if((x.i&1)===0){const t=s(e);const n=t.l;const i=ne("connectedCallback",n.$);if(!(t.i&1)){t.i|=1;let i;{i=e.getAttribute(w);if(i){if(n.i&1){const t=je(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}ue(e,n.$,i,t)}}if(!i){if(n.i&(4|8)){yt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){tt(t,t.B=n);break}}}if(n.Y){Object.entries(n.Y).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{pt(e,t,n)}}else{kt(e,t,n.J);if(t==null?void 0:t.t){$t(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>$t(t.t,e)))}}i()}};var yt=e=>{if(!C.document){return}const t=e["s-cr"]=C.document.createComment("");t["s-cn"]=true;Ze(e,t,e.firstChild)};var wt=(e,t)=>{{ct(e,"disconnectedCallback",void 0,t||e)}};var bt=async e=>{if((x.i&1)===0){const t=s(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){wt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>wt(t.t,e)))}}if(Se.has(e)){Se.delete(e)}if(e.shadowRoot&&Se.has(e.shadowRoot)){Se.delete(e.shadowRoot)}};var gt=(e,t={})=>{var n;if(!C.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=ne();const l=[];const r=t.exclude||[];const o=C.customElements;const a=C.document.head;const c=a.querySelector("meta[charset]");const u=C.document.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",C.document.baseURI).href;{x.i|=2}{Ee()}let p=false;e.map((e=>{e[1].map((t=>{var n;const i={i:t[0],$:t[1],Y:t[2],J:t[3]};if(i.i&4){p=true}{i.Y=t[2]}{i.J=t[3]}{i._=[]}{i.q=(n=t[4])!=null?n:{}}const a=i.$;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,i);if(i.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${i.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;kt(this,e,i.J)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>mt(this)))}}disconnectedCallback(){x.jmp((()=>bt(this)));x.raf((()=>{var e;const t=s(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.P)==null?void 0:e.I)instanceof Node&&!t.P.I.isConnected){delete t.P.I}}))}componentOnReady(){return s(this).h}};if(i.i&64){c.formAssociated=true}i.m=e[0];if(!r.includes(a)&&!o.get(a)){l.push(a);o.define(a,ht(c,i,1))}}))}));if(l.length>0){if(p){u.textContent+=k}{u.textContent+=l.sort()+S}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=x.U)!=null?n:W(C.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(at,30)))}}i()};var St=(e,t)=>t;var kt=(e,t,n,i)=>{if(n&&C.document){n.map((([n,i,l])=>{const r=Ot(C.document,e,n);const s=jt(t,l);const o=Ct(n);x.ael(r,i,s,o);(t.K=t.K||[]).push((()=>x.rel(r,i,s,o)))}))}};var jt=(e,t)=>n=>{var i;try{{if(e.i&256){(i=e.t)==null?void 0:i[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var Ot=(e,t,n)=>{if(n&4){return e}if(n&8){return C}return t};var Ct=e=>E?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var xt=e=>x.U=e;export{St as F,se as H,gt as b,be as c,we as g,le as h,M as p,o as r,xt as s};
+//# sourceMappingURL=p-CvfVJV8a.js.map