@startinblox/core 2.0.0-beta.9 → 2.0.0

package/dist/store.js

@@ -0,0 +1,5 @@
+import { b, s } from "./store-D1e5vOG_.js";
+export {
+  b as baseContext,
+  s as store
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,6 +13,7 @@
     "doc"
   ],
   "scripts": {
+    "dev": "vite",
     "build": "vite build",
     "watch": "vite build --watch --sourcemap 'inline'",
     "serve": "node --watch server.js",
@@ -83,7 +84,7 @@
     "express": "^4.21.2",
     "find-free-port": "^2.0.0",
     "jsonld": "^8.3.3",
-    "jsonld-context-parser": "^1.3.4",
+    "jsonld-context-parser": "^3.0.0",
     "markdown-it": "^14.1.0",
     "markdown-it-link-attributes": "4.0.1",
     "pubsub-js": "^1.9.5",

package/dist/helpers-DH22C8s9.js

@@ -1,364 +0,0 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _values, _resolve, _AsyncIterableBuilder_instances, createIterable_fn, next_fn, nextPromise_fn;
-function uniqID() {
-  return `_${(Math.random() * 36 ** 20).toString(36).slice(0, 10)}`;
-}
-function stringToDom(html) {
-  const template = document.createElement("template");
-  template.innerHTML = html;
-  return template.content;
-}
-const AsyncFunction = Object.getPrototypeOf(async () => {
-}).constructor;
-async function evalTemplateString(str, variables = {}) {
-  const keys = Object.keys(variables);
-  const values = keys.map((key) => variables[key]);
-  try {
-    const func = AsyncFunction.call(null, ...keys, `return \`${str}\``);
-    return await func(...values);
-  } catch (e) {
-    console.log(e);
-    throw new SyntaxError(`\`${str}\``);
-  }
-}
-function importCSS(...stylesheets) {
-  const linksElements = [];
-  for (let url of stylesheets) {
-    url = relativeSource(url);
-    let link = Array.from(document.head.querySelectorAll("link")).find(
-      (link2) => link2.href === url
-    );
-    if (link) return link;
-    link = document.createElement("link");
-    link.rel = "stylesheet";
-    link.href = url;
-    document.head.appendChild(link);
-    linksElements.push(link);
-  }
-  return linksElements;
-}
-function importInlineCSS(id, importer) {
-  id = `sib-inline-css-${id}`;
-  let style = document.head.querySelector(`style#${id}`);
-  if (style) return style;
-  style = document.createElement("style");
-  style.id = id;
-  document.head.appendChild(style);
-  (async () => {
-    let textContent;
-    if (typeof importer === "string") textContent = importer;
-    else {
-      const imported = await importer();
-      if (typeof imported === "string") textContent = imported;
-      else textContent = imported.default || "";
-    }
-    style.textContent = textContent;
-  })();
-  return style;
-}
-function importJS(...plugins) {
-  return plugins.map((url) => {
-    url = new URL(url, document.baseURI).href;
-    let script = Array.from(document.querySelectorAll("script")).find(
-      (script2) => script2.src === url
-    );
-    if (script) return script;
-    script = document.createElement("script");
-    script.src = url;
-    document.head.appendChild(script);
-    return script;
-  });
-}
-function relativeSource(source) {
-  if (!source.match(/^\..?\//)) return new URL(source, document.baseURI).href;
-  const e = new Error();
-  if (!e.stack) return source;
-  const f2 = e.stack.split("\n").filter((l) => l.includes(":"))[2];
-  const line = f2.match(/[a-z]+:.*$/);
-  if (!line) return source;
-  const calledFile = line[0].replace(/(\:[0-9]+){2}\)?$/, "");
-  source = new URL(source, calledFile).href;
-  return source;
-}
-function loadScript(source) {
-  source = relativeSource(source);
-  return new Promise((resolve) => {
-    const script = document.createElement("script");
-    const head = document.querySelector("head");
-    script.async = true;
-    script.onload = () => setTimeout(resolve, 0);
-    script.src = source;
-    if (head) head.appendChild(script);
-  });
-}
-function domIsReady() {
-  return new Promise((resolve) => {
-    if (document.readyState === "complete") {
-      resolve();
-    } else {
-      document.addEventListener("DOMContentLoaded", () => resolve());
-    }
-  });
-}
-function setDeepProperty(obj, path, value) {
-  const name = path.shift();
-  if (name) {
-    if (!(name in obj)) obj[name] = {};
-    if (path.length > 0) setDeepProperty(obj[name], path, value);
-    else obj[name] = value;
-  }
-}
-function parseFieldsString(fields) {
-  if (!fields) return [];
-  while (fields.indexOf("(") > 0) {
-    const firstBracket = fields.indexOf("(");
-    const noset = fields.substring(
-      firstBracket,
-      findClosingBracketMatchIndex(fields, firstBracket) + 1
-    );
-    fields = fields.replace(noset, "");
-  }
-  const re = /((^\s*|,)\s*)(("(\\"|[^"])*")|('(\\'|[^'])*')|[^,]*)/gm;
-  const fieldsArray = fields.match(re) || [];
-  if (!fieldsArray) return [];
-  return fieldsArray.map((a) => a.replace(/^[\s,]+/, ""));
-}
-function findClosingBracketMatchIndex(str, pos) {
-  if (str[pos] !== "(") throw new Error(`No '(' at index ${pos}`);
-  let depth = 1;
-  for (let i = pos + 1; i < str.length; i++) {
-    switch (str[i]) {
-      case "(":
-        depth++;
-        break;
-      case ")":
-        if (--depth === 0) return i;
-        break;
-    }
-  }
-  return -1;
-}
-function defineComponent(tagName, componentClass) {
-  if (!customElements.get(tagName)) {
-    customElements.define(tagName, componentClass);
-  } else {
-    console.warn(
-      `Warning: the component "${tagName}" has already been loaded in another version of sib-core.`
-    );
-  }
-}
-function fuzzyCompare(subject, search) {
-  return compareTransform(subject).includes(compareTransform(String(search)));
-}
-function compareTransform(str) {
-  return str.normalize("NFD").replaceAll(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase().replaceAll("œ", "oe").replaceAll("æ", "ae").replaceAll(/[ ,.!?;:-`"]+/g, " ").trim();
-}
-const compare = {
-  string(subject, query) {
-    if (typeof subject !== "string" || typeof query !== "string")
-      throw new TypeError("not a string");
-    if (query === "") return true;
-    return fuzzyCompare(subject, String(query));
-  },
-  boolean(subject, query) {
-    if (!query) return true;
-    return subject;
-  },
-  number(subject, query) {
-    return subject === query;
-  },
-  list(subject, list) {
-    return list.includes(subject);
-  },
-  range(subject, range) {
-    return (range[0] == null || range[0] === "" || subject >= range[0]) && (range[1] == null || range[1] === "" || subject <= range[1]);
-  },
-  resource(subject, query) {
-    if (query === "") return true;
-    if (!query["@id"]) return false;
-    const ret = subject["@id"] === query["@id"];
-    return ret;
-  }
-};
-function generalComparator(a, b, order = "asc") {
-  if (order === "desc") return generalComparator(b, a);
-  if (a == null && b == null) return 0;
-  if (a === b || Object.is(a, b)) return 0;
-  if (typeof a === "boolean" && typeof b === "boolean") {
-    return a === b ? 0 : a ? 1 : -1;
-  }
-  if (!Number.isNaN(Number(a)) && !Number.isNaN(Number(b))) {
-    return Number(a) - Number(b);
-  }
-  if (Array.isArray(a) && Array.isArray(b)) {
-    return a.length - b.length;
-  }
-  const dateA = Date.parse(String(a));
-  const dateB = Date.parse(String(b));
-  if (!Number.isNaN(dateA) && !Number.isNaN(dateB)) {
-    return dateA - dateB;
-  }
-  if (a && b && typeof a === "object" && typeof b === "object") {
-    const aKeys = Object.keys(a);
-    const bKeys = Object.keys(b);
-    return aKeys.length - bKeys.length;
-  }
-  if (a == null) return -1;
-  if (b == null) return 1;
-  return String(a).localeCompare(String(b));
-}
-function transformArrayToContainer(resource) {
-  const newValue = { ...resource };
-  for (const predicate of Object.keys(newValue)) {
-    const predicateValue = newValue[predicate];
-    if (!predicateValue || typeof predicateValue !== "object") continue;
-    if (["permissions", "@context"].includes(predicate)) continue;
-    if (!Array.isArray(predicateValue) && predicateValue["@id"]) {
-      newValue[predicate] = transformArrayToContainer(resource[predicate]);
-    }
-    if (Array.isArray(predicateValue) && predicateValue["@id"]) {
-      newValue[predicate] = {
-        "@id": predicateValue["@id"],
-        "ldp:contains": [...predicateValue]
-        // ???? why only ldp:contains?
-      };
-      newValue[predicate]["ldp:contains"].forEach(
-        (childPredicate, index) => {
-          newValue[predicate]["ldp:contains"][index] = transformArrayToContainer(childPredicate);
-        }
-      );
-    }
-  }
-  return newValue;
-}
-function doesResourceContainList(resource) {
-  const predicates = ["ldp:contains", "dcat:dataset"];
-  return predicates.some(
-    (predicate) => typeof resource === "object" ? predicate in resource : typeof resource === "string" && resource.includes(predicate)
-  );
-}
-class AsyncIterableBuilder {
-  constructor() {
-    __privateAdd(this, _AsyncIterableBuilder_instances);
-    __privateAdd(this, _values, []);
-    __privateAdd(this, _resolve);
-    __publicField(this, "iterable");
-    __publicField(this, "next");
-    __privateMethod(this, _AsyncIterableBuilder_instances, nextPromise_fn).call(this);
-    this.iterable = __privateMethod(this, _AsyncIterableBuilder_instances, createIterable_fn).call(this);
-    this.next = __privateMethod(this, _AsyncIterableBuilder_instances, next_fn).bind(this);
-  }
-}
-_values = new WeakMap();
-_resolve = new WeakMap();
-_AsyncIterableBuilder_instances = new WeakSet();
-createIterable_fn = async function* () {
-  for (let index = 0; ; index++) {
-    const { value, done } = await __privateGet(this, _values)[index];
-    delete __privateGet(this, _values)[index];
-    yield value;
-    if (done) return;
-  }
-};
-next_fn = function(value, done = false) {
-  __privateGet(this, _resolve).call(this, { value, done });
-  __privateMethod(this, _AsyncIterableBuilder_instances, nextPromise_fn).call(this);
-};
-nextPromise_fn = function() {
-  __privateGet(this, _values).push(
-    new Promise((resolve) => {
-      __privateSet(this, _resolve, resolve);
-    })
-  );
-};
-const asyncQuerySelector = (selector, parent = document) => new Promise((resolve) => {
-  const element = parent.querySelector(selector);
-  if (element) return resolve(element);
-  const observer = new MutationObserver(() => {
-    const element2 = parent.querySelector(selector);
-    if (!element2) return;
-    observer.disconnect();
-    return resolve(element2);
-  });
-  observer.observe(parent, {
-    subtree: true,
-    childList: true,
-    attributes: true
-  });
-});
-const asyncQuerySelectorAll = (selector, parent = document) => {
-  const delivered = /* @__PURE__ */ new WeakSet();
-  const { next, iterable } = new AsyncIterableBuilder();
-  function checkNewElement() {
-    for (const element of parent.querySelectorAll(selector)) {
-      if (delivered.has(element)) continue;
-      delivered.add(element);
-      next(element);
-    }
-  }
-  checkNewElement();
-  const observer = new MutationObserver(checkNewElement);
-  observer.observe(parent, {
-    subtree: true,
-    childList: true,
-    attributes: true
-  });
-  return iterable;
-};
-const helpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AsyncIterableBuilder,
-  asyncQuerySelector,
-  asyncQuerySelectorAll,
-  compare,
-  default: AsyncIterableBuilder,
-  defineComponent,
-  doesResourceContainList,
-  domIsReady,
-  evalTemplateString,
-  findClosingBracketMatchIndex,
-  fuzzyCompare,
-  generalComparator,
-  importCSS,
-  importInlineCSS,
-  importJS,
-  loadScript,
-  parseFieldsString,
-  setDeepProperty,
-  stringToDom,
-  transformArrayToContainer,
-  uniqID
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  AsyncIterableBuilder as A,
-  doesResourceContainList as a,
-  fuzzyCompare as b,
-  compare as c,
-  defineComponent as d,
-  evalTemplateString as e,
-  findClosingBracketMatchIndex as f,
-  generalComparator as g,
-  asyncQuerySelector as h,
-  importInlineCSS as i,
-  importCSS as j,
-  helpers as k,
-  stringToDom as l,
-  importJS as m,
-  loadScript as n,
-  domIsReady as o,
-  parseFieldsString as p,
-  asyncQuerySelectorAll as q,
-  setDeepProperty as s,
-  transformArrayToContainer as t,
-  uniqID as u
-};

package/dist/slimselect-Bx1deYT1.js

@@ -1,4 +0,0 @@
-const slimselect = '.ss-main {\n  position: relative;\n  display: flex;\n  user-select: none;\n  color: #666;\n  width: 100%;\n}\n.ss-main .ss-single-selected {\n  display: flex;\n  cursor: pointer;\n  width: 100%;\n  height: 30px;\n  padding: 6px;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  background-color: #fff;\n  outline: 0;\n  box-sizing: border-box;\n  transition: background-color .2s;\n}\n.ss-main .ss-single-selected.ss-disabled {\n  background-color: #dcdee2;\n  cursor: not-allowed;\n}\n.ss-main .ss-single-selected.ss-open-above {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.ss-main .ss-single-selected.ss-open-below {\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\n.ss-main .ss-single-selected .placeholder {\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  width: calc(100% - 30px);\n  line-height: 1em;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.ss-main .ss-single-selected .placeholder * {\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: auto;\n}\n.ss-main .ss-single-selected .placeholder .ss-disabled {\n  color: #dedede;\n}\n.ss-main .ss-single-selected .ss-deselect {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n  margin: 0 6px 0 6px;\n  font-weight: bold;\n}\n.ss-main .ss-single-selected .ss-deselect.ss-hide {\n  display: none;\n}\n.ss-main .ss-single-selected .ss-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n  margin: 0 6px 0 6px;\n}\n.ss-main .ss-single-selected .ss-arrow span {\n  border: solid #666;\n  border-width: 0 2px 2px 0;\n  display: inline-block;\n  padding: 3px;\n  transition: transform .2s, margin .2s;\n}\n.ss-main .ss-single-selected .ss-arrow span.arrow-up {\n  transform: rotate(-135deg);\n  margin: 3px 0 0 0;\n}\n.ss-main .ss-single-selected .ss-arrow span.arrow-down {\n  transform: rotate(45deg);\n  margin: -3px 0 0 0;\n}\n.ss-main .ss-multi-selected {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  min-height: 30px;\n  width: 100%;\n  padding: 0 0 0 3px;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  background-color: #fff;\n  outline: 0;\n  box-sizing: border-box;\n  transition: background-color .2s;\n}\n.ss-main .ss-multi-selected.ss-disabled {\n  background-color: #dcdee2;\n  cursor: not-allowed;\n}\n.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {\n  color: #666;\n}\n.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {\n  cursor: not-allowed;\n}\n.ss-main .ss-multi-selected.ss-open-above {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.ss-main .ss-multi-selected.ss-open-below {\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\n.ss-main .ss-multi-selected .ss-values {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  flex: 1 1 100%;\n  width: calc(100% - 30px);\n}\n.ss-main .ss-multi-selected .ss-values .ss-disabled {\n  display: flex;\n  padding: 4px 5px;\n  margin: 2px 0px;\n  line-height: 1em;\n  align-items: center;\n  width: 100%;\n  color: #dedede;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n@keyframes scaleIn {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes scaleOut {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(0);\n    opacity: 0;\n  }\n}\n.ss-main .ss-multi-selected .ss-values .ss-value {\n  display: flex;\n  user-select: none;\n  align-items: center;\n  font-size: 12px;\n  padding: 3px 5px;\n  margin: 3px 5px 3px 0px;\n  color: #fff;\n  background-color: #5897fb;\n  border-radius: 4px;\n  animation-name: scaleIn;\n  animation-duration: .2s;\n  animation-timing-function: ease-out;\n  animation-fill-mode: both;\n}\n.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {\n  animation-name: scaleOut;\n  animation-duration: .2s;\n  animation-timing-function: ease-out;\n}\n.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {\n  margin: 0 0 0 5px;\n  cursor: pointer;\n}\n.ss-main .ss-multi-selected .ss-add {\n  display: flex;\n  flex: 0 1 3px;\n  margin: 9px 12px 0 5px;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #666;\n  position: relative;\n  height: 10px;\n  width: 2px;\n  transition: transform .2s;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus:after {\n  background: #666;\n  content: "";\n  position: absolute;\n  height: 2px;\n  width: 10px;\n  left: -4px;\n  top: 4px;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {\n  transform: rotate(45deg);\n}\n.ss-content {\n  position: absolute;\n  width: 100%;\n  margin: -1px 0 0 0;\n  box-sizing: border-box;\n  border: solid 1px #dcdee2;\n  z-index: 1010;\n  background-color: #fff;\n  transform-origin: center top;\n  transition: transform .2s, opacity .2s;\n  opacity: 0;\n  transform: scaleY(0);\n}\n.ss-content.ss-open {\n  display: block;\n  opacity: 1;\n  transform: scaleY(1);\n}\n.ss-content .ss-search {\n  display: flex;\n  flex-direction: row;\n  padding: 8px 8px 6px 8px;\n}\n.ss-content .ss-search.ss-hide {\n  height: 0px;\n  opacity: 0;\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n.ss-content .ss-search.ss-hide input {\n  height: 0px;\n  opacity: 0;\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n.ss-content .ss-search input {\n  display: inline-flex;\n  font-size: inherit;\n  line-height: inherit;\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0px;\n  height: 30px;\n  padding: 6px 8px;\n  margin: 0;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  background-color: #fff;\n  outline: 0;\n  text-align: left;\n  box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  -webkit-appearance: textfield;\n}\n.ss-content .ss-search input::placeholder {\n  color: #8a8a8a;\n  vertical-align: middle;\n}\n.ss-content .ss-search input:focus {\n  box-shadow: 0 0 5px #5897fb;\n}\n.ss-content .ss-search .ss-addable {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  font-size: 22px;\n  font-weight: bold;\n  flex: 0 0 30px;\n  height: 30px;\n  margin: 0 0 0 8px;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.ss-content .ss-addable {\n  padding-top: 0px;\n}\n.ss-content .ss-list {\n  max-height: 200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: left;\n}\n.ss-content .ss-list .ss-optgroup .ss-optgroup-label {\n  padding: 6px 10px 6px 10px;\n  font-weight: bold;\n}\n.ss-content .ss-list .ss-optgroup .ss-option {\n  padding: 6px 6px 6px 25px;\n}\n.ss-content .ss-list .ss-optgroup-label-selectable {\n  cursor: pointer;\n}\n.ss-content .ss-list .ss-optgroup-label-selectable:hover {\n  color: #fff;\n  background-color: #5897fb;\n}\n.ss-content .ss-list .ss-option {\n  padding: 6px 10px 6px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n.ss-content .ss-list .ss-option * {\n  display: inline-block;\n}\n.ss-content .ss-list .ss-option:hover,\n.ss-content .ss-list .ss-option.ss-highlighted {\n  color: #fff;\n  background-color: #5897fb;\n}\n.ss-content .ss-list .ss-option.ss-disabled {\n  cursor: not-allowed;\n  color: #dedede;\n  background-color: #fff;\n}\n.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {\n  color: #666;\n  background-color: rgba(88, 151, 251, 0.1);\n}\n.ss-content .ss-list .ss-option.ss-hide {\n  display: none;\n}\n.ss-content .ss-list .ss-option .ss-search-highlight {\n  background-color: #fffb8c;\n}\n';
-export {
-  slimselect as default
-};