profile-pane 3.2.0 → 3.2.2-test.0

package/lib/sections/languages/LanguageEditDialog.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.createLanguageEditDialog = createLanguageEditDialog;
 var _dialog = require("../../ui/dialog");
 var _litHtml = require("lit-html");
+require("solid-ui/components/actions/button");
+require("solid-ui/components/forms/combobox");
 require("../../styles/EditDialogs.css");
-require("../../styles/ContactInfoEditDialog.css");
+require("../contactInfo/ContactInfoEditDialog.css");
 var _rowState = require("../shared/rowState");
 var _textUtils = require("../../textUtils");
 var _mutations = require("./mutations");
@@ -24,9 +26,6 @@ function rowHasContent(row) {
 function normalizeLanguageCode(value) {
   return (value || '').trim().toLowerCase();
 }
-function normalizeSuggestionKey(value) {
-  return sanitizeLanguageFieldValue(value).toLowerCase().replace(/\(.*?\)/g, ' ').replace(/[^a-z\s-]/g, ' ').replace(/\s+/g, ' ').trim();
-}
 function escapeSparqlRegex(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
@@ -89,14 +88,62 @@ async function fetchLanguageSuggestions(term) {
     return [];
   }
 }
-function matchLanguageSuggestion(suggestions, value) {
-  const normalized = sanitizeLanguageFieldValue(value).toLowerCase();
-  if (!normalized) return null;
-  const exact = suggestions.find(suggestion => suggestion.name.toLowerCase() === normalized);
-  if (exact) return exact;
-  const normalizedKey = normalizeSuggestionKey(value);
-  if (!normalizedKey) return null;
-  return suggestions.find(suggestion => normalizeSuggestionKey(suggestion.name) === normalizedKey) || null;
+function toLanguageComboboxOption(suggestion) {
+  return {
+    label: suggestion.name,
+    value: suggestion.publicId,
+    publicId: suggestion.publicId,
+    meta: {
+      code: suggestion.code
+    }
+  };
+}
+function readLanguageComboboxInputValue(event) {
+  const customEvent = event;
+  if (typeof customEvent.detail?.value === 'string') {
+    return customEvent.detail.value;
+  }
+  const target = event.target;
+  return typeof target?.value === 'string' ? target.value : '';
+}
+function readLanguageComboboxChange(event) {
+  const customEvent = event;
+  if (customEvent.detail?.option) {
+    return customEvent.detail.option;
+  }
+  if (typeof customEvent.detail?.value === 'string') {
+    return {
+      label: typeof customEvent.detail?.label === 'string' ? customEvent.detail.label : '',
+      value: customEvent.detail.value,
+      publicId: customEvent.detail.value
+    };
+  }
+  return null;
+}
+function createLanguageSuggestionProvider() {
+  return async query => {
+    const suggestions = await fetchLanguageSuggestions(query);
+    return suggestions.map(toLanguageComboboxOption);
+  };
+}
+function initializeLanguageComboboxes(form, rows) {
+  const comboboxElements = form.querySelectorAll('solid-ui-combobox[data-language-row-index]');
+  comboboxElements.forEach(comboboxElement => {
+    const rowIndex = Number(comboboxElement.dataset.languageRowIndex);
+    if (Number.isNaN(rowIndex)) return;
+    const row = rows[rowIndex];
+    const options = row?.publicId && row?.name ? [{
+      label: row.name,
+      value: row.publicId,
+      publicId: row.publicId
+    }] : [];
+    comboboxElement.suggestionProvider = createLanguageSuggestionProvider();
+    comboboxElement.options = options;
+    comboboxElement.value = row?.publicId || '';
+    comboboxElement.inputValue = row?.name || '';
+    comboboxElement.label = '';
+    comboboxElement.placeholder = 'Language';
+  });
 }
 function toFormState(details) {
   const rows = (details || []).map(detail => ({
@@ -125,11 +172,7 @@ function hasOrderChanged(rows, initialExistingOrder) {
   }
   return false;
 }
-function validateLanguagesBeforeSave(rows, initialExistingOrder) {
-  const ops = (0, _rowState.summarizeRowOps)(rows, rowHasContent);
-  const hasChanges = ops.create.length > 0 || ops.update.length > 0 || ops.remove.length > 0;
-  const orderChanged = hasOrderChanged(rows, initialExistingOrder);
-  if (!hasChanges && !orderChanged) return 'No language changes detected.';
+function validateLanguagesBeforeSave(rows) {
   for (let i = 0; i < rows.length; i++) {
     const row = rows[i];
     if (!row || row.status === 'deleted') continue;
@@ -148,20 +191,35 @@ function hasInvalidLanguageSelection(rows) {
   });
 }
 function updateLanguagesSubmitEnabled(rows) {
-  const submitButton = document.querySelector('#profile-modal #modal-buttons button.btn-primary');
+  const submitButton = (0, _dialog.getSharedDialogSaveButton)(document);
   if (!submitButton) return;
   submitButton.disabled = hasInvalidLanguageSelection(rows);
 }
 function focusLanguageField(form, selector) {
   const nextField = form.querySelector(selector);
   if (!nextField || typeof nextField.focus !== 'function') return;
-  nextField.scrollIntoView({
-    block: 'start',
-    behavior: 'auto'
-  });
-  nextField.focus();
-  if (nextField instanceof HTMLInputElement || nextField instanceof HTMLTextAreaElement) {
-    nextField.select();
+  if (typeof nextField.scrollIntoView === 'function') {
+    nextField.scrollIntoView({
+      block: 'start',
+      behavior: 'auto'
+    });
+  }
+  const comboboxHost = nextField.tagName === 'SOLID-UI-COMBOBOX' ? nextField : null;
+  const comboboxInput = comboboxHost ? comboboxHost.shadowRoot?.querySelector('input') : null;
+  const focusTarget = comboboxInput || nextField;
+  focusTarget.focus();
+  if (focusTarget instanceof HTMLInputElement) {
+    const caretPosition = 0;
+    focusTarget.setSelectionRange(caretPosition, caretPosition);
+    focusTarget.scrollLeft = 0;
+    requestAnimationFrame(() => {
+      focusTarget.scrollLeft = 0;
+    });
+  }
+  if (comboboxHost?._closePopup) {
+    requestAnimationFrame(() => {
+      comboboxHost._closePopup?.();
+    });
   }
 }
 function renderLanguageInputRow({
@@ -169,46 +227,44 @@ function renderLanguageInputRow({
   index,
   displayIndex,
   onDelete,
-  onChange,
-  onSearch,
-  suggestions,
   onDragStart,
+  onDragEnter,
   onDragOver,
   onDrop,
   onDragEnd,
+  onPointerDown,
+  onPointerMove,
+  onPointerUp,
+  onPointerCancel,
   isDropTarget
 }) {
   const row = rows[index];
   const label = `Language ${displayIndex + 1}`;
   const proficiencyLabel = `Language Proficiency ${displayIndex + 1}`;
-  const languageName = `language-${index}`;
   const proficiencyInputName = `proficiency-${index}`;
   const proficiencySelectId = `proficiency-${index}`;
-  const datalistId = `language-suggestions-${index}`;
   const hasSelectionIssue = Boolean(row && row.status !== 'deleted' && (0, _textUtils.hasNonEmptyText)(row.name) && !(0, _textUtils.hasNonEmptyText)(row.publicId));
   const handleLanguageInput = field => e => {
-    const target = e.target;
-    const nextValue = sanitizeLanguageFieldValue(target.value);
+    const nextValue = sanitizeLanguageFieldValue(readLanguageComboboxInputValue(e));
     if (rows[index]) {
       (0, _rowState.applyRowFieldChange)(rows[index], field, nextValue, rowHasContent);
-      const matchedSuggestion = matchLanguageSuggestion(suggestions, nextValue);
-      rows[index].publicId = matchedSuggestion?.publicId || '';
-      if (matchedSuggestion) {
-        rows[index].name = sanitizeLanguageFieldValue(matchedSuggestion.name);
-      }
-      onSearch(index, nextValue);
-      onChange();
+      rows[index].publicId = '';
+      updateLanguagesSubmitEnabled(rows);
     }
   };
   const handleLanguageChange = field => e => {
-    handleLanguageInput(field)(e);
+    const selectedOption = readLanguageComboboxChange(e);
+    if (!rows[index] || !selectedOption) return;
+    (0, _rowState.applyRowFieldChange)(rows[index], field, sanitizeLanguageFieldValue(selectedOption.label), rowHasContent);
+    rows[index].publicId = selectedOption.publicId || selectedOption.value || '';
+    updateLanguagesSubmitEnabled(rows);
   };
   const handleProficiencyInput = e => {
     const target = e.target;
     const nextType = target.value;
     if (rows[index]) {
       (0, _rowState.applyRowSelectChange)(rows[index], 'proficiency', nextType);
-      onChange();
+      updateLanguagesSubmitEnabled(rows);
     }
   };
   const handleDelete = event => {
@@ -218,41 +274,36 @@ function renderLanguageInputRow({
   return (0, _litHtml.html)`
     <div
       class="profile-edit-dialog__row profile-edit-dialog__row--language ${isDropTarget ? 'profile-edit-dialog__row--drop-target' : ''}"
-      @dragover=${event => onDragOver(event)}
-      @drop=${() => onDrop(index)}
+      data-language-reorder-index=${String(index)}
+      @dragenter=${() => onDragEnter(index)}
+      @dragover=${event => onDragOver(event, index)}
+      @drop=${event => onDrop(event, index)}
     >
-      <button
+      <solid-ui-button
         type="button"
         class="profile-edit-dialog__drag-handle"
+        variant="icon"
+        size="md"
         aria-label=${`Reorder language ${displayIndex + 1}`}
         title="Drag to reorder"
         draggable="true"
-        @dragstart=${() => onDragStart(index)}
+        @dragstart=${event => onDragStart(event, index)}
         @dragend=${() => onDragEnd()}
+        @pointerdown=${event => onPointerDown(event, index)}
+        @pointermove=${event => onPointerMove(event)}
+        @pointerup=${event => onPointerUp(event)}
+        @pointercancel=${event => onPointerCancel(event)}
       >
-        ${_profileIcons.bentoIcon}
-      </button>
-      <label aria-label=${`${label} Language`} class="label profile-edit-dialog__field">
-        <input
-          class="input"
-          type="text"
-          name=${languageName}
-          .value=${row?.name || ''}
-          required
-          data-contact-field="name"
-          data-entry-node=${row?.entryNode || ''}
-          data-row-status=${row?.status || 'n/a'}
-          placeholder="Language"
-          autocomplete="off"
-          list=${datalistId}
-          inputmode="text"
+        <span slot="icon" class="profile-edit-dialog__drag-handle-icon" aria-hidden="true">${_profileIcons.bentoIcon}</span>
+      </solid-ui-button>
+      <label aria-label=${`${label} Language`} class="label profile-edit-dialog__field profile-edit-dialog__field--language-name">
+        <solid-ui-combobox
+          aria-label=${`${label} Language`}
+          data-language-row-index=${String(index)}
           aria-invalid=${hasSelectionIssue ? 'true' : 'false'}
           @input=${handleLanguageInput('name')}
           @change=${handleLanguageChange('name')}
-        />
-        <datalist id=${datalistId}>
-          ${suggestions.map(suggestion => (0, _litHtml.html)`<option value=${suggestion.name}></option>`)}
-        </datalist>
+        ></solid-ui-combobox>
         <small class="profile-edit-dialog__input-help-text">Type to search and select one language suggestion.</small>
       </label>
       <label aria-label=${proficiencyLabel} class="label" hidden>
@@ -262,46 +313,60 @@ function renderLanguageInputRow({
           <option value="Fluent">Fluent</option>
         </select>
       </label>
-      <div class="profile-edit-dialog__actions profile-edit-dialog__actions--edge">
-        <button
+      <div class="profile-edit-dialog__actions profile-edit-dialog__actions--edge profile-edit-dialog__actions--language">
+        <solid-ui-button
           type="button"
+          variant="icon"
+          size="md"
           class="profile-edit-dialog__delete-button"
           aria-label=${`Delete language ${displayIndex + 1}`}
           title=${_texts.deleteEntryButtonTitleText}
           @click=${handleDelete}
         >
-          <span class="profile-edit-dialog__delete-icon" aria-hidden="true">${_profileIcons.trashIcon}</span>
-        </button>
+          <span slot="icon" class="profile-edit-dialog__delete-icon" aria-hidden="true">${_profileIcons.trashIcon}</span>
+        </solid-ui-button>
       </div>
     </div>
   `;
 }
-function renderLanguageSection(rows, onAddRow, suggestionByIndex, onSearch) {
+function renderLanguageSection(rows, onAddRow) {
   let dragSourceIndex = null;
   let dropTargetIndex = null;
+  let touchPointerId = null;
   const reorderRows = (from, to) => {
     if (from === to) return;
     const row = rows[from];
     if (!row) return;
     rows.splice(from, 1);
     rows.splice(to, 0, row);
-    Object.keys(suggestionByIndex).forEach(key => {
-      delete suggestionByIndex[Number(key)];
-    });
   };
-  const handleDragStart = index => {
+  const handleDragStart = (event, index) => {
     dragSourceIndex = index;
     dropTargetIndex = index;
+    if (event.dataTransfer) {
+      event.dataTransfer.effectAllowed = 'move';
+      event.dataTransfer.setData('text/plain', String(index));
+    }
+  };
+  const handleDragEnter = index => {
+    if (dragSourceIndex === null) return;
+    dropTargetIndex = index;
   };
-  const handleDragOver = event => {
+  const handleDragOver = (event, index) => {
     event.preventDefault();
+    if (dragSourceIndex !== null) {
+      dropTargetIndex = index;
+    }
     if (event.dataTransfer) {
       event.dataTransfer.dropEffect = 'move';
     }
   };
-  const handleDrop = index => {
-    if (dragSourceIndex === null) return;
-    reorderRows(dragSourceIndex, index);
+  const handleDrop = (event, index) => {
+    event.preventDefault();
+    const transferIndex = event.dataTransfer?.getData('text/plain');
+    const sourceIndex = dragSourceIndex ?? (transferIndex ? Number(transferIndex) : null);
+    if (sourceIndex === null || Number.isNaN(sourceIndex)) return;
+    reorderRows(sourceIndex, index);
     dragSourceIndex = null;
     dropTargetIndex = null;
     onAddRow();
@@ -310,6 +375,49 @@ function renderLanguageSection(rows, onAddRow, suggestionByIndex, onSearch) {
     dragSourceIndex = null;
     dropTargetIndex = null;
   };
+  const updateTouchDropTarget = event => {
+    const dom = event.currentTarget?.ownerDocument || document;
+    const target = dom.elementFromPoint(event.clientX, event.clientY)?.closest('[data-language-reorder-index]');
+    if (!target) return;
+    const nextIndex = Number(target.dataset.languageReorderIndex);
+    if (!Number.isNaN(nextIndex)) {
+      dropTargetIndex = nextIndex;
+    }
+  };
+  const handlePointerDown = (event, index) => {
+    if (event.pointerType !== 'touch') return;
+    event.preventDefault();
+    dragSourceIndex = index;
+    dropTargetIndex = index;
+    touchPointerId = event.pointerId;
+    event.currentTarget?.setPointerCapture?.(event.pointerId);
+  };
+  const handlePointerMove = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId || dragSourceIndex === null) return;
+    event.preventDefault();
+    updateTouchDropTarget(event);
+  };
+  const handlePointerUp = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId) return;
+    event.preventDefault();
+    updateTouchDropTarget(event);
+    const sourceIndex = dragSourceIndex;
+    const targetIndex = dropTargetIndex;
+    event.currentTarget?.releasePointerCapture?.(event.pointerId);
+    touchPointerId = null;
+    dragSourceIndex = null;
+    dropTargetIndex = null;
+    if (sourceIndex === null || targetIndex === null || sourceIndex === targetIndex) return;
+    reorderRows(sourceIndex, targetIndex);
+    onAddRow();
+  };
+  const handlePointerCancel = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId) return;
+    event.currentTarget?.releasePointerCapture?.(event.pointerId);
+    touchPointerId = null;
+    dragSourceIndex = null;
+    dropTargetIndex = null;
+  };
   const visibleRows = rows.map((row, index) => ({
     row,
     index
@@ -326,17 +434,18 @@ function renderLanguageSection(rows, onAddRow, suggestionByIndex, onSearch) {
     rows,
     index,
     displayIndex,
-    onChange: onAddRow,
-    onSearch,
-    suggestions: suggestionByIndex[index] || [],
     onDragStart: handleDragStart,
+    onDragEnter: handleDragEnter,
     onDragOver: handleDragOver,
     onDrop: handleDrop,
     onDragEnd: handleDragEnd,
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp,
+    onPointerCancel: handlePointerCancel,
     isDropTarget: dropTargetIndex === index,
     onDelete: () => {
       (0, _rowState.deleteRow)(rows, index);
-      delete suggestionByIndex[index];
       onAddRow();
     }
   }))}
@@ -345,39 +454,12 @@ function renderLanguageSection(rows, onAddRow, suggestionByIndex, onSearch) {
   `;
 }
 function renderLanguageEditTemplate(form, formState, viewerMode, options = {}) {
-  const formStateWithSearch = formState;
-  const suggestionByIndex = formStateWithSearch.suggestionByIndex || (formStateWithSearch.suggestionByIndex = {});
-  const searchSeqByIndex = formStateWithSearch.searchSeqByIndex || (formStateWithSearch.searchSeqByIndex = {});
-  const searchTimerByIndex = formStateWithSearch.searchTimerByIndex || (formStateWithSearch.searchTimerByIndex = {});
   const rerender = (nextOptions = {}) => renderLanguageEditTemplate(form, formState, viewerMode, nextOptions);
-  const onSearch = (index, term) => {
-    if (searchTimerByIndex[index]) {
-      clearTimeout(searchTimerByIndex[index]);
-    }
-    const normalized = sanitizeLanguageFieldValue(term);
-    if (normalized.length < 2) {
-      suggestionByIndex[index] = [];
-      rerender();
-      return;
-    }
-    const seq = (searchSeqByIndex[index] || 0) + 1;
-    searchSeqByIndex[index] = seq;
-    searchTimerByIndex[index] = setTimeout(async () => {
-      const suggestions = await fetchLanguageSuggestions(normalized);
-      if (searchSeqByIndex[index] !== seq) return;
-      suggestionByIndex[index] = suggestions;
-      const row = formState.languages[index];
-      if (row) {
-        const matchedSuggestion = matchLanguageSuggestion(suggestions, row.name);
-        row.publicId = matchedSuggestion?.publicId || row.publicId;
-      }
-      rerender();
-    }, 220);
-  };
   (0, _litHtml.render)((0, _litHtml.html)`
-    ${renderLanguageSection(formState.languages, rerender, suggestionByIndex, onSearch)}
+    ${renderLanguageSection(formState.languages, rerender)}
     ${viewerMode !== 'owner' ? (0, _litHtml.html)`<p class="profile-edit-dialog__login-message">${_texts.ownerLoginRequiredDialogMessageText}</p>` : null}
   `, form);
+  initializeLanguageComboboxes(form, formState.languages);
   updateLanguagesSubmitEnabled(formState.languages);
   if (options.focusSelector) {
     focusLanguageField(form, options.focusSelector);
@@ -397,12 +479,8 @@ function createLanguageEditForm(details, viewerMode) {
       entryNode: '',
       status: 'new'
     });
-    const formStateWithSearch = formState;
-    formStateWithSearch.suggestionByIndex = {};
-    formStateWithSearch.searchSeqByIndex = {};
-    formStateWithSearch.searchTimerByIndex = {};
     renderLanguageEditTemplate(form, formState, viewerMode, {
-      focusSelector: '[name="language-0"]'
+      focusSelector: '[data-language-row-index="0"]'
     });
   };
   return {
@@ -422,6 +500,12 @@ async function createLanguageEditDialog(event, store, subject, languages, viewer
     title: _texts.editLanguagesDialogTitleText,
     dom,
     form,
+    onOpen: () => focusLanguageField(form, '[data-language-row-index="0"]'),
+    shouldCloseWithoutSave: () => {
+      const ops = (0, _rowState.summarizeRowOps)(formState.languages, rowHasContent);
+      const orderChanged = hasOrderChanged(formState.languages, formState.initialExistingOrder);
+      return ops.create.length === 0 && ops.update.length === 0 && ops.remove.length === 0 && !orderChanged;
+    },
     headerAction: {
       type: 'button',
       label: '+ Add More',
@@ -434,7 +518,7 @@ async function createLanguageEditDialog(event, store, subject, languages, viewer
       if (viewerMode !== 'owner') {
         return _texts.ownerLoginRequiredDialogMessageText;
       }
-      return validateLanguagesBeforeSave(formState.languages, formState.initialExistingOrder);
+      return validateLanguagesBeforeSave(formState.languages);
     },
     onSave: async () => {
       const languageOps = (0, _rowState.summarizeRowOps)(formState.languages, rowHasContent);
@@ -446,8 +530,7 @@ async function createLanguageEditDialog(event, store, subject, languages, viewer
       await (0, _mutations.processLanguageMutations)(store, subject, plan, formState.languages);
     },
     formatSaveError: error => {
-      const message = error instanceof Error ? error.message : String(error);
-      return `${_texts.saveLanguageUpdatesFailedPrefixText} ${message}`;
+      return error instanceof Error ? error.message : _texts.saveLanguageUpdatesFailedMessageText;
     }
   });
   if (!result) return;

package/lib/sections/languages/LanguageSection.css

@@ -0,0 +1,53 @@
+/* Languages list */
+.languages__list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  align-items: flex-start;
+  gap: var(--spacing-sm, 0.9375rem);
+  align-self: stretch;
+}
+
+.languages__item-label {
+  color: var(--color-text-subheading, var(--gray-900, #101828));
+  font-size: var(--font-size-md, 1rem);
+  font-weight: var(--font-weight-md, 500);
+}
+
+/* Empty state */
+.languages__empty-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--icon-xs, 1.5rem);
+  height: var(--icon-xs, 1.5rem);
+  flex-shrink: 0;
+}
+
+.languages__empty-icon svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .languages__item-label {
+  font-size: var(--font-size-sm, 0.875rem);
+}
+
+@media (max-width: 576px) {
+  .languages__item-label {
+    font-size: var(--font-size-sm, 0.875rem);
+  }
+}
+
+@container profile-pane (max-width: 576px) {
+  .languages__item-label {
+    font-size: var(--font-size-sm, 0.875rem);
+  }
+}

package/lib/sections/languages/LanguageSection.d.ts

@@ -1,5 +1,7 @@
+import 'solid-ui/components/actions/button';
 import { LiveStore, NamedNode } from 'rdflib';
 import { ViewerMode } from '../../types';
+import './LanguageSection.css';
 import { LanguageDetails } from './types';
 export declare function renderLanguageSection(store: LiveStore, subject: NamedNode, languages: LanguageDetails[], viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): import("lit-html").TemplateResult<1> | "";
 //# sourceMappingURL=LanguageSection.d.ts.map

package/lib/sections/languages/LanguageSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSection.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/LanguageSection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwJzC,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,eAAe,EAAE,EAC5B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,6CAcrC"}
+{"version":3,"file":"LanguageSection.d.ts","sourceRoot":"","sources":["../../../src/sections/languages/LanguageSection.ts"],"names":[],"mappings":"AACA,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAiKzC,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,eAAe,EAAE,EAC5B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,6CAcrC"}