xmlui 0.11.21 → 0.11.23

package/dist/lib/{initMock-CP3zGYe3.js → initMock-BE0szWSR.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-CkNqkb53.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-Dh3wc_JX.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";

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

@@ -1,4 +1,4 @@
-import { r as requireMain, s as start } from "./server-common-Ce61T1XU.js";
+import { r as requireMain, s as start } from "./server-common-DjRwBoWi.js";
 var browser;
 var hasRequiredBrowser;
 function requireBrowser() {

package/dist/lib/language-server.js

@@ -1,4 +1,4 @@
-import { r as requireMain, s as start$1 } from "./server-common-Ce61T1XU.js";
+import { r as requireMain, s as start$1 } from "./server-common-DjRwBoWi.js";
 var node;
 var hasRequiredNode;
 function requireNode() {

package/dist/lib/{metadata-utils-BXGJbvlh.js → metadata-utils-ow3vRMof.js}

@@ -1,4 +1,4 @@
-import { u as onPrefixRegex, x as stripOnPrefix } from "./transform-CQ_6R-43.js";
+import { u as onPrefixRegex, x as stripOnPrefix } from "./transform-vby4pBMJ.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -490,13 +490,13 @@ export {
   getDefaultExportFromCjs as b,
   alignmentOptionValues as c,
   alignmentOptionMd as d,
-  layoutOptionKeys as e,
-  iconPositionMd as f,
+  iconPositionMd as e,
+  buttonTypesMd as f,
   getAugmentedNamespace as g,
-  buttonTypesMd as h,
+  buttonThemeMd as h,
   isSizeType as i,
-  buttonThemeMd as j,
-  buttonVariantMd as k,
+  buttonVariantMd as j,
+  layoutOptionKeys as k,
   labelPositionMd as l,
   variantOptionsMd as m,
   scrollAnchoringValues as n,

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

@@ -481,17 +481,17 @@ $THEME-VAR-PREFIX: xmlui;
 @function composeTextVars($themeVars, $subject, $default: false) {
   $tmp: if(
     $default,
-    appendThemeVarWithFallback($themeVars, "textColor-#{$subject}", "textColor-#{$default}"),
+    appendThemeVarWithFallback($themeVars, "textColor-#{$subject}", "textColor"),
     appendThemeVar($themeVars, "textColor-#{$subject}")
   ) !global;
   $tmp: if(
     $default,
-    appendThemeVarWithFallback($tmp, "fontFamily-#{$subject}", "fontFamily-#{$default}"),
+    appendThemeVarWithFallback($tmp, "fontFamily-#{$subject}", "fontFamily"),
     appendThemeVar($tmp, "fontFamily-#{$subject}")
   ) !global;
   $tmp: if(
     $default,
-    appendThemeVarWithFallback($tmp, "fontSize-#{$subject}", "fontSize-#{$default}"),
+    appendThemeVar($tmp, "fontSize-#{$subject}"),
     appendThemeVar($tmp, "fontSize-#{$subject}")
   ) !global;
   $tmp: if(
@@ -561,7 +561,7 @@ $THEME-VAR-PREFIX: xmlui;
   ) !global;
   $tmp: if(
     $default,
-    appendThemeVarWithFallback($tmp, "lineHeight-#{$subject}", "lineHeight-#{$default}"),
+    appendThemeVar($tmp, "lineHeight-#{$subject}"),
     appendThemeVar($tmp, "lineHeight-#{$subject}")
   ) !global;
   $tmp: if(
@@ -576,7 +576,7 @@ $THEME-VAR-PREFIX: xmlui;
   ) !global;
   $tmp: if(
     $default,
-    appendThemeVarWithFallback($tmp, "letterSpacing-#{$subject}", "letterSpacing-#{$default}"),
+    appendThemeVarWithFallback($tmp, "letterSpacing-#{$subject}", "letterSpacing"),
     appendThemeVar($tmp, "letterSpacing-#{$subject}")
   ) !global;
   $tmp: if(
@@ -758,7 +758,8 @@ $space-96: createVar(space-96);
 // ---------------------------------------------------------------------------------------------------------------------
 // Generic style variables
 
-$textColor-primary: createVar(textColor-primary);
+$textColor: createVar(textColor);
+$textColor-primary: createVar(textColor);
 $textColor-attention: createVar(textColor-attention);
 $backgroundColor-attention: createVar(backgroundColor-attention);
 $textColor-subtitle: createVar(textColor-subtitle);
@@ -769,13 +770,41 @@ $textColor--disabled: createVar(textColor--disabled);
 $backgroundColor--disabled: createVar(backgroundColor--disabled);
 $borderColor--disabled: createVar(borderColor--disabled);
 $backgroundColor--selected: createVar(backgroundColor--selected);
+
 $fontFamily: createVar(fontFamily);
 $fontSize-tiny: createVar(fontSize-tiny);
+
 $fontSize-xs: createVar(fontSize-xs);
+$fontSize-code: createVar(fontSize-code);
 $fontSize-sm: createVar(fontSize-sm);
 $fontSize-base: createVar(fontSize-base);
+$fontSize-lg: createVar(fontSize-lg);
 $fontSize-xl: createVar(fontSize-xl);
 $fontSize-2xl: createVar(fontSize-2xl);
+$fontSize-3xl: createVar(fontSize-3xl);
+$fontSize-4xl: createVar(fontSize-4xl);
+$fontSize-5xl: createVar(fontSize-5xl);
+$fontSize-6xl: createVar(fontSize-6xl);
+$fontSize-7xl: createVar(fontSize-7xl);
+$fontSize-8xl: createVar(fontSize-8xl);
+$fontSize-9xl: createVar(fontSize-9xl);
+$fontSize: createVar(fontSize);
+
+$lineHeight-none: createVar(lineHeight-none);
+$lineHeight-tight: createVar(lineHeight-tight);
+$lineHeight-snug: createVar(lineHeight-snug);
+$lineHeight-normal: createVar(lineHeight-normal);
+$lineHeight-relaxed: createVar(lineHeight-relaxed);
+$lineHeight-loose: createVar(lineHeight-loose);
+$lineHeight: createVar(lineHeight);
+
+$letterSpacing-tighter: createVar(letterSpacing-tighter);
+$letterSpacing-tight: createVar(letterSpacing-tight);
+$letterSpacing-normal: createVar(letterSpacing-normal);
+$letterSpacing-wide: createVar(letterSpacing-wide);
+$letterSpacing-wider: createVar(letterSpacing-wider);
+$letterSpacing-widest: createVar(letterSpacing-widest);
+$letterSpacing: createVar(letterSpacing);
 
 $backgroundColor-overlay: createVar(backgroundColor-overlay);
 $color-info: createVar(color-info);
@@ -848,5 +877,4 @@ $fontWeight-bold: createVar(fontWeight-bold);
 $borderRadius: createVar(borderRadius);
 
 // body
-$fontSize: createVar(fontSize);
 $fontWeight: createVar(fontWeight);

package/dist/lib/scss/index.scss

@@ -12,7 +12,9 @@
   /************************/
 
   /* Normal box-sizing model */
-  *, *::before, *::after {
+  *,
+  *::before,
+  *::after {
     box-sizing: border-box;
   }
 
@@ -22,16 +24,16 @@
   }
 
   /* Allow percentage-based heights in the application */
-  html, body {
+  html,
+  body {
     height: 100%;
   }
 
-  #root{
+  #root {
     min-height: 100%;
     height: 100%;
   }
 
-
   html {
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
@@ -39,79 +41,102 @@
   }
 
   body {
-    line-height: inherit;
     margin: 0;
-
   }
 
   /* Create a root stacking context */
-  #root, #__next {
+  #root,
+  #__next {
     isolation: isolate;
   }
 
   //tailwind css preflight
-  *, :before, :after {
+  *,
+  :before,
+  :after {
     box-sizing: border-box;
-    border: 0 solid #e5e7eb
+    border: 0 solid #e5e7eb;
   }
 
   hr {
     color: inherit;
     border-top-width: 1px;
-    height: 0
+    height: 0;
   }
 
   abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted
+    text-decoration: underline dotted;
   }
 
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     // font-size: inherit;
-    font-weight: inherit
+    font-weight: inherit;
   }
 
   a {
     color: inherit;
     -webkit-text-decoration: inherit;
-    text-decoration: inherit
+    text-decoration: inherit;
   }
 
-  b, strong {
-    font-weight: bolder
+  b,
+  strong {
+    font-weight: bolder;
   }
 
-  code, kbd, samp, pre {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-    font-size: 1em
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family:
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      Liberation Mono,
+      Courier New,
+      monospace;
+    font-size: 1em;
   }
 
   small {
-    font-size: 80%
+    font-size: 80%;
   }
 
-  sub, sup {
+  sub,
+  sup {
     vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
-    position: relative
+    position: relative;
   }
 
   sub {
-    bottom: -.25em
+    bottom: -0.5em;
   }
 
   sup {
-    top: -.5em
+    top: -0.5em;
   }
 
   table {
     text-indent: 0;
     border-color: inherit;
-    border-collapse: collapse
+    border-collapse: collapse;
   }
 
-  button, input, optgroup, select, textarea {
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     font-family: inherit;
@@ -120,43 +145,44 @@
     line-height: inherit;
     color: inherit;
     margin: 0;
-    padding: 0
+    padding: 0;
   }
 
-  button, select {
-    text-transform: none
+  button,
+  select {
+    text-transform: none;
   }
 
   button {
     -webkit-appearance: button;
     background-color: transparent;
-    background-image: none
+    background-image: none;
   }
 
-  [type=button] {
+  [type="button"] {
     -webkit-appearance: button;
     background-color: transparent;
-    background-image: none
+    background-image: none;
   }
 
-  [type=reset] {
+  [type="reset"] {
     -webkit-appearance: button;
     background-color: transparent;
-    background-image: none
+    background-image: none;
   }
 
-  [type=submit] {
+  [type="submit"] {
     -webkit-appearance: button;
     background-color: transparent;
-    background-image: none
+    background-image: none;
   }
 
   :-moz-focusring {
-    outline: auto
+    outline: auto;
   }
 
   :-moz-ui-invalid {
-    box-shadow: none
+    box-shadow: none;
   }
 
   *:focus-visible {
@@ -165,46 +191,58 @@
   }
 
   progress {
-    vertical-align: baseline
+    vertical-align: baseline;
   }
 
   ::-webkit-inner-spin-button {
-    height: auto
+    height: auto;
   }
 
   ::-webkit-outer-spin-button {
-    height: auto
+    height: auto;
   }
 
-  [type=search] {
+  [type="search"] {
     -webkit-appearance: textfield;
-    outline-offset: -2px
+    outline-offset: -2px;
   }
 
   ::-webkit-search-decoration {
-    -webkit-appearance: none
+    -webkit-appearance: none;
   }
 
   ::-webkit-file-upload-button {
     -webkit-appearance: button;
-    font: inherit
+    font: inherit;
   }
 
   summary {
-    display: list-item
-  }
-
-  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
-    margin: 0
+    display: list-item;
+  }
+
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  pre {
+    margin: 0;
   }
 
   fieldset {
     margin: 0;
-    padding: 0
+    padding: 0;
   }
 
   legend {
-    padding: 0
+    padding: 0;
   }
 
   // ol, ul, menu {
@@ -214,52 +252,61 @@
   // }
 
   dialog {
-    padding: 0
+    padding: 0;
   }
 
   textarea {
-    resize: vertical
+    resize: vertical;
   }
 
   input::-ms-input-placeholder {
     opacity: 1;
-    color: #9ca3af
+    color: #9ca3af;
   }
 
   input::placeholder {
     opacity: 1;
-    color: #9ca3af
+    color: #9ca3af;
   }
 
   textarea::-ms-input-placeholder {
     opacity: 1;
-    color: #9ca3af
+    color: #9ca3af;
   }
 
   textarea::placeholder {
     opacity: 1;
-    color: #9ca3af
+    color: #9ca3af;
   }
 
-  button, [role=button] {
-    cursor: pointer
+  button,
+  [role="button"] {
+    cursor: pointer;
   }
 
   :disabled {
-    cursor: default
+    cursor: default;
   }
 
-  img, svg, video, canvas, audio, iframe, embed, object {
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
     vertical-align: middle;
-    display: block
+    display: block;
   }
 
-  img, video {
+  img,
+  video {
     max-width: 100%;
-    height: auto
+    height: auto;
   }
 
   [hidden] {
-    display: none
+    display: none;
   }
 }

package/dist/lib/{server-common-Ce61T1XU.js → server-common-DjRwBoWi.js}

@@ -1,7 +1,7 @@
-import { g as getAugmentedNamespace, a as addOnPrefix, M as MetadataProvider } from "./metadata-utils-BXGJbvlh.js";
+import { g as getAugmentedNamespace, a as addOnPrefix, M as MetadataProvider } from "./metadata-utils-ow3vRMof.js";
 import { CompletionItemKind as CompletionItemKind$1, MarkupKind as MarkupKind$1, TextDocuments, TextDocumentSyncKind, DidChangeConfigurationNotification } from "vscode-languageserver";
 import { TextDocument as TextDocument$1 } from "vscode-languageserver-textdocument";
-import { S as SyntaxKind, B as findTokenAtPos, h as createXmlUiParser } from "./transform-CQ_6R-43.js";
+import { S as SyntaxKind, B as findTokenAtPos, h as createXmlUiParser } from "./transform-vby4pBMJ.js";
 var main$3 = {};
 var api$2 = {};
 var semanticTokens = {};

package/dist/lib/testing.js

@@ -1,5 +1,5 @@
 import { expect as expect$1, test as test$1 } from "@playwright/test";
-import { x as xmlUiMarkupToComponent, P as PART_START_ADORNMENT, a as PART_END_ADORNMENT, b as PART_INPUT } from "./xmlui-parser-9Yk-asFP.js";
+import { x as xmlUiMarkupToComponent, P as PART_START_ADORNMENT, a as PART_END_ADORNMENT, b as PART_INPUT } from "./xmlui-parser-B2m1xG6D.js";
 import "chroma-js";
 function parseComponentIfNecessary(rawComponent) {
   if (typeof rawComponent === "string") {
@@ -401,7 +401,7 @@ class BackdropDriver extends ComponentDriver {
     return this.component.locator("> *").nth(1);
   }
   getDefaultBackgroundColor() {
-    return "rgb(0, 0, 0)";
+    return "rgba(0, 0, 0, 0)";
   }
   getDefaultOpacity() {
     return "0.1";

package/dist/lib/{transform-CQ_6R-43.js → transform-vby4pBMJ.js}

@@ -6335,6 +6335,7 @@ const CORE_NS_KEY = "core-ns";
 const CORE_NAMESPACE_VALUE = "#xmlui-core-ns";
 const HelperNode = {
   property: "property",
+  template: "template",
   event: "event",
   variable: "variable",
   loaders: "loaders",
@@ -6527,6 +6528,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
       }
       switch (childName) {
         case "property":
+        case "template":
           collectElementHelper(
             usesStack2,
             comp,
@@ -6883,7 +6885,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
     const childNodes = getChildNodes(node2);
     const tagName = getComponentName(node2, getText);
     const hasComponentName = !(tagName in HelperNode);
-    const shouldUseTextNodeElement = hasComponentName || tagName === "property";
+    const shouldUseTextNodeElement = hasComponentName || tagName === "property" || tagName === "template";
     const shouldCollapseWhitespace = tagName !== "event" && tagName !== "method";
     const attrs = getAttributes(node2);
     desugarKeyOnlyAttrs(attrs);

package/dist/lib/vite-xmlui-plugin.js

@@ -7114,6 +7114,7 @@ const CORE_NS_KEY = "core-ns";
 const CORE_NAMESPACE_VALUE = "#xmlui-core-ns";
 const HelperNode = {
 	property: "property",
+	template: "template",
 	event: "event",
 	variable: "variable",
 	loaders: "loaders",
@@ -7262,6 +7263,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
 			}
 			switch (childName) {
 				case "property":
+				case "template":
 					collectElementHelper(usesStack$1, comp, child, (name) => isComponent(comp) ? comp.props?.[name] : void 0, (name, value) => {
 						if (!isComponent(comp)) return;
 						comp.props ??= {};
@@ -7552,7 +7554,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
 	function prepNode(node$1) {
 		const childNodes = getChildNodes(node$1);
 		const tagName = getComponentName(node$1, getText);
-		const shouldUseTextNodeElement = !(tagName in HelperNode) || tagName === "property";
+		const shouldUseTextNodeElement = !(tagName in HelperNode) || tagName === "property" || tagName === "template";
 		const shouldCollapseWhitespace = tagName !== "event" && tagName !== "method";
 		const attrs = getAttributes(node$1);
 		desugarKeyOnlyAttrs(attrs);

package/dist/lib/{xmlui-parser-9Yk-asFP.js → xmlui-parser-B2m1xG6D.js}

@@ -1,4 +1,4 @@
-import { h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind } from "./transform-CQ_6R-43.js";
+import { h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind } from "./transform-vby4pBMJ.js";
 const PART_LABEL = "label";
 const PART_LABELED_ITEM = "labeledItem";
 const PART_INPUT = "input";

package/dist/lib/xmlui-parser.js

@@ -1,5 +1,5 @@
-import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-CQ_6R-43.js";
-import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-CeCcgdVR.js";
+import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-vby4pBMJ.js";
+import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-DeegIW2y.js";
 export {
   q as AttributeKeyNode,
   s as AttributeListNode,

package/dist/lib/{xmlui-serializer-CeCcgdVR.js → xmlui-serializer-DeegIW2y.js}

@@ -1,4 +1,4 @@
-import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-CQ_6R-43.js";
+import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-vby4pBMJ.js";
 const componentFileExtension = "xmlui";
 const codeBehindFileExtension = "xmlui.xs";
 const moduleFileExtension = "xs";

package/dist/lib/xmlui.d.ts

@@ -145,6 +145,7 @@ declare type AppContextObject = {
     };
     distinct: (arr: any[]) => any[];
     forceRefreshAnchorScroll: () => void;
+    AppState: AppState;
 };
 
 declare const appLayoutNames: readonly ["vertical", "vertical-sticky", "vertical-full-header", "condensed", "condensed-sticky", "horizontal", "horizontal-sticky", "desktop"];
@@ -162,6 +163,26 @@ export declare function AppRoot({ apiInterceptor, contributes, node, decorateCom
     isNested?: boolean;
 }): JSX_2.Element;
 
+/**
+ * AppState type definition for global state management
+ */
+declare type AppState = {
+    define(bucket: string, initialState: any): any;
+    get(bucket: string, path?: string): any;
+    set(bucket: string, pathOrValue: string | any, value?: any): any;
+    update(bucket: string, pathOrUpdater: string | Function | any, updater?: Function | ((prev: any) => any | Promise<any>)): Promise<any>;
+    updateWith(bucket: string, updater: (prev: any) => any | Promise<any>): Promise<any>;
+    remove(bucket: string, value: any): void;
+    removeBy(bucket: string, predicate: (item: any) => boolean | Promise<boolean>): Promise<void>;
+    removeAt(bucket: string, index: number): any;
+    append(bucket: string, value: any): any;
+    push(bucket: string, value: any): any;
+    pop(bucket: string): any;
+    shift(bucket: string): any;
+    unshift(bucket: string, value: any): any;
+    insertAt(bucket: string, index: number, value: any): any;
+};
+
 declare type AppThemes = {
     setActiveThemeId: (newThemeId: string) => void;
     setActiveThemeTone: (newTone: ThemeTone) => void;

package/dist/lib/xmlui.js

@@ -1,6 +1,6 @@
-import { aa, Z, al, a1, ax, av, _, $, ai, ak, ay, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-CkNqkb53.js";
-import { f as f2, x as x2 } from "./xmlui-parser-9Yk-asFP.js";
-import { X as X2 } from "./xmlui-serializer-CeCcgdVR.js";
+import { aa, Z, al, a1, ax, av, _, $, ai, ak, ay, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-Dh3wc_JX.js";
+import { f as f2, x as x2 } from "./xmlui-parser-B2m1xG6D.js";
+import { X as X2 } from "./xmlui-serializer-DeegIW2y.js";
 export {
   aa as ApiInterceptorProvider,
   Z as AppRoot,