@ds-autonomie/web-components 2.15.0 → 2.17.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @ds-autonomie/web-components
 
+## 2.17.0
+
+### Minor Changes
+
+- 4f185e3: Modification des variables CSS pour la typographie
+- 3f0819b: `file-upload` : vérification de la taille et du format du fichier avant l'ajout au champ
+
+### Patch Changes
+
+- 91c89e0: `input-date` : Possibilité d'ajuster la largeur du champ via la vairable CSS `--input-field-width`
+- 7de160d: `radio-group`, `checkbox-group` : déplacement du focus sur la première option disponible si le groupe est `required` et l'utilisateur tente de soumettre le formulaire sans avoir sélectionné une option
+- 96fcecf: Ajout d'une CLI pour mesurer l'utilisation du DSA dans un répertoire donné
+- e69a88d: `button`, `profile-button` : application des bonnes pratiques d'écoconception
+- 9e2e579: `menu-navigation` : correction de l'absence de défilement
+- Updated dependencies [4f185e3]
+  - @ds-autonomie/assets@1.4.12
+
+## 2.16.0
+
+### Minor Changes
+
+- ff2dec3: `file-upload` : possibilité d'avoir une zone de glisser-déposer
+  `alert` : ajout d'un attribut pour modifier la taille
+
+### Patch Changes
+
+- 7f5bebc: `input-phone` : correction de la réinitialisation des valeurs
+- f5670bd: `tag` : Agrandissement de la cible du bouton de suppression. Application des bonnes pratiques écoconception web.
+- c9e7208: `badge` : application des bonnes pratiques écoconception web
+
 ## 2.15.0
 
 ### Minor Changes

package/README.md

@@ -1,3 +1,32 @@
 # Design System de l'Autonomie - Web Components
 
-The documentation can be found [here](https://dsa.service-public-autonomie.fr).
+La documention est consultable [ici](https://dsa.service-public-autonomie.fr).
+
+## Metrics CLI
+
+Compter l'usage des balises `<dsa-*>` dans un projet.
+
+Ou lancer la commande:
+
+- Lancer depuis la racine du projet a analyser (recommande), afin de scanner le dossier courant.
+- Lancer depuis un autre dossier en le precisant avec `--path`.
+
+Exemples:
+
+```bash
+# Lancer a la racine du projet a analyser
+npx @ds-autonomie/web-components metrics
+
+# Scanner uniquement un sous-dossier
+npx @ds-autonomie/web-components metrics --path ./src
+
+# Limiter les extensions scannees
+npx @ds-autonomie/web-components metrics --path ./src --extensions html,ts,tsx
+```
+
+Options:
+
+- `-p, --path <dir>`: dossier racine a scanner (defaut: `.`)
+- `-e, --extensions <liste>`: extensions a scanner, separees par des virgules
+- `--json`: sortie JSON pour traitement automatique
+- `-h, --help`: aide

package/bin/cli.js

@@ -0,0 +1,324 @@
+#!/usr/bin/env node
+import chalk from 'chalk';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import process from 'node:process';
+import ora from 'ora';
+
+const DEFAULT_EXTENSIONS = [
+  '.html',
+  '.htm',
+  '.js',
+  '.jsx',
+  '.ts',
+  '.tsx',
+  '.vue',
+  '.svelte',
+  '.md',
+  '.mdx',
+  '.astro',
+];
+
+const DEFAULT_IGNORED_DIRS = new Set([
+  'node_modules',
+  '.git',
+  'dist',
+  'build',
+  'out',
+  '.next',
+  '.nuxt',
+  'coverage',
+  '.turbo',
+  'storybook-static',
+]);
+
+const args = process.argv.slice(2);
+const command = args[0];
+
+if (
+  !command ||
+  command === 'help' ||
+  command === '--help' ||
+  command === '-h'
+) {
+  printUsage();
+  process.exit(0);
+}
+
+if (command !== 'metrics') {
+  printUsage(`Unknown command: ${command}`);
+  process.exit(1);
+}
+
+const options = parseOptions(args.slice(1));
+const rootDir = path.resolve(process.cwd(), options.root);
+const spinner = createSpinner(options);
+const analysisDate = new Date().toISOString();
+
+try {
+  const extensions = options.extensions.length
+    ? options.extensions
+    : DEFAULT_EXTENSIONS;
+  const files = await runTask('Scanning files', () =>
+    collectFiles(rootDir, new Set(extensions), DEFAULT_IGNORED_DIRS)
+  );
+  const results = await runTask('Counting <dsa-*> tags', () =>
+    countDsaTags(files)
+  );
+  const dsaPackages = await readDsaPackageVersions(rootDir);
+
+  if (options.json) {
+    console.log(
+      JSON.stringify(
+        {
+          analysisDate,
+          root: rootDir,
+          dsaPackages,
+          filesScanned: results.filesScanned,
+          totalTags: results.totalTags,
+          uniqueComponents: results.uniqueComponents,
+          components: results.components,
+        },
+        null,
+        2
+      )
+    );
+  } else {
+    printReport(rootDir, analysisDate, results, dsaPackages);
+  }
+} catch (error) {
+  console.error(chalk.red('Error while running metrics.'));
+  console.error(chalk.red(error instanceof Error ? error.message : error));
+  process.exit(1);
+}
+
+function parseOptions(rawArgs) {
+  const parsedOptions = {
+    root: '.',
+    extensions: [],
+    json: false,
+  };
+
+  for (let i = 0; i < rawArgs.length; i += 1) {
+    const arg = rawArgs[i];
+
+    if (arg === '--path' || arg === '-p') {
+      parsedOptions.root = rawArgs[i + 1] || '.';
+      i += 1;
+      continue;
+    }
+
+    if (arg === '--extensions' || arg === '-e') {
+      const value = rawArgs[i + 1] || '';
+      parsedOptions.extensions = value
+        .split(',')
+        .map((ext) => ext.trim())
+        .filter(Boolean)
+        .map((ext) => (ext.startsWith('.') ? ext : `.${ext}`));
+      i += 1;
+      continue;
+    }
+
+    if (arg === '--json') {
+      parsedOptions.json = true;
+      continue;
+    }
+
+    if (arg === '--help' || arg === '-h') {
+      printUsage();
+      process.exit(0);
+    }
+  }
+
+  return parsedOptions;
+}
+
+async function collectFiles(dir, extensions, ignoredDirs) {
+  const files = [];
+  await walkDir(dir, files, extensions, ignoredDirs);
+  return files;
+}
+
+async function walkDir(currentDir, files, extensions, ignoredDirs) {
+  let entries;
+  try {
+    entries = await fs.readdir(currentDir, { withFileTypes: true });
+  } catch (error) {
+    return;
+  }
+
+  for (const entry of entries) {
+    if (entry.isSymbolicLink()) {
+      continue;
+    }
+
+    const fullPath = path.join(currentDir, entry.name);
+
+    if (entry.isDirectory()) {
+      if (ignoredDirs.has(entry.name)) {
+        continue;
+      }
+      await walkDir(fullPath, files, extensions, ignoredDirs);
+      continue;
+    }
+
+    if (!entry.isFile()) {
+      continue;
+    }
+
+    if (extensions.has(path.extname(entry.name).toLowerCase())) {
+      files.push(fullPath);
+    }
+  }
+}
+
+async function countDsaTags(files) {
+  const tagRegex = /<\s*dsa-[a-z0-9-]+(?=[\s/>])/gi;
+  const counts = new Map();
+  let filesScanned = 0;
+  let totalTags = 0;
+
+  for (const file of files) {
+    let contents;
+    try {
+      contents = await fs.readFile(file, 'utf8');
+    } catch (error) {
+      continue;
+    }
+
+    filesScanned += 1;
+    const matches = contents.match(tagRegex) || [];
+
+    for (const match of matches) {
+      const tagName = match.replace(/^<\s*/u, '').toLowerCase();
+      counts.set(tagName, (counts.get(tagName) || 0) + 1);
+      totalTags += 1;
+    }
+  }
+
+  const sorted = Array.from(counts.entries()).sort((a, b) => {
+    if (b[1] !== a[1]) return b[1] - a[1];
+    return a[0].localeCompare(b[0]);
+  });
+
+  return {
+    filesScanned,
+    totalTags,
+    uniqueComponents: counts.size,
+    components: Object.fromEntries(sorted),
+  };
+}
+
+function printReport(dir, date, results, dsaPackages) {
+  console.log(chalk.bold('DSA component metrics'));
+  console.log(`${chalk.cyan('Analysis date:')} ${date}`);
+  console.log(`${chalk.cyan('Root:')} ${dir}`);
+  printPackageVersions(dsaPackages);
+  console.log(`${chalk.cyan('Files scanned:')} ${results.filesScanned}`);
+  console.log(`${chalk.cyan('Total tags:')} ${results.totalTags}`);
+  console.log(
+    `${chalk.cyan('Unique components:')} ${results.uniqueComponents}`
+  );
+
+  const entries = Object.entries(results.components);
+  if (!entries.length) {
+    console.log(chalk.yellow('No <dsa-> components found.'));
+    return;
+  }
+
+  console.log('');
+  console.log('Counts:');
+  for (const [tag, count] of entries) {
+    console.log(`- ${tag}: ${count}`);
+  }
+}
+
+function printUsage(errorMessage) {
+  if (errorMessage) {
+    console.error(chalk.red(errorMessage));
+  }
+
+  console.log('Usage: npx @ds-autonomie/web-components metrics [options]');
+  console.log('');
+  console.log('Options:');
+  console.log('  -p, --path <dir>        Root directory to scan (default: .)');
+  console.log('  -e, --extensions <list> Comma-separated extensions to scan');
+  console.log('  --json                  Output JSON');
+  console.log('  -h, --help              Show help');
+}
+
+async function readDsaPackageVersions(dir) {
+  const packagePath = path.join(dir, 'package.json');
+  let raw;
+
+  try {
+    raw = await fs.readFile(packagePath, 'utf8');
+  } catch (error) {
+    return {};
+  }
+
+  let data;
+  try {
+    data = JSON.parse(raw);
+  } catch (error) {
+    return {};
+  }
+
+  const merged = {
+    ...data.dependencies,
+    ...data.devDependencies,
+    ...data.peerDependencies,
+    ...data.optionalDependencies,
+  };
+
+  const entries = Object.entries(merged || {}).filter(([name]) =>
+    name.startsWith('@ds-autonomie/')
+  );
+
+  if (!entries.length) {
+    return {};
+  }
+
+  entries.sort((a, b) => a[0].localeCompare(b[0]));
+  return Object.fromEntries(entries);
+}
+
+function printPackageVersions(dsaPackages) {
+  if (!dsaPackages || !Object.keys(dsaPackages).length) {
+    console.log(`${chalk.cyan('DSA packages:')} none found`);
+    return;
+  }
+
+  console.log(chalk.cyan('DSA packages:'));
+  for (const [name, version] of Object.entries(dsaPackages)) {
+    console.log(`- ${name}: ${version}`);
+  }
+}
+
+function createSpinner(spinnerOptions) {
+  if (spinnerOptions.json || !process.stdout.isTTY) {
+    return null;
+  }
+
+  return ora({ hideCursor: false });
+}
+
+async function runTask(label, action) {
+  if (!spinner) {
+    return await action();
+  }
+
+  spinner.text = label;
+  spinner.start();
+
+  try {
+    const result = await action();
+    spinner.stop();
+    console.log(chalk.green(`✔ ${label}`));
+    return result;
+  } catch (error) {
+    spinner.stop();
+    console.error(chalk.red(`✘ ${label}`));
+    throw error;
+  }
+}

package/cdn/chunks/chunk.23NGYECZ.js

@@ -0,0 +1,94 @@
+import{a as C}from"./chunk.W7AY6BP2.js";import{a as b,b as z}from"./chunk.ZA2UO7BF.js";import{a as x}from"./chunk.76OQZSVD.js";import{a as U}from"./chunk.U7X2EV5T.js";import{d,e as f,f as F}from"./chunk.RGOPSYRZ.js";import{a as $}from"./chunk.ZCITPD2M.js";import{a as v}from"./chunk.FX5UP23Z.js";import{a as S}from"./chunk.N4VN25E6.js";import{a as E}from"./chunk.63UE4VAO.js";import{a as m}from"./chunk.NIRNX67K.js";import{b as w}from"./chunk.HJGLYEWV.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as r}from"./chunk.2RF4WD6T.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as P,b as h,c as o,d as y}from"./chunk.KBZ32KWP.js";import{a as c}from"./chunk.GP725TPQ.js";import{a as V,b as k,f as i}from"./chunk.IZ2HVRME.js";var t=class extends ${constructor(){super(...arguments);this.localize=new w(this);this.maskedNumber="";this.phoneConfig=x("+33");this.placeholder=this.phoneConfig.placeholder;this.pattern=this.phoneConfig.pattern;this._isSyncing=!1;this.value="";this.phonePrefix="+33";this.phoneNumber="";this.inputPrefix="";this.placement="bottom-start"}get validity(){let e;return this.phoneNumber.length>0&&(e=this.value.match(this.pattern)!==null),{badInput:this.input.validity.badInput,customError:this.input.validity.customError,patternMismatch:!e,rangeOverflow:this.input.validity.rangeOverflow,rangeUnderflow:this.input.validity.rangeUnderflow,stepMismatch:this.input.validity.stepMismatch,tooLong:this.input.validity.tooLong,tooShort:this.input.validity.tooShort,typeMismatch:this.input.validity.typeMismatch,valid:e!==void 0?e:this.input.validity.valid,valueMissing:this.input.validity.valueMissing}}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setPhoneFromValue(this.value),this.maskedNumber=f(this.phoneNumber,this.placeholder)}willUpdate(e){e.has("phonePrefix")&&!b.includes(this.phonePrefix)&&(this.phonePrefix=e.get("phonePrefix"))}handleDocumentKeyUp(){let e=d(this.input.value),s=F(e,this.phoneConfig.mask),n=f(s,this.placeholder);this.phoneNumber=s,this.maskedNumber=n,this.input.value=n,this.updateValue(),this.formControlController.updateValidity(),this.emit("dsa-input")}handlePhonePrefixSelectChange(e){e.stopPropagation();let{target:s}=e;s instanceof C&&(this.phonePrefix=s.value,this.updateValue(),this.emit("dsa-change"))}handleInputChange(e){let{target:s}=e;if(s instanceof HTMLInputElement){let n=d(s.value);this.phoneNumber=n,this.updateValue(),this.emit("dsa-change")}}handleClearIconClick(e){this.phonePrefix="+33",this.phoneNumber="",this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change"),this.input.focus(),e.stopPropagation()}updateValue(){if(!this._isSyncing){if(this._isSyncing=!0,this.phoneNumber.length===0)this.value="";else{let e=d(this.placeholder).length;this.value=`${this.phonePrefix}${this.phoneNumber.substring(0,e)}`}this._isSyncing=!1}}updatePhoneConfig(){this.phoneConfig=x(this.phonePrefix),this.placeholder=this.phoneConfig.placeholder,this.pattern=this.phoneConfig.pattern}setPhoneFromValue(e){this.value===""&&(this.phonePrefix="+33",this.phoneNumber="");let s=d(this.placeholder).length,n=b.findIndex(a=>e.startsWith(a));if(n>=0){let a=b[n],u=e.replace(a,"").substring(0,s);this.phonePrefix=a,this.phoneNumber=u}}getDescriptionIds(){let e=["input-phone"];return this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled?this.phonePrefixEl.setAttribute("disabled",""):this.phonePrefixEl.removeAttribute("disabled"),this.formControlController.setValidity(this.disabled)}async handleValueChange(){this._isSyncing||(this._isSyncing=!0,this.setPhoneFromValue(this.value),this.maskedNumber=f(this.phoneNumber,this.placeholder),await this.updateComplete,this.formControlController.updateValidity(),this._isSyncing=!1)}handlePhonePrefixChange(){this.updatePhoneConfig(),this.updateValue()}handlePhoneNumberChange(){this.updateValue()}checkValidity(){var a;let e=(a=this.input)==null?void 0:a.checkValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.value.match(this.pattern)!==null}reportValidity(){var a;let e=(a=this.input)==null?void 0:a.reportValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.value.match(this.pattern)!==null}renderInput(){var u,_,N;let e=this.hasSlotController.test("label"),s=this.label?!0:!!e,n=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.phoneNumber=="number"||((u=this.phoneNumber)==null?void 0:u.length)>0),a=this.placeholder.substring(this.maskedNumber.length||0);return c`
+      <div part="base" class="input-phone__input form-control__field">
+        <dsa-select
+          id="prefix"
+          part="select"
+          class=${l({"input-phone__select":!0,"input-phone__select-error":this.error,"input-phone__select-success":this.success&&!this.error})}
+          .variant=${v(this.variant)}
+          .value=${this.phonePrefix}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          accessible-name=${this.localize.term("countryCallingCode")}
+          .placement=${this.placement}
+          hoist
+          .size=${this.size}
+          @dsa-change=${this.handlePhonePrefixSelectChange}
+          enterkeyhint="enter"
+          display-value
+          no-sync-width
+        >
+          ${z.map(g=>c`
+              <dsa-option value=${g.value} .size=${this.size}>
+                <dsa-icon
+                  slot="prefix"
+                  name="french_flag"
+                  library="system"
+                  class="input-phone__flag"
+                ></dsa-icon>
+                ${this.localize.term(g.label)} (${g.value})
+              </dsa-option>
+            `)}
+        </dsa-select>
+
+        <div
+          class=${l({"input-phone":!0,"input-phone--error":this.error,"input-phone--success":this.success&&!this.error,"input-phone--on-layer":this.variant==="layer","input-phone--on-base":this.variant==="base","input-phone--disabled":this.disabled,"input-phone--readonly":this.readonly,"input-phone--focused":this.hasFocus,"input-phone--empty":this.phoneNumber===""})}
+        >
+          <span>${this.inputPrefix}</span>
+
+          <div class="input-phone__mask">
+            <div
+              class=${l({"input-phone__placeholder":!0})}
+              aria-placeholder=${a}
+              aria-hidden="true"
+            >
+              <span class="input-phone__value" aria-hidden="true">
+                ${this.maskedNumber}</span
+              >
+              ${a}
+            </div>
+
+            <input
+              part="input"
+              id="input"
+              class=${l({"input-phone__control":!0})}
+              type="text"
+              title=${m(s?void 0:(_=this.accessibleName)!=null?_:this.title)}
+              name=${m(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              aria-disabled=${r(this.readonly?"true":void 0)}
+              ?required=${this.required}
+              minlength=${r(this.placeholder.length)}
+              maxlength=${r(this.placeholder.length)}
+              size=${r(this.placeholder.length)}
+              placeholder=${r(this.placeholder)}
+              .value=${v(this.maskedNumber)}
+              autocomplete="tel-national"
+              ?autofocus=${this.autofocus}
+              enterkeyhint=${r(this.enterkeyhint)}
+              inputmode="tel"
+              aria-label=${m(s?void 0:(N=this.accessibleName)!=null?N:this.title)}
+              aria-describedby=${this.getDescriptionIds()}
+              aria-invalid=${r(this.error?"true":void 0)}
+              @change=${this.handleInputChange}
+              @keyup=${this.handleDocumentKeyUp}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              @invalid=${this.handleInvalid}
+            />
+          </div>
+          ${n?c`
+                <dsa-icon-button
+                  part="clear-button"
+                  class="input-phone__clear"
+                  label=${this.localize.term("clearEntry")}
+                  @click=${this.handleClearIconClick}
+                  name="close"
+                  library="system"
+                >
+                </dsa-icon-button>
+              `:""}
+        </div>
+      </div>
+    `}};t.styles=U,t.dependencies=k(V({},$.dependencies),{"dsa-icon":M,"dsa-icon-button":E,"dsa-option":S,"dsa-select":C}),i([y(".input-phone__control")],t.prototype,"input",2),i([y(".input-phone__select")],t.prototype,"phonePrefixEl",2),i([o()],t.prototype,"maskedNumber",2),i([o()],t.prototype,"phoneConfig",2),i([o()],t.prototype,"placeholder",2),i([o()],t.prototype,"pattern",2),i([h()],t.prototype,"value",2),i([h({attribute:!1})],t.prototype,"phonePrefix",2),i([h({attribute:!1})],t.prototype,"phoneNumber",2),i([h({attribute:"input-prefix"})],t.prototype,"inputPrefix",2),i([h({reflect:!0})],t.prototype,"placement",2),i([p("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([p("value")],t.prototype,"handleValueChange",1),i([p("phonePrefix",{waitUntilFirstUpdate:!0})],t.prototype,"handlePhonePrefixChange",1),i([p("phoneNumber",{waitUntilFirstUpdate:!0})],t.prototype,"handlePhoneNumberChange",1),t=i([P("dsa-input-phone")],t);export{t as a};

package/cdn/chunks/chunk.2DV64XU7.js

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.NPIFJCS3.js";import{a as E}from"./chunk.CUYQOZPJ.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as r,c as l}from"./chunk.HHVNQNCC.js";import{a as h,c as p}from"./chunk.TV2TMO2H.js";import{c as w}from"./chunk.GM4KTNXL.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.BWEPOOQP.js";import{a as f,b as s,d as o,f as b}from"./chunk.KBZ32KWP.js";import{a as g}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var t=class extends b{constructor(){super(...arguments);this.localize=new w(this);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.skidding=0;this.hoist=!1;this.closePanelOnClick=!1}connectedCallback(){super.connectedCallback(),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}e.key==="Tab"&&setTimeout(()=>{var c,u,m;let i=((c=this.containingElement)==null?void 0:c.getRootNode())instanceof ShadowRoot?(m=(u=document.activeElement)==null?void 0:u.shadowRoot)==null?void 0:m.activeElement:document.activeElement;(!this.containingElement||(i==null?void 0:i.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}handleDocumentMouseDown(e){let i=e.composedPath();this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}handleTriggerKeyDown(e){[" ","Enter"].includes(e.key)&&(e.preventDefault(),this.handleTriggerClick())}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.handleDisabledChange(),this.updateAccessibleTrigger()}handlePanelClick(){this.closePanelOnClick&&(this.open=!1)}getTrigger(){return this.trigger.assignedElements({flatten:!0})[0]}handleDisabledChange(){let e=this.getTrigger();(e.tagName.toLowerCase()==="dsa-button"||e.tagName.toLowerCase()==="dsa-icon-button")&&(e.disabled=this.disabled)}updateAccessibleTrigger(){let e=this.getTrigger(),i;if(e){switch(e.tagName.toLowerCase()){case"dsa-button":case"dsa-icon-button":case"dsa-profile-button":i=e.button;break;default:i=e}i.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,await d(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await d(this,"dsa-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&this.panel.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("dsa-show"),this.addOpenListeners(),await l(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:i}=p(this,"dropdown.show",{dir:this.localize.dir()});await r(this.popup.popup,e,i),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await l(this);let{keyframes:e,options:i}=p(this,"dropdown.hide",{dir:this.localize.dir()});await r(this.popup.popup,e,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("dsa-after-hide")}}render(){return g`
+      <dsa-popup
+        part="base"
+        placement=${this.placement}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        distance="4"
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+        class=${y({dropdown:!0,"dropdown--open":this.open,"dropdown--disabled":this.disabled})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="dropdown__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+
+        <slot
+          part="panel"
+          class="dropdown__panel"
+          @click=${this.handlePanelClick}
+        ></slot>
+      </dsa-popup>
+    `}};t.styles=v,t.dependencies={"dsa-popup":E},n([o(".dropdown")],t.prototype,"popup",2),n([o(".dropdown__trigger")],t.prototype,"trigger",2),n([o(".dropdown__panel")],t.prototype,"panel",2),n([s({type:Boolean,reflect:!0})],t.prototype,"open",2),n([s({reflect:!0})],t.prototype,"placement",2),n([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),n([s({attribute:!1})],t.prototype,"containingElement",2),n([s({type:Number})],t.prototype,"skidding",2),n([s({type:Boolean})],t.prototype,"hoist",2),n([s({type:Boolean,attribute:"close-panel-on-click"})],t.prototype,"closePanelOnClick",2),n([a("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),n([a("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=n([f("dsa-dropdown")],t);h("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});h("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{t as a};

package/cdn/chunks/{chunk.XPETABJ4.js → chunk.2LF6OMUV.js}

@@ -1,4 +1,4 @@
-import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.2RF4WD6T.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.CEOMZJL3.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var h=s`
+import{a as v}from"./chunk.WYKFMOCB.js";import{a as u}from"./chunk.H46NZIZH.js";import{a as p}from"./chunk.ELL45QD3.js";import{b as t}from"./chunk.FDMPUSVV.js";import{c as h}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var f=s`
   :host {
     display: inline-block;
     position: relative;
@@ -143,7 +143,7 @@ import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";
   .selectable-card--contrasted-borders {
     border-color: var(--dsa-wc-card-border-color-contrasted);
   }
-`;var e=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1;this.parentDisabled=!1;this.readonly=!1;this.parentReadonly=!1;this.error=!1;this.layout="horizontal";this.contrastedBorders=!1}handleClick(){}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}handleDisabledChange(){this.readonly||this.parentReadonly?this.button.setAttribute("aria-disabled","true"):this.button.removeAttribute("aria-disabled")}focus(c){this.button.focus(c)}blur(){this.button.blur()}render(){let c=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly;return t`
+`;var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"image");this.checked=!1;this.disabled=!1;this.parentDisabled=!1;this.readonly=!1;this.parentReadonly=!1;this.error=!1;this.layout="horizontal";this.contrastedBorders=!1}handleClick(){}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}handleDisabledChange(){this.readonly||this.parentReadonly?this.button.setAttribute("aria-disabled","true"):this.button.removeAttribute("aria-disabled")}focus(c){this.button.focus(c)}blur(){this.button.blur()}render(){let c=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly;return t`
       <div part="base">
         <button
           part="${`button${this.checked?" selectable-card--checked":""}`}"
@@ -177,7 +177,7 @@ import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";
               `}
 
           <div class="selectable-card__content">
-            ${this.layout==="vertical"?t`
+            ${this.layout==="vertical"&&this.hasSlotController.test("image")?t`
                   <slot
                     name="image"
                     part="image"
@@ -202,4 +202,4 @@ import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";
           </div>
         </button>
       </div>
-    `}};e.styles=h,a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};
+    `}};e.styles=f,e.dependencies={"dsa-icon":h,"dsa-internal-radio-icon":v,"dsa-internal-checkbox-box":u},a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.2MLSQPMY.js

@@ -0,0 +1,42 @@
+import{a as k}from"./chunk.RUVWVGYN.js";import{a as _}from"./chunk.ELL45QD3.js";import{a as l}from"./chunk.KLRPP4NQ.js";import{a as n,c as d,d as h}from"./chunk.HHVNQNCC.js";import{a as c,c as m}from"./chunk.TV2TMO2H.js";import{a as g}from"./chunk.B4KFHYLS.js";import{c as v}from"./chunk.GM4KTNXL.js";import{c as b}from"./chunk.KD3BHBHK.js";import{d as u}from"./chunk.ZBHHLRFH.js";import{a as w}from"./chunk.BWEPOOQP.js";import{a as y,b as i,d as o,f}from"./chunk.KBZ32KWP.js";import{a as p}from"./chunk.GP725TPQ.js";import{f as a}from"./chunk.IZ2HVRME.js";var e=class extends f{constructor(){super(...arguments);this.localize=new v(this);this.hasSlotController=new _(this,"summary");this.open=!1;this.role="listitem"}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.open?this.hide():this.show(),this.headerButton.focus()}handleSummaryKeyDown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open?this.hide():this.show()),(t.key==="ArrowUp"||t.key==="ArrowLeft")&&(t.preventDefault(),this.hide()),(t.key==="ArrowDown"||t.key==="ArrowRight")&&(t.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("dsa-show",{cancelable:!0}).defaultPrevented){this.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:s,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await n(this.body,h(s,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("dsa-after-show")}else{if(this.emit("dsa-hide",{cancelable:!0}).defaultPrevented){this.open=!0;return}await d(this.body);let{keyframes:s,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await n(this.body,h(s,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.emit("dsa-after-hide")}}async show(){if(!this.open)return this.open=!0,await l(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await l(this,"dsa-after-hide")}render(){return!this.summary&&!this.hasSlotController.test("summary")&&g("<dsa-card-nav-accordion> requires a summary attribute or a summary slot for accessibility"),p`
+      <div
+        part="base"
+        class=${u({"card-nav-accordion":!0,"card-nav-accordion--open":this.open,"card-nav-accordion--chevron":!0})}
+      >
+        <div part="header" id="header" class="card-nav-accordion__header">
+          <span
+            role="button"
+            aria-expanded=${this.open?"true":"false"}
+            aria-controls="content"
+            @click=${this.handleSummaryClick}
+            @keydown=${this.handleSummaryKeyDown}
+            class="card-nav-accordion__header-button"
+            tabindex="0"
+          >
+            <slot name="summary" class="card-nav-accordion__summary"
+              >${this.summary}</slot
+            >
+
+            <span part="summary-icon" class="card-nav-accordion__summary-icon">
+              <dsa-icon
+                class="card-nav-accordion__expand-icon"
+                name="expand_more"
+                library="system"
+              ></dsa-icon>
+            </span>
+          </span>
+        </div>
+
+        <div
+          class="card-nav-accordion__body"
+          role="list"
+          aria-labelledby="header"
+        >
+          <slot
+            part="content"
+            id="content"
+            class="card-nav-accordion__content"
+          ></slot>
+        </div>
+      </div>
+    `}};e.styles=k,e.dependencies={"dsa-icon":b},a([o(".card-nav-accordion")],e.prototype,"accordion",2),a([o(".card-nav-accordion__header-button")],e.prototype,"headerButton",2),a([o(".card-nav-accordion__body")],e.prototype,"body",2),a([i({type:Boolean,reflect:!0})],e.prototype,"open",2),a([i()],e.prototype,"summary",2),a([i({reflect:!0})],e.prototype,"role",2),a([w("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),e=a([y("dsa-card-nav-accordion")],e);c("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});c("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{e as a};

package/cdn/chunks/{chunk.NLVJBP2P.js → chunk.2MY5TX6M.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./chunk.ILH5GUUR.js";import{a as i}from"./chunk.6G2FNLAV.js";var o=i`
+import{a as e}from"./chunk.6GC5ODVL.js";import{a as i}from"./chunk.6G2FNLAV.js";var o=i`
   ${e}
 
   .input--time {

package/cdn/chunks/{chunk.OX2DFLBF.js → chunk.2QOKOUSD.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.3FJ6JVEK.js";import{c as m}from"./chunk.4WOVD75K.js";import{a as o,d as i,f as s}from"./chunk.CEOMZJL3.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends s{constructor(){super(...arguments);this.localize=new m(this)}handleSlotChange(){let a=[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>t.tagName.toLowerCase()==="dsa-breadcrumb-item");a.forEach((t,c)=>{c===a.length-1?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current")})}render(){return l`
+import{a as n}from"./chunk.3FJ6JVEK.js";import{c as m}from"./chunk.GM4KTNXL.js";import{a as o,d as s,f as i}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends i{constructor(){super(...arguments);this.localize=new m(this)}handleSlotChange(){let a=[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>t.tagName.toLowerCase()==="dsa-breadcrumb-item");a.forEach((t,c)=>{c===a.length-1?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current")})}render(){return l`
       <nav
         part="base"
         aria-label=${this.localize.term("youAreHere")}
@@ -8,4 +8,4 @@ import{a as n}from"./chunk.3FJ6JVEK.js";import{c as m}from"./chunk.4WOVD75K.js";
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
       </nav>
-    `}};e.styles=n,r([i("slot")],e.prototype,"defaultSlot",2),e=r([o("dsa-breadcrumb")],e);export{e as a};
+    `}};e.styles=n,r([s("slot")],e.prototype,"defaultSlot",2),e=r([o("dsa-breadcrumb")],e);export{e as a};

package/cdn/chunks/{chunk.5WVQIAAW.js → chunk.2QQVNGQU.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk.SZ2RS6ZH.js";import{a}from"./chunk.NIRNX67K.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as l}from"./chunk.2RF4WD6T.js";import{a as s,b as r,d as i,f as m}from"./chunk.CEOMZJL3.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.mobile=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return o`
+import{a as p}from"./chunk.SZ2RS6ZH.js";import{a}from"./chunk.NIRNX67K.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as s,b as r,d as i,f as m}from"./chunk.KBZ32KWP.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.mobile=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return o`
       <a
         class=${n({"navbar-link":!0,"navbar-link--mobile":this.mobile,"navbar-link--desktop":!this.mobile})}
         href=${this.href}