@spw-ds/spw-stencil-library 1.2.0 → 1.2.1

package/dist/components/p-zpG0udTn.js.map

@@ -1 +1 @@
-{"file":"p-zpG0udTn.js","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;AAuVM,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;;;;","names":[],"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  return {\n    ...generateProps(props as ComponentProp[]),\n    ...generateEvents(events as ComponentEvent[]),\n    ...generateMethods(methods as ComponentMethod[]),\n    ...tokenControls,\n  };\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"],"version":3}
+{"file":"p-zpG0udTn.js","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;;;;","names":[],"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"],"version":3}

package/dist/components/spw-accordion-content.js

@@ -1,4 +1,4 @@
-import { S as SpwAccordionContent$1, d as defineCustomElement$1 } from './p-B1_XG4Wf.js';
+import { S as SpwAccordionContent$1, d as defineCustomElement$1 } from './p-JncqUnd1.js';
 
 const SpwAccordionContent = SpwAccordionContent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion-item.js

@@ -1,4 +1,4 @@
-import { S as SpwAccordionItem$1, d as defineCustomElement$1 } from './p-Ch60bguo.js';
+import { S as SpwAccordionItem$1, d as defineCustomElement$1 } from './p-z27d6ASx.js';
 
 const SpwAccordionItem = SpwAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion-title.js

@@ -1,4 +1,4 @@
-import { S as SpwAccordionTitle$1, d as defineCustomElement$1 } from './p-DMD2z45s.js';
+import { S as SpwAccordionTitle$1, d as defineCustomElement$1 } from './p-BbuJ0hsQ.js';
 
 const SpwAccordionTitle = SpwAccordionTitle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-accordion.js

@@ -1,4 +1,4 @@
-import { S as SpwAccordion$1, d as defineCustomElement$1 } from './p-DDvpvxxV.js';
+import { S as SpwAccordion$1, d as defineCustomElement$1 } from './p-C_iAJUsF.js';
 
 const SpwAccordion = SpwAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-breadcrumb-item.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$3 } from './p-BrOEFNbv.js';
-import { d as defineCustomElement$2 } from './p-Clhpt_u-.js';
+import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-DSus8Zwu.js';
 
 const spwBreadcrumbItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";
 
@@ -40,7 +40,7 @@ const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb
         this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
     }
     render() {
-        return (h(Host, { key: 'dd39349f680eac37273a156d01eaeafeb109bd63' }, h("li", { key: '5097ca5e8ad4833aec74c03fab5468b29e17740f', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+        return (h(Host, { key: 'd18e813e92311789b8f2a9d9f88f59a90b8103a0' }, h("li", { key: '7e76e4927389fc6e575f9b6b01c6dfa5a603f140', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/spw-breadcrumb.js

@@ -49,7 +49,7 @@ const SpwBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb ext
             [`spw-breadcrumb--font-size-${this.fontSize}`]: true,
             [`spw-breadcrumb--${this.variant}`]: true,
         };
-        return (h(Host, { key: 'bcece665bc261db84a03ed079b40389182e5fe8b' }, h("nav", { key: '016b3f90793dbcef5d4ed3461183fb7db57bc3fc', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: '1ba58bcd97f30de63bd75e297333d96005fed8d2', class: "spw-breadcrumb__list" }, h("slot", { key: '9e1fdea821224f5b1b0c69b17cff3ac570d5dbcb' })))));
+        return (h(Host, { key: '78bb34c23a1528efdbec664e0eb50226c862d714' }, h("nav", { key: 'e062187ac27e74421f969086dd3bd4c2163ef925', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: 'f04a93f46893f74322ba6a9480d675da5dd474e2', class: "spw-breadcrumb__list" }, h("slot", { key: '952c976501ba0565299d763f823a18930387ea67' })))));
     }
     get host() { return this; }
     static get style() { return spwBreadcrumbCss; }

package/dist/components/spw-button.js

@@ -1,4 +1,4 @@
-import { S as SpwButton$1, d as defineCustomElement$1 } from './p-BPTPujMC.js';
+import { S as SpwButton$1, d as defineCustomElement$1 } from './p-DnyVO_PX.js';
 
 const SpwButton = SpwButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-card-content.js

@@ -10,7 +10,7 @@ const SpwCardContent$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardContent e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd145802efbd36f13a4f0b5f078788600a9c6632b', class: "spw-card-content" }, this.tag && h("span", { key: '33fee50a75c8332c43d31b5a29b955cfda162c96', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: '1bfdac654414769ef33633cb324ed2ed3d251669', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '0bb280b7d7cb74449694d409f3c728ce95c4d9ff' })));
+        return (h("div", { key: 'fae19ee18d307295062443308246f5baa72b4c77', class: "spw-card-content" }, this.tag && h("span", { key: 'd95abdb0e8ba592680abd0e1e2c73ada5f1e55b0', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'e4051e54e576af610e47bdc05433b14b4c8bc6c3', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '94abc1be4bd3ca1f9083419a358b1372975e9bd3' })));
     }
     get el() { return this; }
     static get style() { return spwCardContentCss; }

package/dist/components/spw-card-excerpt.js

@@ -19,7 +19,7 @@ const SpwCardExcerpt$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardExcerpt e
         };
     }
     render() {
-        return (h("div", { key: '6095e49f16088b4ebe8e693124e0507561aaf0f8', class: this.elementClass }, h("slot", { key: '704d15c121948cee1364be14650cfa9f3a614c6e' })));
+        return (h("div", { key: '7141ae670aa86d10cec7111a7f9f3ac23a7ffe99', class: this.elementClass }, h("slot", { key: '414df86d9a9b1564f05cccd2ac97c248b2356ffe' })));
     }
     static get style() { return spwCardExcerptCss; }
 }, [1, "spw-card-excerpt", {

package/dist/components/spw-card-image.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$2 } from './p-BrOEFNbv.js';
+import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
 
 const spwCardImageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
 
@@ -28,7 +28,7 @@ const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage exten
         }
     }
     render() {
-        return (h("div", { key: '23372c9f4959fc7a39f998d9b467d8a5c68978bd', class: "spw-card-image" }, this.label && h("span", { key: '9f7207229572543d3e3748626a72ef45ad50be9a', class: "spw-card-image__label" }, this.label), h("slot", { key: 'c21e75555d3012a423945d68dd01aaa49df4b93b' }), h("div", { key: 'db7efe735e5f40483c9d90113844f34925c6bf58', class: "spw-card-image__icon" }, h("spw-icon", { key: '048acb6cf5aff5a2accd58ec9445a1d5bfab3581', icon: "fa-plus" }))));
+        return (h("div", { key: 'ddfa5865de5a66d7316ac86c09226d2714fee04c', class: "spw-card-image" }, this.label && h("span", { key: 'b7b63987b51733788a2901a6cecd685333ca468c', class: "spw-card-image__label" }, this.label), h("slot", { key: '2562150ce4fe208e70bcc326bf3b90b2aebaf9c0' }), h("div", { key: '24b37db0c310e1a524c2c66496e578ade4b1a47c', class: "spw-card-image__icon" }, h("spw-icon", { key: '6334e1ec0e33f2406922dcaa50df0c7e586e47af', icon: "fa-plus" }))));
     }
     get el() { return this; }
     static get style() { return spwCardImageCss; }

package/dist/components/spw-card-subtag-item.js

@@ -20,7 +20,7 @@ const SpwCardSubtagItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtag
         };
     }
     render() {
-        return (h(Host, { key: '7e30b9bb90784e374b1d3bc84fb1202e631ef7e4' }, h("span", { key: '7f1c1abc556bc4dbe1a3bdec8b1fda7a3758a062', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '103791510b6af6bce06a5679e0ef4739489287f6' }))));
+        return (h(Host, { key: 'bb36b5ced113d9129698ceeff14cd092dcc44c20' }, h("span", { key: '64ad44f7a700914c82371215cddd7fbe624bd622', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'd540bd37c2a2000d8daa11291f7e26810baea930' }))));
     }
     static get style() { return spwCardSubtagItemCss; }
 }, [1, "spw-card-subtag-item", {

package/dist/components/spw-card-subtags.js

@@ -28,7 +28,7 @@ const SpwCardSubtags$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtags e
         };
     }
     render() {
-        return (h(Host, { key: 'c2abe029921015ce992e821e25e1f79f26ac2eac' }, h("div", { key: '92b9920ceeb61daff3e21dbc8e28e92ba0ab725e', class: this.elementClass }, h("slot", { key: 'f572e23dad24bb1d9dcbe36b32d7551b2c091e09' }))));
+        return (h(Host, { key: '7197f57b0a93b6b51941fa40cdfadcd60c6e4077' }, h("div", { key: 'ecdd97414e532375fb29dcb945b539852f1ccf87', class: this.elementClass }, h("slot", { key: 'ae8d6e6ae70af87e7e9ea6bce86ebf35a0beb91f' }))));
     }
     get el() { return this; }
     static get style() { return spwCardSubtagsCss; }

package/dist/components/spw-card-title.js

@@ -9,7 +9,7 @@ const SpwCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardTitle exten
         this.__attachShadow();
     }
     render() {
-        return (h("h3", { key: '7ab4466f7c72b8deedbfe76fdb2077d28be6e9bf', class: "spw-card-title" }, h("slot", { key: 'a6705a96741a72ab378774ce42a6c5e4e307432e' })));
+        return (h("h3", { key: 'a2aae793eea1b60c5ccc58ddb22f508f18984a3a', class: "spw-card-title" }, h("slot", { key: 'ab895331d9876bc14a621fe197933d69612ac07d' })));
     }
     static get style() { return spwCardTitleCss; }
 }, [1, "spw-card-title"]);

package/dist/components/spw-card.js

@@ -96,7 +96,7 @@ const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: '57c021e54b5aa7499cfbbdd63948c6c49744a782', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '30a38d6d817a336b6052999baabd811724ab69a6', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '81b3e6be4c24ad0e1d2677ae89c0847722d34906' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: 'b95296b4b58a85bb1b21e44e9613047a806daf20', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'e04f67e288faa21ea2f5fde0398bb2748e8d8033', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: 'ce8b0d98fcb7469b4304af4c3824730777ffd8fd' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '120b625ad8a4d1fdb1d72fff6bc2e3c95e01740d' })))));
+        return (h(Host, { key: '414b823a8a824f866571819908c4279481f4b4bd', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '550b1c32da3f917ca8e78194b13592d3265db0b1', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '3988de2a54183a0eff3cea43de9904c094790110' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '7840de1b38ec0300f5dbb8213241c1b6c2d1917d', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'f542560e0505e84676c1b3a2e7910c2ba18b9970', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: 'f7bdcf4575a95303ed2dc06ac141e7424a24760d' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '608fc7a34d3060dff797cf273d7cd7c09c24c520' })))));
     }
     get el() { return this; }
     static get style() { return spwCardCss; }

package/dist/components/spw-checkbox.js

@@ -1,4 +1,4 @@
-import { S as SpwCheckbox$1, d as defineCustomElement$1 } from './p-COf5LpGH.js';
+import { S as SpwCheckbox$1, d as defineCustomElement$1 } from './p-BRzMlz9h.js';
 
 const SpwCheckbox = SpwCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-cookies.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$9 } from './p-DDvpvxxV.js';
-import { d as defineCustomElement$8 } from './p-B1_XG4Wf.js';
-import { d as defineCustomElement$7 } from './p-Ch60bguo.js';
-import { d as defineCustomElement$6 } from './p-DMD2z45s.js';
-import { d as defineCustomElement$5 } from './p-BPTPujMC.js';
-import { d as defineCustomElement$4 } from './p-COf5LpGH.js';
-import { d as defineCustomElement$3 } from './p-BrOEFNbv.js';
-import { d as defineCustomElement$2 } from './p-_VSq6JhE.js';
+import { d as defineCustomElement$9 } from './p-C_iAJUsF.js';
+import { d as defineCustomElement$8 } from './p-JncqUnd1.js';
+import { d as defineCustomElement$7 } from './p-z27d6ASx.js';
+import { d as defineCustomElement$6 } from './p-BbuJ0hsQ.js';
+import { d as defineCustomElement$5 } from './p-DnyVO_PX.js';
+import { d as defineCustomElement$4 } from './p-BRzMlz9h.js';
+import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-2zBnLUyL.js';
 
 const spwCookiesCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}";
 

package/dist/components/spw-custom-select.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$5 } from './p-COf5LpGH.js';
-import { d as defineCustomElement$4 } from './p-CF4CA9QM.js';
-import { d as defineCustomElement$3 } from './p-wxevhJKV.js';
-import { d as defineCustomElement$2 } from './p-BrOEFNbv.js';
+import { d as defineCustomElement$5 } from './p-BRzMlz9h.js';
+import { d as defineCustomElement$4 } from './p-CwxUBfbv.js';
+import { d as defineCustomElement$3 } from './p-DogcJyQh.js';
+import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
 
 const spwCustomSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";
 
@@ -31,7 +31,7 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
         this.size = 'medium';
         /** Permet la sélection multiple si vrai */
         this.multiple = false;
-        /** Active la fonction de recherche dans la liste des options */
+        /** Active la fonction de recherche dans la liste des items */
         this.isSearch = false;
         /** Message d'erreur à afficher sous le champ */
         this.error = '';
@@ -88,8 +88,8 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
         else {
             this.internalValue = this.value;
         }
-        if (this.options) {
-            this.parseOptions(this.options);
+        if (this.items) {
+            this.parseOptions(this.items);
         }
         this.updateSelectedOption();
     }
@@ -102,10 +102,21 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
     }
     parseOptions(newValue) {
         try {
-            this.parsedOptions = JSON.parse(newValue).map(option => ({
-                value: option.value,
-                label: option.label,
-            }));
+            if (Array.isArray(newValue)) {
+                this.parsedOptions = newValue.map(option => ({
+                    value: option.value,
+                    label: option.label,
+                }));
+            }
+            else if (typeof newValue === 'string') {
+                this.parsedOptions = JSON.parse(newValue).map(option => ({
+                    value: option.value,
+                    label: option.label,
+                }));
+            }
+            else {
+                this.parsedOptions = [];
+            }
             this.updateSelectedOption();
         }
         catch (e) {
@@ -332,21 +343,21 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (h("div", { key: '4a969c8d7174191f704ab1d12c3fa9718bee505b', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '188543dbfc1cb9e3cc0d1fb4a4d525ed8e42923e', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '9202c8e7a116d922a40eff0065141b013164c5c5', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '7cce00abec098d3217b97599901949ab1704e960', class: "spw-custom-select__wrapper" }, h("div", { key: 'd9d39199ae798539b06807f50cc8481b98e20c46', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '6285eb1c5bc0e0ae1dba7b66c2c31638b90d7091', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: 'f1708fb68261cc58fcb5c3adab85ee8b6c0691cd', class: "spw-custom-select__search" }, h("input", { key: 'c7f45eaef69ad86c9b9a263e89c33f2146c08e41', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'c96ebed40ae86b3d948900b4425b7fb211e40bd6' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: '7f7eb8208fc65204e38b8c472a7574b6d8cc8287', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (h("div", { key: 'ac71da7209ac21f34d46ca0a09343cc6b9bfa45a', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: 'df068beec072a926e8a5a037d28c7c2153b8d2d6', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '1bf71bd5905367ac3e5bd9a1bc1527405296ebbd', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '38c944172467b46b16f7d9c182cf4d5a6b7f11d1', class: "spw-custom-select__wrapper" }, h("div", { key: '0c9a95151f53cf02c12af7f5c8d0b12b2e238a2e', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '1b283156f6c5eda0702d7836b3c7efc7d985f15e', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: 'ac3eca133447a18eb352ab3c03bafc909d7db07d', class: "spw-custom-select__search" }, h("input", { key: '189b8d41d07ac897ca15d92b3d16635f195710dd', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'b92cdb15ae68ea9f60791c7f629ae0c0743389b5' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: 'fcccd09dcb72b234da60b27ce75bd42fba37aaa1', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && h("span", { key: 'd50ec1a50427ce24757f114cb3afbbd9d6a3a09e' }, this.getSelectedLabels()))), h("div", { key: 'cff36764911e4a392949307c114dcd5c1e95bcf7', class: "spw-custom-select__arrow" }, h("spw-icon", { key: 'fe9833ebecedfca9258d4f88491f8804dbbebb24', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '895fcfa8cd8b42597fcab93dac157d5131747643', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '7f54fc7bf8d2225badb6554923da2e9a6eda829f' }, filteredOptions.map((option, index) => (h("li", { class: {
+        }))), !this.multiple && h("span", { key: 'eab58763f1b27e81d81d4ab2dfaf782a93982bb4' }, this.getSelectedLabels()))), h("div", { key: 'cc2a564cb3b98efba9d6d3d02a8ca55a2ee80b99', class: "spw-custom-select__arrow" }, h("spw-icon", { key: '341cd325c824a2864eabaa53cae2af6100d94ec7', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '72b52a7e1552a1ca48b770e67fdc4710421869db', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '6353c43477a08c4c5ccd9e39164c8c88fbccfa8e' }, filteredOptions.map((option, index) => (h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index === this.focusedOptionIndex,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)) })), option.label))))), !filteredOptions.length && h("p", { key: 'e7adb4bc809f541a39f748822cd14da4a074e417', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)) })), option.label))))), !filteredOptions.length && h("p", { key: 'e55cae01d4b81d84c2fde2ff0a40958aae3e105a', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
-        "options": ["parseOptions"],
+        "items": ["parseOptions"],
         "value": ["valueChangedHandler"],
         "internalValue": ["internalValueChanged"]
     }; }
@@ -358,7 +369,7 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
         "disabled": [4],
         "name": [1],
         "required": [4],
-        "options": [1],
+        "items": [1],
         "size": [1],
         "multiple": [4],
         "isSearch": [4, "is-search"],
@@ -379,7 +390,7 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
         "dropdownDirection": [32],
         "hasSelectedValue": [32]
     }, undefined, {
-        "options": ["parseOptions"],
+        "items": ["parseOptions"],
         "value": ["valueChangedHandler"],
         "internalValue": ["internalValueChanged"]
     }]);

package/dist/components/spw-custom-select.js.map

@@ -1 +1 @@
-{"file":"spw-custom-select.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,62NAA62N;;MCQ33NA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAN5B,IAAA,WAAA,GAAA;;;;;;AAcW,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AACvB,QAAA,IAAa,CAAA,aAAA,GAAgD,EAAE;AAC/D,QAAA,IAAkB,CAAA,kBAAA,GAAkB,IAAI;AACxC,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AACvB,QAAA,IAAiB,CAAA,iBAAA,GAAkB,MAAM;AACzC,QAAA,IAAgB,CAAA,gBAAA,GAAY,KAAK;;AAGF,QAAA,IAAK,CAAA,KAAA,GAA0C,EAAE;;AAEjF,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,yBAAyB;;AAM/C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAIzB,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;;AAEnC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAIzB,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;;AAEnB,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;;AAElB,QAAA,IAAO,CAAA,OAAA,GAAY,EAAE;;AAErB,QAAA,IAAO,CAAA,OAAA,GAAY,EAAE;;AAErB,QAAA,IAAa,CAAA,aAAA,GAAa,IAAI;;AAE9B,QAAA,IAAY,CAAA,YAAA,GAAa,IAAI;;AAE7B,QAAA,IAAe,CAAA,eAAA,GAAa,IAAI;;AAEhC,QAAA,IAAe,CAAA,eAAA,GAAa,IAAI;AAoChC,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;;AACjD,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAS;gBAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/C,gBAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,kCAAkC,CAAC;gBAE3F,MAAM,mBAAmB,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,QAAQ,CAAC,MAAM,CAAC;AAEzD,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC,mBAAmB,EAAE;AACzC,oBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,wBAAA,MAAM,gBAAgB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,6BAA6B,CAAC;wBAC3F,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;4BACzD;;;oBAIJ,IAAI,CAAC,aAAa,EAAE;;;AAG1B,SAAC;AA+VF;IAlZC,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,gBAAA,IAAI;oBACF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;gBAC3C,OAAO,CAAC,EAAE;AACV,oBAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;;iBAEpB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACpC,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;;iBAC1B;AACL,gBAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;;aAEpB;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAwB;;AAGpD,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;;QAEjC,IAAI,CAAC,oBAAoB,EAAE;;IAG7B,gBAAgB,GAAA;QACd,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;QAC3D,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;IAGlD,oBAAoB,GAAA;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;AAyBhE,IAAA,YAAY,CAAC,QAAgB,EAAA;AAC3B,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK;gBACvD,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,aAAA,CAAC,CAAC;YACH,IAAI,CAAC,oBAAoB,EAAE;;QAC3B,OAAO,CAAC,EAAE;AACV,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;;AAK3B,IAAA,mBAAmB,CAAC,QAA+C,EAAA;AACjE,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,QAAQ,CAAC;;aAC/D;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;QAE/B,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;;IAGpC,oBAAoB,GAAA;QAC1B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAEhD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;YACtD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAChH,aAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;AAC7D,YAAA,IAAI,CAAC,aAAa,GAAI,IAAI,CAAC;iBACxB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;iBACrF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;;;IAK9K,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;;IAGjH,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;;AAErI,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI;;AAGvD,IAAA,cAAc,CAAC,KAAkB,EAAA;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,KAAK,EAAE;gBACT,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAgB;gBAErD,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,iCAAiC,CAAC,EAAE;oBAChE;;gBAGF,KAAK,CAAC,eAAe,EAAE;;YAEzB,IAAI,CAAC,0BAA0B,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;;IAK5B,0BAA0B,GAAA;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE;AACzD,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW;AAEzC,QAAA,IAAI,IAAI,CAAC,MAAM,GAAG,GAAG,GAAG,cAAc,IAAI,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;AACxD,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;aACxB;AACL,YAAA,IAAI,CAAC,iBAAiB,GAAG,MAAM;;;IAI3B,wBAAwB,GAAA;QAC9B,IAAI,CAAC,0BAA0B,EAAE;AACjC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC;;IAGrB,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;;IAGd,YAAY,CAAC,WAA4B,EAAE,KAAkB,EAAA;QACnE,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,eAAe,EAAE;;AAGzB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,KAAK,GAAI,IAAI,CAAC,aAAqC,CAAC,SAAS,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,WAAW,CAAC,CAAC;AAC/G,YAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACd,gBAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAI,IAAI,CAAC,aAAqC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAI,IAAI,CAAC,aAAqC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;;iBACjJ;gBACL,IAAI,CAAC,aAAa,GAAG,CAAC,GAAI,IAAI,CAAC,aAAqC,EAAE,WAAW,CAAC;;AAEpF,YAAA,IAAI,CAAC,aAAa,GAAI,IAAI,CAAC,aAAqC,CAAC,IAAI,CACnE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAClK;;aACI;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW;YAChC,IAAI,CAAC,aAAa,EAAE;;AAGtB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa;QAC/B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,mBAAmB,CAAC,KAAoB,EAAE,WAA4B,EAAA;AAC5E,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;;;AAI1B,IAAA,aAAa,CAAC,KAAoB,EAAA;QACxC,IAAK,KAAK,CAAC,MAAsB,CAAC,SAAS,CAAC,QAAQ,CAAC,iCAAiC,CAAC,EAAE;YACvF;;AAEF,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;oBAChB,IAAI,CAAC,wBAAwB,EAAE;;gBAEjC;AACF,YAAA,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,oBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM;;qBACrH;oBACL,IAAI,CAAC,wBAAwB,EAAE;;gBAEjC;AACF,YAAA,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,oBAAA,IAAI,CAAC,kBAAkB;AACrB,wBAAA,IAAI,CAAC,kBAAkB,KAAK,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM;;gBAE5J;AACF,YAAA,KAAK,OAAO;gBACV,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,EAAE;AACnD,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC;;gBAEtE;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,aAAa,EAAE;;gBAEtB;;;IAIE,kBAAkB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,QACE,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5D,EAAA,IAAI,CAAC,KAAK,CACO;;;IAKlB,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC1D,EAAA,IAAI,CAAC,IAAI,CACQ;;;IAKlB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,QACE,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAChE,EAAA,IAAI,CAAC,OAAO,CACK;;;IAKlB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,QACE,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAChE,EAAA,IAAI,CAAC,OAAO,CACK;;;AAK1B,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,sBAAsB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACzC,YAAA,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YAC3C,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,8BAA8B,EAAE,IAAI,CAAC,MAAM;YAC3C,8BAA8B,EAAE,IAAI,CAAC,gBAAgB;AACrD,YAAA,6BAA6B,EAAE,CAAC,IAAI,CAAC,gBAAgB;YACrD,kCAAkC,EAAE,IAAI,CAAC,QAAQ;AACjD,YAAA,mCAAmC,EAAE,CAAC,IAAI,CAAC,QAAQ;SACpD;;AAGK,IAAA,eAAe,CAAC,GAAW,EAAA;AACjC,QAAA,OAAO;aACJ,SAAS,CAAC,KAAK;AACf,aAAA,OAAO,CAAC,kBAAkB,EAAE,EAAE;AAC9B,aAAA,WAAW,EAAE;;IAGV,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG;kBACnE,IAAI,CAAC;qBACH,GAAG,CAAC,GAAG,IAAG,UAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAA,EAAA;qBACzF,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,IAAI;kBACZ,IAAI;;aACH;YACL,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7G,OAAO,cAAc,GAAG,cAAc,CAAC,KAAK,GAAG,IAAI;;;IAI/C,kBAAkB,GAAA;QACxB,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC;QAClE,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;;AAGvG,IAAA,iBAAiB,CAAC,KAAY,EAAA;AACpC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;AAC7B,QAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC;AAE3B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;;;IAId,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;QAChC,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,IAAI;AACvD,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,IAAI;QAC7C,OAAO,IAAI,CAAC,MAAM;;IAGZ,eAAe,GAAA;QACrB,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;QAC/B,IAAI,IAAI,CAAC,gBAAgB;AAAE,YAAA,OAAO,KAAK;AACvC,QAAA,OAAO,IAAI;;IAGb,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE;AACjD,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE;AAE9C,QAAA,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,IAAI,GAAG,EAAiB,CAAC,EAAA,EACtE,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAoB,CAAA,EAC9G,IAAI,CAAC,aAAa,KACjB,0EAAmB,KAAK,EAAC,0BAA0B,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,KAAK,IAC/E,IAAI,CAAC,aAAa,CACD,CACrB,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,8BAA8B,EACpC,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,eAAe,GAAG,EAAiB,CAAC,EACrD,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAC5C,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,EAEhC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACrC,IAAI,CAAC,eAAe,EAAE,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,iCAAiC,EAAC,WAAW,EAAC,wBAAwB,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAI,CAAA,CAC3J,CACP,EACA,eAAe,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,WAAW,CAAQ,EAClD,IAAI,CAAC,QAAQ,IAAK,IAAI,CAAC,aAAqC,CAAC,MAAM,GAAG,CAAC,KACtE,4DAAK,KAAK,EAAC,mCAAmC,EAAA,EAC1C,IAAI,CAAC,aAAqC,CAAC,GAAG,CAAC,GAAG,IAAG;;YAAC,QACtD,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,kCAAkC,EAAA,EAC3C,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA;mBAAE,KAAK,EAC/E,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,kCAAkC,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,EAAA,CAAa,CAC1H;AACR,SAAA,CAAC,CACE,CACP,EACA,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,iBAAiB,EAAE,CAAQ,CACtD,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,iBAAiB,GAAa,CAC1E,EACL,IAAI,CAAC,MAAM,KACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,uDAAA,EAA0D,IAAI,CAAC,iBAAiB,CAAA,CAAE,EAAA,EAC3F,CAAC,CAAC,eAAe,CAAC,MAAM,KACvB,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACjC,CACE,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE;AACL,gBAAA,2BAA2B,EAAE,IAAI;gBACjC,qCAAqC,EAAE,IAAI,CAAC;sBACvC,IAAI,CAAC,aAAqC,CAAC,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AAC9F,sBAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa;AACvC,gBAAA,oCAAoC,EAAE,KAAK,KAAK,IAAI,CAAC,kBAAkB;AACxE,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,EAE7C,IAAI,CAAC,QAAQ,KACZ,oBACE,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACjE,KAAK,EAAC,aAAa,EACnB,OAAO,EAAG,IAAI,CAAC,aAAqC,CAAC,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAA,CACxF,CACjB,EACA,MAAM,CAAC,KAAK,CACV,CACN,CAAC,CACC,CACN,EACA,CAAC,eAAe,CAAC,MAAM,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,+BAA+B,EAAA,EAAA,6CAAA,CAA2C,CAC3G,CACP,CACG,EACL,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,oBAAoB,EAAE,EAC3B,IAAI,CAAC,oBAAoB,EAAE,CACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCustomSelect","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-custom-select {\n  position: relative;\n  &__container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    padding: 0 12px;\n    line-height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus-within,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    .spw-custom-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-custom-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-custom-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-custom-select--is-opened & {\n      height: auto;\n      line-height: 1;\n      min-height: 40px;\n      border-radius: 4px 4px 0 0;\n      border-bottom-color: transparent;\n    }\n  }\n\n  &__selected {\n    flex: 1;\n    padding-right: 30px;\n    max-width: 100%;\n  }\n\n  &__selected-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--spw-color-themes-grey-grey-900);\n    border: 1px solid var(--spw-color-themes-grey-grey-900);\n    background: var(--spw-color-themes-grey-grey-200);\n    line-height: 24px;\n    height: 24px;\n    padding: 0 8px;\n    margin: 4px 6px 2px 0;\n    border-radius: 999px;\n    font-size: 14px;\n    user-select: none;\n  }\n\n  &__selected-items {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-wrap: nowrap;\n    .spw-custom-select--is-opened & {\n      padding-top: 3px;\n      padding-bottom: 4px;\n      overflow: visible;\n      text-overflow: initial;\n      text-wrap: initial;\n    }\n  }\n\n  &__arrow {\n    position: absolute;\n    right: 12px;\n    top: 10px;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-600);\n    pointer-events: none;\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__search {\n    .spw-custom-select--is-opened & {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 11;\n      width: 100%;\n      margin-top: 1px;\n    }\n    .spw-custom-select--has-value.spw-custom-select--is-opened & {\n      top: auto;\n      top: 100%;\n      margin-top: -3px;\n    }\n    &-input {\n      padding: 0;\n      height: 38px;\n      line-height: 40px;\n      border: none;\n      margin: 0;\n      width: calc(100% - 30px);\n      text-overflow: ellipsis;\n      &:focus {\n        outline: none;\n      }\n      .spw-custom-select--is-opened & {\n        border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n        padding: 0 12px;\n      }\n      .spw-custom-select--is-opened.spw-custom-select--has-value & {\n        border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n        width: 100%;\n      }\n    }\n  }\n\n  &__options {\n    position: absolute;\n    width: 100%;\n    background-color: #fff;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    border-radius: 0 0 4px 4px;\n    max-height: 200px;\n    overflow-y: auto;\n    z-index: 12;\n\n    &--down {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    &--up {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n      margin-top: 35px;\n    }\n  }\n\n  &__no-results {\n    padding: 12px;\n    cursor: not-allowed;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  &__option {\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n    padding: 12px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--spw-color-themes-grey-grey-200);\n    }\n    &:last-child {\n      border-bottom: none;\n    }\n    &--selected {\n      font-weight: 700;\n    }\n  }\n\n  &__error {\n    display: block;\n    font-size: 12px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 8px;\n  }\n}\n\n.spw-custom-select__option--focused {\n  background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-custom-select',\n  styleUrl: 'spw-custom-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwCustomSelect {\n  private host: HTMLElement;\n  private selectContainer: HTMLElement;\n\n  /** Événement émis lorsque la valeur sélectionnée change */\n  @Event() valueChanged: EventEmitter<(string | number)[] | string | number>;\n\n  @State() internalValue: (string | number)[] | string | number;\n  @State() isOpen: boolean = false;\n  @State() parsedOptions: { value: string | number; label: string }[] = [];\n  @State() focusedOptionIndex: number | null = null;\n  @State() searchText: string = '';\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n  @State() hasSelectedValue: boolean = false;\n\n  /** Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau */\n  @Prop({ mutable: true, reflect: true }) value: (string | number)[] | string | number = [];\n  /** Label associé au champ de sélection personnalisé */\n  @Prop() label: string = '';\n  /** Placeholder à afficher lorsque aucune option n'est sélectionnée */\n  @Prop() placeholder: string = 'Sélectionnez une option';\n  /** Indique si le champ est désactivé et donc non interactif */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément dans les formulaires, utilisé pour associer la valeur */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Chaîne JSON des options disponibles dans le select (valeur et label) */\n  @Prop() options: string;\n  /** Taille du select, peut être \"large\" ou \"medium\" */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Permet la sélection multiple si vrai */\n  @Prop() multiple: boolean = false;\n  /** Active la fonction de recherche dans la liste des options */\n  @Prop() isSearch: boolean = false;\n  /** Texte d'assistance à afficher sous le champ */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    if (this.multiple) {\n      if (typeof this.value === 'string') {\n        try {\n          this.internalValue = JSON.parse(this.value);\n        } catch (e) {\n          this.internalValue = [];\n        }\n      } else if (Array.isArray(this.value)) {\n        this.internalValue = this.value;\n      } else {\n        this.internalValue = [];\n      }\n    } else {\n      this.internalValue = this.value as string | number;\n    }\n\n    if (this.options) {\n      this.parseOptions(this.options);\n    }\n    this.updateSelectedOption();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    this.internals.setFormValue(this.getFormValue());\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.host.contains(target);\n      const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n      const isInsideSearchField = searchField?.contains(target);\n\n      if (!isInsideHost && !isInsideSearchField) {\n        if (this.multiple) {\n          const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n          if (optionsContainer && optionsContainer.contains(target)) {\n            return;\n          }\n        }\n\n        this.closeDropdown();\n      }\n    }\n  };\n\n  @Watch('options')\n  parseOptions(newValue: string) {\n    try {\n      this.parsedOptions = JSON.parse(newValue).map(option => ({\n        value: option.value,\n        label: option.label,\n      }));\n      this.updateSelectedOption();\n    } catch (e) {\n      this.parsedOptions = [];\n    }\n  }\n\n  @Watch('value')\n  valueChangedHandler(newValue: (string | number)[] | string | number) {\n    if (this.multiple) {\n      this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n    } else {\n      this.internalValue = newValue;\n    }\n    this.updateSelectedOption();\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private updateSelectedOption() {\n    this.internals.setFormValue(this.getFormValue());\n\n    if (!this.multiple && this.internalValue !== undefined) {\n      this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n    } else if (this.multiple && Array.isArray(this.internalValue)) {\n      this.internalValue = (this.internalValue as (string | number)[])\n        .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n        .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n    }\n  }\n\n  @Watch('internalValue')\n  internalValueChanged() {\n    this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n    }\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private toggleDropdown(event?: MouseEvent) {\n    if (!this.disabled) {\n      if (event) {\n        const target = event.composedPath()[0] as HTMLElement;\n\n        if (target.classList.contains('spw-custom-select__search-input')) {\n          return;\n        }\n\n        event.stopPropagation();\n      }\n      this.determineDropdownDirection();\n      this.isOpen = !this.isOpen;\n      if (!this.isOpen) {\n        this.focusedOptionIndex = null;\n      }\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.selectContainer.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private openDropdownWithKeyboard() {\n    this.determineDropdownDirection();\n    this.isOpen = true;\n    this.focusedOptionIndex = 0;\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.focusedOptionIndex = null;\n    this.searchText = '';\n  }\n\n  private selectOption(optionValue: string | number, event?: MouseEvent) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    if (this.multiple) {\n      const index = (this.internalValue as (string | number)[]).findIndex(val => String(val) === String(optionValue));\n      if (index > -1) {\n        this.internalValue = [...(this.internalValue as (string | number)[]).slice(0, index), ...(this.internalValue as (string | number)[]).slice(index + 1)];\n      } else {\n        this.internalValue = [...(this.internalValue as (string | number)[]), optionValue];\n      }\n      this.internalValue = (this.internalValue as (string | number)[]).sort(\n        (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n      );\n    } else {\n      this.internalValue = optionValue;\n      this.closeDropdown();\n    }\n\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n    this.updateSelectedOption();\n  }\n\n  private handleOptionKeyDown(event: KeyboardEvent, optionValue: string | number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selectOption(optionValue);\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n      return;\n    }\n    switch (event.key) {\n      case ' ':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedOptionIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n        } else {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedOptionIndex =\n            this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedOptionIndex !== null) {\n          this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen) {\n          this.closeDropdown();\n        }\n        break;\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-custom-select': true,\n      [`spw-custom-select--${this.size}`]: true,\n      'spw-custom-select--is-error': !!this.error,\n      'spw-custom-select--disabled': this.disabled,\n      'spw-custom-select--is-opened': this.isOpen,\n      'spw-custom-select--has-value': this.hasSelectedValue,\n      'spw-custom-select--no-value': !this.hasSelectedValue,\n      'spw-custom-select--is-searchable': this.isSearch,\n      'spw-custom-select--not-searchable': !this.isSearch,\n    };\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private getSelectedLabels(): string {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0\n        ? (this.internalValue as (string | number)[])\n            .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n            .filter(Boolean)\n            .join(', ')\n        : null;\n    } else {\n      const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n      return selectedOption ? selectedOption.label : null;\n    }\n  }\n\n  private getFilteredOptions() {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n  }\n\n  private handleSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchText = input.value;\n    this.focusedOptionIndex = 0;\n\n    if (!this.isOpen) {\n      this.isOpen = true;\n    }\n  }\n\n  private isSearchVisible(): boolean {\n    if (!this.isSearch) return false;\n    if (!this.hasSelectedValue && !this.isOpen) return true;\n    if (this.isSearch && this.isOpen) return true;\n    return this.isOpen;\n  }\n\n  private showPlaceholder(): boolean {\n    if (this.isSearch) return false;\n    if (this.hasSelectedValue) return false;\n    return true;\n  }\n\n  render() {\n    const filteredOptions = this.getFilteredOptions();\n    const showPlaceholder = this.showPlaceholder();\n\n    return (\n      <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-custom-select__wrapper\">\n          <div\n            class=\"spw-custom-select__container\"\n            id={this.name}\n            ref={el => (this.selectContainer = el as HTMLElement)}\n            onClick={event => this.toggleDropdown(event)}\n            onKeyDown={event => this.handleKeyDown(event)}\n            tabindex={this.disabled ? -1 : 0}\n          >\n            <div class=\"spw-custom-select__selected\">\n              {this.isSearchVisible() && (\n                <div class=\"spw-custom-select__search\">\n                  <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n                </div>\n              )}\n              {showPlaceholder && <span>{this.placeholder}</span>}\n              {this.multiple && (this.internalValue as (string | number)[]).length > 0 && (\n                <div class=\"spw-custom-select__selected-items\">\n                  {(this.internalValue as (string | number)[]).map(val => (\n                    <span class=\"spw-custom-select__selected-item\">\n                      {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n                      <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n                    </span>\n                  ))}\n                </div>\n              )}\n              {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n            </div>\n          </div>\n          <div class=\"spw-custom-select__arrow\">\n            <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n          </div>\n          {this.isOpen && (\n            <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n              {!!filteredOptions.length && (\n                <ul>\n                  {filteredOptions.map((option, index) => (\n                    <li\n                      class={{\n                        'spw-custom-select__option': true,\n                        'spw-custom-select__option--selected': this.multiple\n                          ? (this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))\n                          : option.value === this.internalValue,\n                        'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n                      }}\n                      onClick={() => this.selectOption(option.value)}\n                    >\n                      {this.multiple && (\n                        <spw-checkbox\n                          onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n                          class=\"spw-tw-mr-2\"\n                          checked={(this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))}\n                        ></spw-checkbox>\n                      )}\n                      {option.label}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n            </div>\n          )}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-custom-select.js","mappings":"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","names":["SpwCustomSelect","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-custom-select {\n  position: relative;\n  &__container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    padding: 0 12px;\n    line-height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus-within,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    .spw-custom-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-custom-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-custom-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-custom-select--is-opened & {\n      height: auto;\n      line-height: 1;\n      min-height: 40px;\n      border-radius: 4px 4px 0 0;\n      border-bottom-color: transparent;\n    }\n  }\n\n  &__selected {\n    flex: 1;\n    padding-right: 30px;\n    max-width: 100%;\n  }\n\n  &__selected-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--spw-color-themes-grey-grey-900);\n    border: 1px solid var(--spw-color-themes-grey-grey-900);\n    background: var(--spw-color-themes-grey-grey-200);\n    line-height: 24px;\n    height: 24px;\n    padding: 0 8px;\n    margin: 4px 6px 2px 0;\n    border-radius: 999px;\n    font-size: 14px;\n    user-select: none;\n  }\n\n  &__selected-items {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-wrap: nowrap;\n    .spw-custom-select--is-opened & {\n      padding-top: 3px;\n      padding-bottom: 4px;\n      overflow: visible;\n      text-overflow: initial;\n      text-wrap: initial;\n    }\n  }\n\n  &__arrow {\n    position: absolute;\n    right: 12px;\n    top: 10px;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-600);\n    pointer-events: none;\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__search {\n    .spw-custom-select--is-opened & {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 11;\n      width: 100%;\n      margin-top: 1px;\n    }\n    .spw-custom-select--has-value.spw-custom-select--is-opened & {\n      top: auto;\n      top: 100%;\n      margin-top: -3px;\n    }\n    &-input {\n      padding: 0;\n      height: 38px;\n      line-height: 40px;\n      border: none;\n      margin: 0;\n      width: calc(100% - 30px);\n      text-overflow: ellipsis;\n      &:focus {\n        outline: none;\n      }\n      .spw-custom-select--is-opened & {\n        border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n        padding: 0 12px;\n      }\n      .spw-custom-select--is-opened.spw-custom-select--has-value & {\n        border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n        width: 100%;\n      }\n    }\n  }\n\n  &__options {\n    position: absolute;\n    width: 100%;\n    background-color: #fff;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    border-radius: 0 0 4px 4px;\n    max-height: 200px;\n    overflow-y: auto;\n    z-index: 12;\n\n    &--down {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    &--up {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n      margin-top: 35px;\n    }\n  }\n\n  &__no-results {\n    padding: 12px;\n    cursor: not-allowed;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  &__option {\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n    padding: 12px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--spw-color-themes-grey-grey-200);\n    }\n    &:last-child {\n      border-bottom: none;\n    }\n    &--selected {\n      font-weight: 700;\n    }\n  }\n\n  &__error {\n    display: block;\n    font-size: 12px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 8px;\n  }\n}\n\n.spw-custom-select__option--focused {\n  background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-custom-select',\n  styleUrl: 'spw-custom-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwCustomSelect {\n  private host: HTMLElement;\n  private selectContainer: HTMLElement;\n\n  /** Événement émis lorsque la valeur sélectionnée change */\n  @Event() valueChanged: EventEmitter<(string | number)[] | string | number>;\n\n  @State() internalValue: (string | number)[] | string | number;\n  @State() isOpen: boolean = false;\n  @State() parsedOptions: { value: string | number; label: string }[] = [];\n  @State() focusedOptionIndex: number | null = null;\n  @State() searchText: string = '';\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n  @State() hasSelectedValue: boolean = false;\n\n  /** Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau */\n  @Prop({ mutable: true, reflect: true }) value: (string | number)[] | string | number = [];\n  /** Label associé au champ de sélection personnalisé */\n  @Prop() label: string = '';\n  /** Placeholder à afficher lorsque aucune option n'est sélectionnée */\n  @Prop() placeholder: string = 'Sélectionnez une option';\n  /** Indique si le champ est désactivé et donc non interactif */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément dans les formulaires, utilisé pour associer la valeur */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Chaîne JSON des options disponibles dans le select (valeur et label) */\n  @Prop() items: string | any[];\n  /** Taille du select, peut être \"large\" ou \"medium\" */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Permet la sélection multiple si vrai */\n  @Prop() multiple: boolean = false;\n  /** Active la fonction de recherche dans la liste des items */\n  @Prop() isSearch: boolean = false;\n  /** Texte d'assistance à afficher sous le champ */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    if (this.multiple) {\n      if (typeof this.value === 'string') {\n        try {\n          this.internalValue = JSON.parse(this.value);\n        } catch (e) {\n          this.internalValue = [];\n        }\n      } else if (Array.isArray(this.value)) {\n        this.internalValue = this.value;\n      } else {\n        this.internalValue = [];\n      }\n    } else {\n      this.internalValue = this.value as string | number;\n    }\n\n    if (this.items) {\n      this.parseOptions(this.items);\n    }\n    this.updateSelectedOption();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    this.internals.setFormValue(this.getFormValue());\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.host.contains(target);\n      const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n      const isInsideSearchField = searchField?.contains(target);\n\n      if (!isInsideHost && !isInsideSearchField) {\n        if (this.multiple) {\n          const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n          if (optionsContainer && optionsContainer.contains(target)) {\n            return;\n          }\n        }\n\n        this.closeDropdown();\n      }\n    }\n  };\n\n  @Watch('items')\n  parseOptions(newValue: string | any[]) {\n    try {\n      if (Array.isArray(newValue)) {\n        this.parsedOptions = newValue.map(option => ({\n          value: option.value,\n          label: option.label,\n        }));\n      } else if (typeof newValue === 'string') {\n        this.parsedOptions = JSON.parse(newValue).map(option => ({\n          value: option.value,\n          label: option.label,\n        }));\n      } else {\n        this.parsedOptions = [];\n      }\n      this.updateSelectedOption();\n    } catch (e) {\n      this.parsedOptions = [];\n    }\n  }\n\n  @Watch('value')\n  valueChangedHandler(newValue: (string | number)[] | string | number) {\n    if (this.multiple) {\n      this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n    } else {\n      this.internalValue = newValue;\n    }\n    this.updateSelectedOption();\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private updateSelectedOption() {\n    this.internals.setFormValue(this.getFormValue());\n\n    if (!this.multiple && this.internalValue !== undefined) {\n      this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n    } else if (this.multiple && Array.isArray(this.internalValue)) {\n      this.internalValue = (this.internalValue as (string | number)[])\n        .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n        .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n    }\n  }\n\n  @Watch('internalValue')\n  internalValueChanged() {\n    this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n    }\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private toggleDropdown(event?: MouseEvent) {\n    if (!this.disabled) {\n      if (event) {\n        const target = event.composedPath()[0] as HTMLElement;\n\n        if (target.classList.contains('spw-custom-select__search-input')) {\n          return;\n        }\n\n        event.stopPropagation();\n      }\n      this.determineDropdownDirection();\n      this.isOpen = !this.isOpen;\n      if (!this.isOpen) {\n        this.focusedOptionIndex = null;\n      }\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.selectContainer.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private openDropdownWithKeyboard() {\n    this.determineDropdownDirection();\n    this.isOpen = true;\n    this.focusedOptionIndex = 0;\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.focusedOptionIndex = null;\n    this.searchText = '';\n  }\n\n  private selectOption(optionValue: string | number, event?: MouseEvent) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    if (this.multiple) {\n      const index = (this.internalValue as (string | number)[]).findIndex(val => String(val) === String(optionValue));\n      if (index > -1) {\n        this.internalValue = [...(this.internalValue as (string | number)[]).slice(0, index), ...(this.internalValue as (string | number)[]).slice(index + 1)];\n      } else {\n        this.internalValue = [...(this.internalValue as (string | number)[]), optionValue];\n      }\n      this.internalValue = (this.internalValue as (string | number)[]).sort(\n        (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n      );\n    } else {\n      this.internalValue = optionValue;\n      this.closeDropdown();\n    }\n\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n    this.updateSelectedOption();\n  }\n\n  private handleOptionKeyDown(event: KeyboardEvent, optionValue: string | number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selectOption(optionValue);\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n      return;\n    }\n    switch (event.key) {\n      case ' ':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedOptionIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n        } else {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedOptionIndex =\n            this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedOptionIndex !== null) {\n          this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen) {\n          this.closeDropdown();\n        }\n        break;\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-custom-select': true,\n      [`spw-custom-select--${this.size}`]: true,\n      'spw-custom-select--is-error': !!this.error,\n      'spw-custom-select--disabled': this.disabled,\n      'spw-custom-select--is-opened': this.isOpen,\n      'spw-custom-select--has-value': this.hasSelectedValue,\n      'spw-custom-select--no-value': !this.hasSelectedValue,\n      'spw-custom-select--is-searchable': this.isSearch,\n      'spw-custom-select--not-searchable': !this.isSearch,\n    };\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private getSelectedLabels(): string {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0\n        ? (this.internalValue as (string | number)[])\n            .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n            .filter(Boolean)\n            .join(', ')\n        : null;\n    } else {\n      const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n      return selectedOption ? selectedOption.label : null;\n    }\n  }\n\n  private getFilteredOptions() {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n  }\n\n  private handleSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchText = input.value;\n    this.focusedOptionIndex = 0;\n\n    if (!this.isOpen) {\n      this.isOpen = true;\n    }\n  }\n\n  private isSearchVisible(): boolean {\n    if (!this.isSearch) return false;\n    if (!this.hasSelectedValue && !this.isOpen) return true;\n    if (this.isSearch && this.isOpen) return true;\n    return this.isOpen;\n  }\n\n  private showPlaceholder(): boolean {\n    if (this.isSearch) return false;\n    if (this.hasSelectedValue) return false;\n    return true;\n  }\n\n  render() {\n    const filteredOptions = this.getFilteredOptions();\n    const showPlaceholder = this.showPlaceholder();\n\n    return (\n      <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-custom-select__wrapper\">\n          <div\n            class=\"spw-custom-select__container\"\n            id={this.name}\n            ref={el => (this.selectContainer = el as HTMLElement)}\n            onClick={event => this.toggleDropdown(event)}\n            onKeyDown={event => this.handleKeyDown(event)}\n            tabindex={this.disabled ? -1 : 0}\n          >\n            <div class=\"spw-custom-select__selected\">\n              {this.isSearchVisible() && (\n                <div class=\"spw-custom-select__search\">\n                  <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n                </div>\n              )}\n              {showPlaceholder && <span>{this.placeholder}</span>}\n              {this.multiple && (this.internalValue as (string | number)[]).length > 0 && (\n                <div class=\"spw-custom-select__selected-items\">\n                  {(this.internalValue as (string | number)[]).map(val => (\n                    <span class=\"spw-custom-select__selected-item\">\n                      {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n                      <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n                    </span>\n                  ))}\n                </div>\n              )}\n              {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n            </div>\n          </div>\n          <div class=\"spw-custom-select__arrow\">\n            <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n          </div>\n          {this.isOpen && (\n            <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n              {!!filteredOptions.length && (\n                <ul>\n                  {filteredOptions.map((option, index) => (\n                    <li\n                      class={{\n                        'spw-custom-select__option': true,\n                        'spw-custom-select__option--selected': this.multiple\n                          ? (this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))\n                          : option.value === this.internalValue,\n                        'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n                      }}\n                      onClick={() => this.selectOption(option.value)}\n                    >\n                      {this.multiple && (\n                        <spw-checkbox\n                          onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n                          class=\"spw-tw-mr-2\"\n                          checked={(this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))}\n                        ></spw-checkbox>\n                      )}\n                      {option.label}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n            </div>\n          )}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"version":3}