xmlui 0.10.8 → 0.10.11

package/dist/lib/language-server-web-worker.mjs

@@ -1,9 +1,10 @@
-import { m as o, s as n } from "./server-common-ddmPKhK6.mjs";
-var e = o;
-const s = new e.BrowserMessageReader(self);
-s.listen((r) => {
-  console.log("Received message from main thread:", r);
+import { m as main, s as start } from "./server-common-Dsyp3-Ro.mjs";
+var browser = main;
+const messageReader = new browser.BrowserMessageReader(self);
+messageReader.listen((message) => {
+  console.log("Received message from main thread:", message);
 });
-const a = new e.BrowserMessageWriter(self), t = e.createConnection(s, a);
+const messageWriter = new browser.BrowserMessageWriter(self);
+const connection = browser.createConnection(messageReader, messageWriter);
 console.log("starting lang server");
-n(t);
+start(connection);

package/dist/lib/language-server.mjs

@@ -1,9 +1,9 @@
-import { m as n, s as a } from "./server-common-ddmPKhK6.mjs";
-var o = n;
-function r() {
-  const t = o.createConnection(o.ProposedFeatures.all);
-  a(t);
+import { m as main, s as start$1 } from "./server-common-Dsyp3-Ro.mjs";
+var node = main;
+function start() {
+  const connection = node.createConnection(node.ProposedFeatures.all);
+  start$1(connection);
 }
 export {
-  r as start
+  start
 };

package/dist/lib/{metadata-utils-DrEexTX9.mjs → metadata-utils-DzONZF-e.mjs}

@@ -1,5 +1,5 @@
-import { u as m, x as f } from "./transform-SMWeyMoq.mjs";
-const M = [
+import { u as onPrefixRegex, x as stripOnPrefix } from "./transform-CBz7TQJh.mjs";
+const LinkTargetMd = [
   {
     value: "_self",
     description: "The link will open in the same frame as it was clicked."
@@ -20,7 +20,8 @@ const M = [
     value: "_unfencedTop",
     description: "Allows embedded fenced frames to navigate the top-level frame, i.e. traversing beyond the root of the fenced frame."
   }
-], u = [
+];
+const viewportSizeMd = [
   {
     value: "xs",
     description: "Extra small devices (e.g., a small smartphone with low screen resolution)"
@@ -30,16 +31,27 @@ const M = [
   { value: "lg", description: "Large devices (e.g., a laptop)" },
   { value: "xl", description: 'Extra large devices (e.g., a standard 20" monitor)' },
   { value: "xxl", description: 'Extra extra large devices (e.g., a large 29" monitor)' }
-], R = Object.keys(u), P = [
+];
+const viewportSizeNames = Object.keys(viewportSizeMd);
+const sizeValues = ["xs", "sm", "md", "lg", "xl"];
+const sizeMd = [
   { value: "xs", description: "Extra small" },
   { value: "sm", description: "Small" },
   { value: "md", description: "Medium" },
-  { value: "lg", description: "Large" }
-], g = ["attention", "primary", "secondary"], A = [...g], O = [
+  { value: "lg", description: "Large" },
+  { value: "xl", description: "Extra large" }
+];
+function isSizeType(value) {
+  return sizeValues.includes(value);
+}
+const buttonThemeValues = ["attention", "primary", "secondary"];
+const buttonThemeNames = [...buttonThemeValues];
+const buttonThemeMd = [
   { value: "attention", description: "Attention state theme color" },
   { value: "primary", description: "Primary theme color" },
   { value: "secondary", description: "Secondary theme color" }
-], z = [
+];
+const buttonTypesMd = [
   {
     value: "button",
     description: "Regular behavior that only executes logic if explicitly determined."
@@ -52,7 +64,10 @@ const M = [
     value: "reset",
     description: "Resets all the controls to their initial values. Using it is ill advised for UX reasons."
   }
-], v = ["solid", "outlined", "ghost"], C = [...v], L = [
+];
+const buttonVariantValues = ["solid", "outlined", "ghost"];
+const buttonVariantNames = [...buttonVariantValues];
+const buttonVariantMd = [
   { value: "solid", description: "A button with a border and a filled background." },
   {
     value: "outlined",
@@ -62,9 +77,10 @@ const M = [
     value: "ghost",
     description: "A button with no border and fill. Only the label is visible; the background is colored when hovered or clicked."
   }
-], b = ["start", "center", "end"];
-[...b];
-const D = [
+];
+const alignmentOptionValues = ["start", "center", "end"];
+[...alignmentOptionValues];
+const alignmentOptionMd = [
   { value: "center", description: "Place the content in the middle" },
   {
     value: "start",
@@ -74,10 +90,15 @@ const D = [
     value: "end",
     description: "Justify the content to the right (to the left if in right-to-left)"
   }
-], I = ["horizontal", "vertical"], N = [
+];
+const orientationOptionValues = ["horizontal", "vertical"];
+const orientationOptionMd = [
   { value: "horizontal", description: "The component will fill the available space horizontally" },
   { value: "vertical", description: "The component will fill the available space vertically" }
-], y = ["start", "end"], W = [...y], K = [
+];
+const iconPositionValues = ["start", "end"];
+const iconPositionNames = [...iconPositionValues];
+const iconPositionMd = [
   {
     value: "start",
     description: "The icon will appear at the start (left side when the left-to-right direction is set)"
@@ -86,7 +107,8 @@ const D = [
     value: "end",
     description: "The icon will appear at the end (right side when the left-to-right direction is set)"
   }
-], j = [
+];
+const labelPositionMd = [
   {
     value: "start",
     description: "The left side of the input (left-to-right) or the right side of the input (right-to-left)"
@@ -97,14 +119,18 @@ const D = [
   },
   { value: "top", description: "The top of the input" },
   { value: "bottom", description: "The bottom of the input" }
-], x = ["start", "end"], B = [...x], _ = [
+];
+const triggerPositionValues = ["start", "end"];
+const triggerPositionNames = [...triggerPositionValues];
+const validationStatusMd = [
   // { value: "none", description: "No indicator" },
   { value: "valid", description: "Visual indicator for an input that is accepted" },
   { value: "warning", description: "Visual indicator for an input that produced a warning" },
   { value: "error", description: "Visual indicator for an input that produced an error" }
-], w = ["top", "bottom"];
-[...w];
-const E = {
+];
+const scrollAnchoringValues = ["top", "bottom"];
+[...scrollAnchoringValues];
+const TextVariantElement = {
   abbr: "abbr",
   cite: "cite",
   code: "code",
@@ -129,7 +155,8 @@ const E = {
   subheading: "h6",
   tableheading: "h6",
   secondary: "span"
-}, H = [
+};
+const variantOptionsMd = [
   { value: "abbr", description: "Represents an abbreviation or acronym" },
   { value: "caption", description: "Represents the caption (or title) of a table" },
   { value: "cite", description: "Is used to mark up the title of a cited work" },
@@ -172,7 +199,11 @@ const E = {
   { value: "tableheading", description: "Indicates that the text is a table heading" },
   { value: "title", description: "Indicates that the text is the title of some other content" },
   { value: "var", description: "Represents the name of a variable in a mathematical expression" }
-], k = ["title"], T = ["cite", "dateTime"], U = [...k, ...T], F = [
+];
+const AbbreviationKeys = ["title"];
+const InsertedKeys = ["cite", "dateTime"];
+const VariantPropsKeys = [...AbbreviationKeys, ...InsertedKeys];
+const httpMethodNames = [
   "get",
   "post",
   "put",
@@ -182,7 +213,8 @@ const E = {
   "options",
   "trace",
   "connect"
-], r = [
+];
+const layoutOptionKeys = [
   "horizontalAlignment",
   "verticalAlignment",
   "orientation",
@@ -273,81 +305,96 @@ const E = {
   "writingMode",
   "transition"
 ];
-class q {
-  constructor(t) {
-    this.metadataCollection = t;
+class MetadataProvider {
+  constructor(metadataCollection) {
+    this.metadataCollection = metadataCollection;
   }
   componentNames() {
     return Object.keys(this.metadataCollection);
   }
-  getComponent(t) {
-    const e = this.metadataCollection[t];
-    return e ? new S(e) : null;
+  getComponent(componentName) {
+    const providerData = this.metadataCollection[componentName];
+    if (!providerData) {
+      return null;
+    }
+    return new ComponentMetadataProvider(providerData);
   }
 }
-class S {
-  constructor(t) {
-    this.metadata = t;
+class ComponentMetadataProvider {
+  constructor(metadata) {
+    this.metadata = metadata;
   }
   /**
    * Retrieves the metadata for a given property, explicit or implicit.
    * @param name The name of the property.
    * @returns The metadata for the property, or `undefined` if not found.
    */
-  getProp(t) {
-    return this.metadata.props[t] ?? n[t];
+  getProp(name) {
+    return this.metadata.props[name] ?? implicitPropsMetadata[name];
   }
-  getAttr(t) {
-    var s, l, d;
-    if (m.test(t)) {
-      const h = f(t), c = (s = this.metadata.events) == null ? void 0 : s[h];
-      if (c)
-        return c;
+  getAttr(name) {
+    var _a, _b, _c;
+    if (onPrefixRegex.test(name)) {
+      const eventName = stripOnPrefix(name);
+      const event = (_a = this.metadata.events) == null ? void 0 : _a[eventName];
+      if (event) {
+        return event;
+      }
+    }
+    const explicitProp = (_b = this.metadata.props) == null ? void 0 : _b[name];
+    if (explicitProp) {
+      return explicitProp;
+    }
+    const api = (_c = this.metadata.apis) == null ? void 0 : _c[name];
+    if (api) {
+      return api;
+    }
+    const layout = layoutMdForKey(name);
+    if (layout) {
+      return layout;
     }
-    const e = (l = this.metadata.props) == null ? void 0 : l[t];
-    if (e)
-      return e;
-    const a = (d = this.metadata.apis) == null ? void 0 : d[t];
-    if (a)
-      return a;
-    const o = p(t);
-    return o || n[t];
+    return implicitPropsMetadata[name];
   }
-  getAttrForKind({ name: t, kind: e }) {
-    switch (e) {
+  getAttrForKind({ name, kind }) {
+    switch (kind) {
       case "api":
-        return this.metadata.apis[t];
+        return this.metadata.apis[name];
       case "event":
-        return this.metadata.events[t];
+        return this.metadata.events[name];
       case "prop":
-        return this.metadata.props[t];
+        return this.metadata.props[name];
       case "implicit":
-        return n[t];
+        return implicitPropsMetadata[name];
       case "layout":
-        return p(t);
+        return layoutMdForKey(name);
     }
   }
   getAllAttributes() {
-    const t = [];
-    for (const e of Object.keys(this.metadata.props ?? {}))
-      t.push({ name: e, kind: "prop" });
-    for (const e of Object.keys(this.metadata.events ?? {}))
-      t.push({ name: e, kind: "event" });
-    for (const e of Object.keys(this.metadata.apis ?? {}))
-      t.push({ name: e, kind: "api" });
-    for (const e of r)
-      t.push({ name: e, kind: "layout" });
-    for (const e of Object.keys(n))
-      t.push({ name: e, kind: "implicit" });
-    return t;
+    const attrNames = [];
+    for (const key of Object.keys(this.metadata.props ?? {})) {
+      attrNames.push({ name: key, kind: "prop" });
+    }
+    for (const key of Object.keys(this.metadata.events ?? {})) {
+      attrNames.push({ name: key, kind: "event" });
+    }
+    for (const key of Object.keys(this.metadata.apis ?? {})) {
+      attrNames.push({ name: key, kind: "api" });
+    }
+    for (const layoutKey of layoutOptionKeys) {
+      attrNames.push({ name: layoutKey, kind: "layout" });
+    }
+    for (const implicitPropKey of Object.keys(implicitPropsMetadata)) {
+      attrNames.push({ name: implicitPropKey, kind: "implicit" });
+    }
+    return attrNames;
   }
-  getEvent(t) {
-    var e;
-    return (e = this.metadata.events) == null ? void 0 : e[t];
+  getEvent(name) {
+    var _a;
+    return (_a = this.metadata.events) == null ? void 0 : _a[name];
   }
-  getApi(t) {
-    var e;
-    return (e = this.metadata.apis) == null ? void 0 : e[t];
+  getApi(name) {
+    var _a;
+    return (_a = this.metadata.apis) == null ? void 0 : _a[name];
   }
   get events() {
     return this.metadata.events;
@@ -368,26 +415,28 @@ class S {
     return this.metadata;
   }
 }
-function p(i) {
-  const t = {
+function layoutMdForKey(name) {
+  const metadata = {
     description: "Layout property. Not yet documented"
   };
-  if (r.includes(i))
-    return t;
-  for (const e of u) {
-    const a = "-" + e.value;
-    if (i.endsWith(a)) {
-      const o = i.slice(0, -a.length);
-      if (r.includes(o))
-        return t;
+  if (layoutOptionKeys.includes(name)) {
+    return metadata;
+  }
+  for (const size of viewportSizeMd) {
+    const suffix = "-" + size.value;
+    if (name.endsWith(suffix)) {
+      const nameWithoutSize = name.slice(0, -suffix.length);
+      if (layoutOptionKeys.includes(nameWithoutSize)) {
+        return metadata;
+      }
     }
   }
   return null;
 }
-const n = {
+const implicitPropsMetadata = {
   inspect: {
     description: "Determines whether the component can be inspected or not",
-    defaultValue: !1,
+    defaultValue: false,
     valueType: "boolean"
   },
   data: {
@@ -395,37 +444,38 @@ const n = {
   },
   when: {
     description: "Specifies a condition that must be met for the component to be displayed",
-    defaultValue: !0,
+    defaultValue: true,
     valueType: "boolean"
   }
 };
-function J(i) {
-  return "on" + i[0].toUpperCase() + i.substring(1);
+function addOnPrefix(name) {
+  return "on" + name[0].toUpperCase() + name.substring(1);
 }
 export {
-  M as L,
-  q as M,
-  E as T,
-  U as V,
-  J as a,
-  b,
-  D as c,
-  z as d,
-  O as e,
-  L as f,
-  r as g,
-  H as h,
-  K as i,
-  w as j,
-  A as k,
-  j as l,
-  W as m,
-  C as n,
-  N as o,
-  F as p,
-  I as q,
-  R as r,
-  P as s,
-  B as t,
-  _ as v
+  LinkTargetMd as L,
+  MetadataProvider as M,
+  TextVariantElement as T,
+  VariantPropsKeys as V,
+  addOnPrefix as a,
+  alignmentOptionValues as b,
+  alignmentOptionMd as c,
+  iconPositionMd as d,
+  buttonTypesMd as e,
+  buttonThemeMd as f,
+  buttonVariantMd as g,
+  layoutOptionKeys as h,
+  isSizeType as i,
+  variantOptionsMd as j,
+  scrollAnchoringValues as k,
+  labelPositionMd as l,
+  buttonThemeNames as m,
+  iconPositionNames as n,
+  orientationOptionMd as o,
+  buttonVariantNames as p,
+  httpMethodNames as q,
+  orientationOptionValues as r,
+  sizeMd as s,
+  triggerPositionNames as t,
+  viewportSizeNames as u,
+  validationStatusMd as v
 };

package/dist/lib/scss/components-core/theming/_themes.scss

@@ -61,7 +61,7 @@ $THEME-VAR-PREFIX: xmlui;
     @if ($num > 1) {
       $offset: (-1 * $num) - 1;
     }
-    //@if(string.index(#{$fallbackValue}, 'fontSize-small')) {
+    //@if(string.index(#{$fallbackValue}, 'fontSize-sm')) {
     //  @debug 'original: ' + #{$componentVariable} + ", varcount: " + $num;
     //  @debug 'concatet:' + var(#{str-slice($componentVariable, 5, -2)}, #{$fallbackValue});
     //  @debug 'concat 2:' + var(#{str-slice($componentVariable, 5, $offset)}, #{$fallbackValue});
@@ -771,12 +771,11 @@ $borderColor--disabled: createVar(borderColor--disabled);
 $backgroundColor--selected: createVar(backgroundColor--selected);
 $fontFamily: createVar(fontFamily);
 $fontSize-tiny: createVar(fontSize-tiny);
-$fontSize-smaller: createVar(fontSize-smaller);
-$fontSize-small: createVar(fontSize-small);
-$fontSize-normal: createVar(fontSize-normal);
-$fontSize-medium: createVar(fontSize-medium);
-$fontSize-large: createVar(fontSize-large);
-$fontSize-larger: createVar(fontSize-larger);
+$fontSize-xs: createVar(fontSize-xs);
+$fontSize-sm: createVar(fontSize-sm);
+$fontSize-base: createVar(fontSize-base);
+$fontSize-xl: createVar(fontSize-xl);
+$fontSize-2xl: createVar(fontSize-2xl);
 
 $backgroundColor-overlay: createVar(backgroundColor-overlay);
 $color-info: createVar(color-info);