solid-panes 4.4.2-7 → 4.5.0

package/dist/sharing/sharingPane.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+/*   Sharing Pane
+ **
+ ** This outline pane allows a user to view and adjust the sharing -- access control lists
+ ** for anything which has that capability.
+ **
+ ** I am using in places single quotes strings like 'this'
+ ** where internationalization ("i18n") is not a problem, and double quoted
+ ** like "this" where the string is seen by the user and so I18n is an issue.
+ */
+
+const sharingPane = {
+  icon: _solidUi.icons.iconBase + 'padlock-timbl.svg',
+  name: 'sharing',
+  label: (subject, context) => {
+    const store = context.session.store;
+    const t = store.findTypeURIs(subject);
+    if (t[_solidUi.ns.ldp('Resource').uri]) return 'Sharing'; // @@ be more sophisticated?
+    if (t[_solidUi.ns.ldp('Container').uri]) return 'Sharing'; // @@ be more sophisticated?
+    if (t[_solidUi.ns.ldp('BasicContainer').uri]) return 'Sharing'; // @@ be more sophisticated?
+    // check being allowed to see/change sharing?
+    return null; // No under other circumstances
+  },
+  render: (subject, context) => {
+    const dom = context.dom;
+    const store = context.session.store;
+    const noun = getNoun();
+    const div = dom.createElement('div');
+    div.classList.add('sharingPane');
+    _solidUi.aclControl.preventBrowserDropEvents(dom);
+    div.appendChild(_solidUi.aclControl.ACLControlBox5(subject, context, noun, store));
+    return div;
+    function getNoun() {
+      const t = store.findTypeURIs(subject);
+      if (t[_solidUi.ns.ldp('BasicContainer').uri] || t[_solidUi.ns.ldp('Container').uri]) {
+        return 'folder';
+      }
+      return 'file';
+    }
+  }
+};
+var _default = exports.default = sharingPane;

package/dist/slideshow/slideshowPane.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.slideshowPane = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+var _betterSimpleSlideshow = _interopRequireDefault(require("@solid/better-simple-slideshow"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*   slideshow Pane
+ **
+ */
+
+const ns = UI.ns;
+const slideshowPane = exports.slideshowPane = {
+  icon: UI.icons.iconBase + 'noun_138712.svg',
+  name: 'slideshow',
+  audience: [ns.solid('PowerUser')],
+  // Does the subject deserve an slideshow pane?
+  label: function (subject, context) {
+    const store = context.session.store;
+    const ns = UI.ns;
+    const t = store.findTypeURIs(subject);
+    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {
+      const contents = store.each(subject, ns.ldp('contains'));
+      let count = 0;
+      contents.forEach(function (file) {
+        if (UI.widgets.isImage(file)) count++;
+      });
+      return count > 0 ? 'Slideshow' : null;
+    }
+    return null;
+  },
+  // See https://github.com/leemark/better-simple-slideshow
+  // and follow instructions there
+  render: function (subject, context) {
+    const dom = context.dom;
+    const styleSheet = 'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css';
+    UI.widgets.addStyleSheet(dom, styleSheet);
+    const store = context.session.store;
+    const ns = UI.ns;
+    const div = dom.createElement('div');
+    div.setAttribute('class', 'bss-slides');
+    const t = store.findTypeURIs(subject);
+    let predicate;
+    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {
+      predicate = ns.ldp('contains');
+    }
+    const images = store.each(subject, predicate); // @@ random order?
+    // @@ Ideally: sort by embedded time of image
+    images.sort(); // Sort for now by URI
+    for (let i = 0; i < images.length; i++) {
+      if (!UI.widgets.isImage(images[i])) continue;
+      const figure = div.appendChild(dom.createElement('figure'));
+      const img = figure.appendChild(dom.createElement('img'));
+
+      // get image with authenticated fetch
+      store.fetcher._fetch(images[i].uri).then(function (response) {
+        return response.blob();
+      }).then(function (myBlob) {
+        const objectURL = URL.createObjectURL(myBlob);
+        img.setAttribute('src', objectURL); // w640 h480 //
+      });
+      img.style.width = '100%';
+      figure.appendChild(dom.createElement('figcaption'));
+    }
+    const options = {
+      dom
+    };
+    setTimeout(function () {
+      (0, _betterSimpleSlideshow.default)('.bss-slides', options);
+    }, 1000); // Must run after the code which called this
+
+    return div;
+  }
+};
+
+// ends

package/dist/social/editProfileDetails.d.ts

@@ -1,4 +1,5 @@
-import { LiveStore, NamedNode } from '../../node_modules/rdflib';
+import { LiveStore, NamedNode } from 'rdflib';
+import 'solid-ui/components/button';
 type ProfileLinkField = {
     key: 'homepage' | 'weblog' | 'workplaceHomepage' | 'schoolHomepage';
     label: string;

package/dist/social/editProfileDetails.js

@@ -0,0 +1,362 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.appendProfileLinks = appendProfileLinks;
+exports.createEditProfileDetailsButton = createEditProfileDetailsButton;
+exports.profileLinkFields = void 0;
+var _rdflib = require("rdflib");
+var _litHtml = require("lit-html");
+var _solidUi = require("solid-ui");
+require("solid-ui/components/button");
+var _icons = require("./icons");
+var _spinner = require("./spinner");
+/* The following code was generated by AI Model: GPT-5.4
+   Prompt: can you create me a form to enter this data [
+ns.foaf('homepage'),
+ns.foaf('weblog'),
+ns.foaf('workplaceHomepage'),
+ns.foaf('schoolHomepage')
+] and put an edit button at the top left corner of the header
+ that when you click it pops up so you can enter this information
+ and save it to the Webid. You can look in
+ Dev2025/profile-pane/src/sections/heading/mutations to see how
+ to write this data in the profile. */
+
+const profileLinkFields = exports.profileLinkFields = [{
+  key: 'homepage',
+  label: 'Homepage',
+  placeholder: 'https://example.com',
+  predicate: _solidUi.ns.foaf('homepage')
+}, {
+  key: 'weblog',
+  label: 'Weblog',
+  placeholder: 'https://blog.example.com',
+  predicate: _solidUi.ns.foaf('weblog')
+}, {
+  key: 'workplaceHomepage',
+  label: 'Workplace Homepage',
+  placeholder: 'https://company.example.com',
+  predicate: _solidUi.ns.foaf('workplaceHomepage')
+}, {
+  key: 'schoolHomepage',
+  label: 'School Homepage',
+  placeholder: 'https://school.example.edu',
+  predicate: _solidUi.ns.foaf('schoolHomepage')
+}];
+function createEmptyProfileLinkValues() {
+  return {
+    homepage: [''],
+    weblog: [''],
+    workplaceHomepage: [''],
+    schoolHomepage: ['']
+  };
+}
+function readProfileLinkValues(store, subject) {
+  const doc = subject.doc();
+  return profileLinkFields.reduce((result, field) => {
+    const values = store.statementsMatching(subject, field.predicate, undefined, doc).map(statement => statement.object?.value || '').filter(Boolean);
+    result[field.key] = values.length ? values : [''];
+    return result;
+  }, createEmptyProfileLinkValues());
+}
+function normalizeUrlList(values, fieldLabel) {
+  const unique = new Set();
+  const lines = values.map(entry => entry.trim()).filter(Boolean);
+  for (const line of lines) {
+    let parsed;
+    try {
+      parsed = new URL(line);
+    } catch {
+      throw new Error(`${fieldLabel} must contain valid absolute URLs.`);
+    }
+    if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {
+      throw new Error(`${fieldLabel} only supports http and https URLs.`);
+    }
+    unique.add(parsed.toString());
+  }
+  return [...unique];
+}
+async function saveProfileLinkValues(store, subject, values) {
+  const updater = store.updater;
+  const fetcher = store.fetcher;
+  if (!updater || typeof updater.serialize !== 'function' || !fetcher || typeof fetcher.webOperation !== 'function') {
+    throw new Error('This profile cannot be edited with the current store.');
+  }
+  const doc = subject.doc();
+  const insertions = [];
+  const existingStatements = [];
+  for (const field of profileLinkFields) {
+    existingStatements.push(...store.statementsMatching(subject, field.predicate, undefined, doc));
+    const nextValues = normalizeUrlList(values[field.key], field.label);
+    for (const nextValue of nextValues) {
+      insertions.push((0, _rdflib.st)(subject, field.predicate, (0, _rdflib.sym)(nextValue), doc));
+    }
+  }
+  const retainedStatements = store.statementsMatching(undefined, undefined, undefined, doc).filter(statement => {
+    return !profileLinkFields.some(field => {
+      return statement.subject.equals(subject) && statement.predicate.equals(field.predicate);
+    });
+  });
+  const nextStatements = retainedStatements.concat(insertions);
+  const contentType = 'text/turtle';
+  const body = updater.serialize(doc.value, nextStatements, contentType);
+  const response = await fetcher.webOperation('PUT', doc.value, {
+    noMeta: true,
+    contentType,
+    body
+  });
+  if (!response || response.ok !== true) {
+    const status = response?.status || 'unknown';
+    throw new Error(`Unable to save profile links. Web error: ${status}`);
+  }
+  existingStatements.forEach(statement => {
+    store.removeStatement(statement);
+  });
+  for (const statement of insertions) {
+    store.add(statement.subject, statement.predicate, statement.object, statement.why);
+  }
+}
+function appendProfileLinks(_container, _dom, _store, _subject) {
+  // Hidden for now because social-pane website links are not part of the new design.
+  // Revisit later if we decide to show profile links in this header again.
+}
+function createEditProfileDetailsButton(options) {
+  const {
+    dom,
+    store,
+    subject,
+    onSaved
+  } = options;
+  const button = dom.createElement('solid-ui-button');
+  button.type = 'button';
+  button.className = 'social-pane__edit-button profile__action-button profile__heading-action-button profile-action-text flex-center profile-section-collapsible__edit-button';
+  button.variant = 'secondary';
+  button.size = 'sm';
+  const label = dom.createElement('span');
+  label.className = 'profile-section-collapsible__edit-label social-pane__edit-button-label';
+  label.innerHTML = `${_icons.editIcon} Edit`;
+  button.appendChild(label);
+  const icon = dom.createElement('span');
+  icon.className = 'profile-section-collapsible__edit-icon social-pane__edit-button-icon';
+  icon.setAttribute('aria-hidden', 'true');
+  icon.innerHTML = _icons.editIcon;
+  button.appendChild(icon);
+  button.setAttribute('aria-label', 'Edit profile links');
+  const openDialog = () => {
+    const initialValues = readProfileLinkValues(store, subject);
+    const formState = profileLinkFields.reduce((result, field) => {
+      result[field.key] = [...initialValues[field.key]];
+      return result;
+    }, createEmptyProfileLinkValues());
+    const overlay = dom.createElement('div');
+    overlay.classList.add('social-pane__dialog-backdrop', 'flex-center');
+    const dialog = dom.createElement('div');
+    dialog.classList.add('social-pane__dialog');
+    dialog.setAttribute('role', 'dialog');
+    dialog.setAttribute('aria-modal', 'true');
+    dialog.setAttribute('aria-label', 'Edit profile links');
+    overlay.appendChild(dialog);
+    const dialogHeader = dom.createElement('div');
+    dialogHeader.classList.add('social-pane__dialog-header');
+    dialog.appendChild(dialogHeader);
+    const title = dom.createElement('h2');
+    title.className = 'social-pane__dialog-title';
+    title.textContent = 'Edit profile links';
+    dialogHeader.appendChild(title);
+    const form = dom.createElement('form');
+    form.classList.add('social-pane__dialog-form', 'flex-column');
+    dialog.appendChild(form);
+    const savingOverlay = dom.createElement('div');
+    savingOverlay.className = 'social-pane__dialog-saving-overlay';
+    savingOverlay.hidden = true;
+    dialog.appendChild(savingOverlay);
+    const fieldsContainer = dom.createElement('div');
+    fieldsContainer.className = 'social-pane__dialog-fields';
+    form.appendChild(fieldsContainer);
+    const errorMessage = dom.createElement('p');
+    errorMessage.className = 'social-pane__dialog-error';
+    const focusRow = (fieldKey, rowIndex) => {
+      const nextField = fieldsContainer.querySelector(`input[data-profile-link-key="${fieldKey}"][data-profile-link-index="${String(rowIndex)}"]`);
+      nextField?.focus();
+    };
+    const renderFields = focusTarget => {
+      fieldsContainer.replaceChildren();
+      for (const field of profileLinkFields) {
+        const fieldWrapper = dom.createElement('section');
+        fieldWrapper.classList.add('social-pane__dialog-field', 'flex-column');
+        const fieldHeader = dom.createElement('div');
+        fieldHeader.className = 'social-pane__dialog-field-header';
+        fieldWrapper.appendChild(fieldHeader);
+        const fieldLabel = dom.createElement('h3');
+        fieldLabel.className = 'social-pane__dialog-label';
+        fieldLabel.textContent = field.label;
+        fieldHeader.appendChild(fieldLabel);
+        const addButton = dom.createElement('solid-ui-button');
+        addButton.type = 'button';
+        addButton.className = 'social-pane__dialog-row-button--add';
+        addButton.setAttribute('aria-label', `Add another ${field.label.toLowerCase()}`);
+        addButton.variant = 'secondary';
+        addButton.size = 'sm';
+        const addButtonContent = dom.createElement('span');
+        addButtonContent.className = 'social-pane__add-more-content';
+        const addButtonInline = dom.createElement('span');
+        addButtonInline.className = 'social-pane__add-more-inline';
+        const addButtonIcon = dom.createElement('span');
+        addButtonIcon.className = 'social-pane__add-more-icon';
+        addButtonIcon.setAttribute('aria-hidden', 'true');
+        addButtonIcon.innerHTML = _icons.plusIcon;
+        const addButtonText = dom.createElement('span');
+        addButtonText.textContent = 'Add More';
+        addButtonInline.appendChild(addButtonIcon);
+        addButtonInline.appendChild(addButtonText);
+        addButtonContent.appendChild(addButtonInline);
+        addButton.appendChild(addButtonContent);
+        addButton.addEventListener('click', () => {
+          formState[field.key].push('');
+          renderFields({
+            fieldKey: field.key,
+            rowIndex: formState[field.key].length - 1
+          });
+        });
+        fieldHeader.appendChild(addButton);
+        const rows = dom.createElement('div');
+        rows.className = 'social-pane__dialog-row-list';
+        fieldWrapper.appendChild(rows);
+        const values = formState[field.key].length ? formState[field.key] : [''];
+        values.forEach((value, index) => {
+          const row = dom.createElement('div');
+          row.className = 'social-pane__dialog-row';
+          const input = dom.createElement('input');
+          input.classList.add('social-pane__dialog-input', 'input');
+          input.type = 'url';
+          input.placeholder = field.placeholder;
+          input.value = value;
+          input.setAttribute('data-profile-link-key', field.key);
+          input.setAttribute('data-profile-link-index', String(index));
+          input.addEventListener('input', () => {
+            formState[field.key][index] = input.value;
+          });
+          row.appendChild(input);
+          const removeButton = dom.createElement('solid-ui-button');
+          removeButton.type = 'button';
+          removeButton.className = 'social-pane__dialog-row-button--remove';
+          removeButton.setAttribute('aria-label', `Remove ${field.label.toLowerCase()} ${index + 1}`);
+          removeButton.setAttribute('title', 'Remove');
+          removeButton.variant = 'icon';
+          removeButton.size = 'md';
+          const removeButtonIcon = dom.createElement('span');
+          removeButtonIcon.className = 'social-pane__dialog-row-button-icon social-pane__dialog-row-button-icon--remove';
+          removeButtonIcon.setAttribute('slot', 'icon');
+          removeButtonIcon.setAttribute('aria-hidden', 'true');
+          removeButtonIcon.innerHTML = _icons.trashIcon;
+          removeButton.appendChild(removeButtonIcon);
+          removeButton.addEventListener('click', () => {
+            if (formState[field.key].length === 1) {
+              formState[field.key][0] = '';
+            } else {
+              formState[field.key].splice(index, 1);
+            }
+            renderFields();
+          });
+          row.appendChild(removeButton);
+          rows.appendChild(row);
+        });
+        fieldsContainer.appendChild(fieldWrapper);
+      }
+      if (focusTarget) {
+        focusRow(focusTarget.fieldKey, focusTarget.rowIndex);
+      }
+    };
+    renderFields();
+    form.appendChild(errorMessage);
+    const actions = dom.createElement('div');
+    actions.className = 'social-pane__dialog-actions';
+    form.appendChild(actions);
+    const closeButton = dom.createElement('solid-ui-button');
+    closeButton.type = 'button';
+    closeButton.className = 'social-pane__dialog-button--cancel';
+    closeButton.setAttribute('aria-label', 'Close dialog');
+    closeButton.label = 'Close';
+    closeButton.variant = 'secondary';
+    closeButton.size = 'md';
+    actions.appendChild(closeButton);
+    const saveButton = dom.createElement('solid-ui-button');
+    saveButton.type = 'button';
+    saveButton.className = 'social-pane__dialog-button--save';
+    saveButton.label = 'Save Changes';
+    saveButton.variant = 'primary';
+    saveButton.size = 'md';
+    actions.appendChild(saveButton);
+    let isSaving = false;
+    const setSavingState = nextSaving => {
+      isSaving = nextSaving;
+      dialog.classList.toggle('modal--saving', nextSaving);
+      dialog.setAttribute('aria-busy', String(nextSaving));
+      form.toggleAttribute('inert', nextSaving);
+      saveButton.disabled = nextSaving;
+      saveButton.setAttribute('aria-busy', String(nextSaving));
+      closeButton.disabled = nextSaving;
+      savingOverlay.hidden = !nextSaving;
+      if (nextSaving) {
+        const activeElement = dialog.ownerDocument.activeElement;
+        if (activeElement && dialog.contains(activeElement)) {
+          activeElement.blur();
+        }
+        (0, _litHtml.render)((0, _litHtml.html)`
+          <div class="modal__saving-indicator inline-flex-row justify-center" aria-live="polite" aria-label="Saving changes">
+            ${(0, _spinner.createSpinner)()}
+          </div>
+        `, savingOverlay);
+      } else {
+        (0, _litHtml.render)((0, _litHtml.html)``, savingOverlay);
+      }
+    };
+    const closeDialog = (force = false) => {
+      if (isSaving && !force) return;
+      overlay.remove();
+    };
+    const requestCloseDialog = () => {
+      closeDialog();
+    };
+    const handleSave = async () => {
+      errorMessage.textContent = '';
+      setSavingState(true);
+      const nextValues = profileLinkFields.reduce((result, field) => {
+        result[field.key] = [...formState[field.key]];
+        return result;
+      }, createEmptyProfileLinkValues());
+      try {
+        await saveProfileLinkValues(store, subject, nextValues);
+        setSavingState(false);
+        closeDialog(true);
+        onSaved();
+      } catch (error) {
+        errorMessage.textContent = error instanceof Error ? error.message : 'Unable to save profile links.';
+      } finally {
+        if (isSaving) {
+          setSavingState(false);
+        }
+      }
+    };
+    overlay.addEventListener('click', event => {
+      if (event.target === overlay) closeDialog();
+    });
+    closeButton.addEventListener('click', requestCloseDialog);
+    saveButton.addEventListener('click', async event => {
+      event.preventDefault();
+      await handleSave();
+    });
+    overlay.addEventListener('keydown', event => {
+      if (event.key === 'Escape') closeDialog();
+    });
+    form.addEventListener('submit', event => {
+      event.preventDefault();
+    });
+    dom.body.appendChild(overlay);
+    focusRow('homepage', 0);
+  };
+  button.addEventListener('click', openDialog);
+  return button;
+}

package/dist/social/{icons.esm.js → icons.js}

@@ -1,5 +1,13 @@
-//#region src/social/icons.ts
-var e = String.raw, t = e`
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trashIcon = exports.plusIcon = exports.personInCircleIcon = exports.locationIcon = exports.editIcon = exports.closeIcon = void 0;
+/* Simpliest solution for now since we are only using it for the symposium
+and then we will use icons from solid-assets */
+const html = String.raw;
+const personInCircleIcon = exports.personInCircleIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
     width="64" 
     height="64" 
@@ -13,7 +21,7 @@ var e = String.raw, t = e`
     <path d="M18.666 55.0986V50.6666C18.666 49.2521 19.2279 47.8955 20.2281 46.8954C21.2283 45.8952 22.5849 45.3333 23.9993 45.3333H39.9993C41.4138 45.3333 42.7704 45.8952 43.7706 46.8954C44.7708 47.8955 45.3327 49.2521 45.3327 50.6666V55.0986" stroke="#CBD5E1" stroke-width="5.33333" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
 `;
-e`
+const editIcon = exports.editIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
     width="14" 
     height="14" 
@@ -25,7 +33,7 @@ e`
     <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3063 3.34814C14.9271 3.34832 15.5236 3.59563 15.9625 4.03467C16.4012 4.47362 16.648 5.06935 16.6481 5.68994C16.648 6.31072 16.4004 6.90719 15.9615 7.34619L15.9606 7.34521L7.95373 15.355L7.95275 15.356C7.73845 15.5696 7.47464 15.7278 7.18517 15.8159H7.1842L4.57287 16.6079H4.57092C4.40678 16.6572 4.23224 16.6614 4.06603 16.6196C3.89974 16.5778 3.74793 16.4918 3.62658 16.3706C3.50526 16.2494 3.41865 16.0974 3.37658 15.9312C3.33472 15.7651 3.3383 15.5903 3.38732 15.4263L3.3883 15.4243L4.18127 12.813V12.811C4.27013 12.5215 4.42882 12.2574 4.64318 12.0435L12.651 4.03467V4.03369C13.09 3.59513 13.6857 3.34816 14.3063 3.34814ZM5.56213 12.9634C5.49841 13.0269 5.4509 13.1059 5.42443 13.1919L5.42345 13.1909L4.82189 15.1733L6.80627 14.5718C6.89221 14.5456 6.97114 14.4985 7.03478 14.4351L13.274 8.19482L11.8014 6.72217L5.56213 12.9634ZM14.3063 4.64893C14.0303 4.64894 13.7652 4.75864 13.5699 4.95361L12.7213 5.80225L14.194 7.2749L15.0426 6.42627L15.1119 6.3501C15.2635 6.16488 15.3473 5.93141 15.3473 5.68994C15.3472 5.41394 15.2377 5.14881 15.0426 4.95361C14.8474 4.75846 14.5823 4.64906 14.3063 4.64893Z" fill="#1E2939"/>
   </svg>
 `;
-var n = e`
+const locationIcon = exports.locationIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
   width="16" 
   height="16" 
@@ -38,7 +46,7 @@ var n = e`
     <path d="M8 8.66675C9.10457 8.66675 10 7.77132 10 6.66675C10 5.56218 9.10457 4.66675 8 4.66675C6.89543 4.66675 6 5.56218 6 6.66675C6 7.77132 6.89543 8.66675 8 8.66675Z" stroke="#4A5565" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
 `;
-e`
+const closeIcon = exports.closeIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
     width="12" 
     height="12" 
@@ -49,7 +57,8 @@ e`
     >
     <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5301 0.244005C10.8555 -0.0813835 11.3834 -0.0812864 11.7088 0.244005C12.0338 0.569352 12.0338 1.09639 11.7088 1.42174L7.15416 5.97545L11.7088 10.5301C12.0341 10.8556 12.0342 11.3835 11.7088 11.7088C11.3835 12.0342 10.8556 12.0341 10.5301 11.7088L5.97545 7.15416L1.42174 11.7088C1.09639 12.0338 0.569351 12.0338 0.244004 11.7088C-0.0812866 11.3834 -0.0813828 10.8555 0.244004 10.5301L4.79772 5.97545L0.244004 1.42174C-0.0812866 1.09629 -0.0813828 0.569393 0.244004 0.244005C0.569393 -0.0813835 1.09629 -0.0812864 1.42174 0.244005L5.97545 4.79772L10.5301 0.244005Z" fill="#4A5565"/>
   </svg>
-`, e`
+`;
+const trashIcon = exports.trashIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
     width="20" 
     height="20" 
@@ -64,7 +73,8 @@ e`
     <path d="M2.5 5H17.5" stroke="#D1D5DC" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/>
     <path d="M6.66699 5.00008V3.33341C6.66699 2.89139 6.84259 2.46746 7.15515 2.1549C7.46771 1.84234 7.89163 1.66675 8.33366 1.66675H11.667C12.109 1.66675 12.5329 1.84234 12.8455 2.1549C13.1581 2.46746 13.3337 2.89139 13.3337 3.33341V5.00008" stroke="#D1D5DC" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
-`, e`
+`;
+const plusIcon = exports.plusIcon = html`
   <svg xmlns="http://www.w3.org/2000/svg" 
     width="12" 
     height="12" 
@@ -82,8 +92,4 @@ e`
       </clipPath>
     </defs>
   </svg>
-`;
-//#endregion
-export { n as locationIcon, t as personInCircleIcon };
-
-//# sourceMappingURL=icons.esm.js.map
+`;