@shawnjs/a2ui-vue 0.1.0

package/dist/A2UITabs-CfJUet-J.js

@@ -0,0 +1,47 @@
+import { defineComponent as f, useCssVars as _, ref as v, computed as T, openBlock as r, createElementBlock as m, createElementVNode as u, normalizeStyle as C, unref as a, normalizeClass as i, Fragment as h, renderList as y, toDisplayString as I, createVNode as g } from "vue";
+import { u as k, m as x, _ as S, a as V } from "./index-BpE-uBH2.js";
+const w = ["onClick", "disabled"], z = /* @__PURE__ */ f({
+  __name: "A2UITabs",
+  props: {
+    surfaceId: {},
+    component: {},
+    weight: {},
+    tabs: {}
+  },
+  setup(t) {
+    _((c) => ({
+      d731f76a: o.weight
+    }));
+    const o = t, { theme: e, resolvePrimitive: d } = k(o), s = v(0), b = T(() => {
+      const c = s.value;
+      return o.tabs.map((p, l) => l === c ? x(
+        e.components.Tabs.controls.all,
+        e.components.Tabs.controls.selected
+      ) : e.components.Tabs.controls.all);
+    });
+    return (c, p) => (r(), m("a2ui-tabs", null, [
+      u("section", {
+        class: i(a(e).components.Tabs.container),
+        style: C(a(e).additionalStyles?.Tabs)
+      }, [
+        u("div", {
+          class: i(a(e).components.Tabs.element)
+        }, [
+          (r(!0), m(h, null, y(t.tabs, (l, n) => (r(), m("button", {
+            key: n,
+            onClick: (A) => s.value = n,
+            disabled: s.value === n,
+            class: i(b.value[n])
+          }, I(a(d)(l.title)), 11, w))), 128))
+        ], 2),
+        g(S, {
+          "surface-id": t.surfaceId,
+          component: t.tabs[s.value].child
+        }, null, 8, ["surface-id", "component"])
+      ], 6)
+    ]));
+  }
+}), E = /* @__PURE__ */ V(z, [["__scopeId", "data-v-036075bf"]]);
+export {
+  E as default
+};

package/dist/A2UITextField-78jRsRX-.js

@@ -0,0 +1,47 @@
+import { defineComponent as v, useCssVars as y, computed as r, openBlock as p, createElementBlock as d, createElementVNode as m, normalizeClass as l, unref as t, toDisplayString as I, createCommentVNode as T, normalizeStyle as b } from "vue";
+import { u as F, a as g } from "./index-BpE-uBH2.js";
+const C = ["for"], V = ["id", "value", "type"], k = /* @__PURE__ */ v({
+  __name: "A2UITextField",
+  props: {
+    surfaceId: {},
+    component: {},
+    weight: {},
+    text: {},
+    label: {},
+    textFieldType: {}
+  },
+  setup(s) {
+    y((o) => ({
+      e0db091a: e.weight
+    }));
+    const e = s, { theme: n, resolvePrimitive: i, getUniqueId: f, setData: x } = F(e), _ = r(() => i(e.text) || ""), c = r(() => i(e.label)), u = f("a2ui-input");
+    function h(o) {
+      const a = e.text?.path;
+      !(o.target instanceof HTMLInputElement) || !a || x(e.component, a, o.target.value, e.surfaceId);
+    }
+    return (o, a) => (p(), d("a2ui-text-field", null, [
+      m("section", {
+        class: l(t(n).components.TextField.container)
+      }, [
+        c.value ? (p(), d("label", {
+          key: 0,
+          for: t(u),
+          class: l(t(n).components.TextField.label)
+        }, I(c.value), 11, C)) : T("", !0),
+        m("input", {
+          autocomplete: "off",
+          class: l(t(n).components.TextField.element),
+          style: b(t(n).additionalStyles?.TextField),
+          onInput: h,
+          id: t(u),
+          value: _.value,
+          placeholder: "Please enter a value",
+          type: s.textFieldType === "number" ? "number" : "text"
+        }, null, 46, V)
+      ], 2)
+    ]));
+  }
+}), S = /* @__PURE__ */ g(k, [["__scopeId", "data-v-e5902200"]]);
+export {
+  S as default
+};

package/dist/A2UITextField-Ba85Y1ag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-BOrHKsf8.cjs"),f=["for"],x=["id","value","type"],_=e.defineComponent({__name:"A2UITextField",props:{surfaceId:{},component:{},weight:{},text:{},label:{},textFieldType:{}},setup(a){e.useCssVars(l=>({e0db091a:t.weight}));const t=a,{theme:n,resolvePrimitive:s,getUniqueId:i,setData:d}=u.useDynamicComponent(t),p=e.computed(()=>s(t.text)||""),c=e.computed(()=>s(t.label)),r=i("a2ui-input");function m(l){const o=t.text?.path;!(l.target instanceof HTMLInputElement)||!o||d(t.component,o,l.target.value,t.surfaceId)}return(l,o)=>(e.openBlock(),e.createElementBlock("a2ui-text-field",null,[e.createElementVNode("section",{class:e.normalizeClass(e.unref(n).components.TextField.container)},[c.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(r),class:e.normalizeClass(e.unref(n).components.TextField.label)},e.toDisplayString(c.value),11,f)):e.createCommentVNode("",!0),e.createElementVNode("input",{autocomplete:"off",class:e.normalizeClass(e.unref(n).components.TextField.element),style:e.normalizeStyle(e.unref(n).additionalStyles?.TextField),onInput:m,id:e.unref(r),value:p.value,placeholder:"Please enter a value",type:a.textFieldType==="number"?"number":"text"},null,46,x)],2)]))}}),v=u._export_sfc(_,[["__scopeId","data-v-e5902200"]]);exports.default=v;

package/dist/A2UIVideo-BBH-3hgb.js

@@ -0,0 +1,32 @@
+import { defineComponent as i, useCssVars as d, computed as m, openBlock as s, createElementBlock as n, normalizeStyle as u, unref as c, normalizeClass as p, createElementVNode as _, createCommentVNode as f } from "vue";
+import { u as v, a as V } from "./index-BpE-uBH2.js";
+const h = ["src"], y = /* @__PURE__ */ i({
+  __name: "A2UIVideo",
+  props: {
+    surfaceId: {},
+    component: {},
+    weight: {},
+    url: {}
+  },
+  setup(r) {
+    d((l) => ({
+      v20422cde: e.weight
+    }));
+    const e = r, { theme: o, resolvePrimitive: a } = v(e), t = m(() => a(e.url));
+    return (l, C) => (s(), n("a2ui-video", null, [
+      t.value ? (s(), n("section", {
+        key: 0,
+        class: p(c(o).components.Video),
+        style: u(c(o).additionalStyles?.Video)
+      }, [
+        _("video", {
+          controls: "",
+          src: t.value
+        }, null, 8, h)
+      ], 6)) : f("", !0)
+    ]));
+  }
+}), k = /* @__PURE__ */ V(y, [["__scopeId", "data-v-fcd65921"]]);
+export {
+  k as default
+};

package/dist/A2UIVideo-BlJlTrZ9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index-BOrHKsf8.cjs"),i=["src"],a=e.defineComponent({__name:"A2UIVideo",props:{surfaceId:{},component:{},weight:{},url:{}},setup(s){e.useCssVars(l=>({v20422cde:o.weight}));const o=s,{theme:t,resolvePrimitive:r}=c.useDynamicComponent(o),n=e.computed(()=>r(o.url));return(l,d)=>(e.openBlock(),e.createElementBlock("a2ui-video",null,[n.value?(e.openBlock(),e.createElementBlock("section",{key:0,class:e.normalizeClass(e.unref(t).components.Video),style:e.normalizeStyle(e.unref(t).additionalStyles?.Video)},[e.createElementVNode("video",{controls:"",src:n.value},null,8,i)],6)):e.createCommentVNode("",!0)]))}}),u=c._export_sfc(a,[["__scopeId","data-v-fcd65921"]]);exports.default=u;

package/dist/a2ui-vue.css

@@ -0,0 +1 @@
+a2ui-row[data-v-b53b531f]{display:flex;flex:var(--v2e813481)}section[data-v-b53b531f]{display:flex;flex-direction:row;width:100%;min-height:100%;box-sizing:border-box}.align-start[data-v-b53b531f]{align-items:start}.align-center[data-v-b53b531f]{align-items:center}.align-end[data-v-b53b531f]{align-items:end}.align-stretch[data-v-b53b531f]{align-items:stretch}.distribute-start[data-v-b53b531f]{justify-content:start}.distribute-center[data-v-b53b531f]{justify-content:center}.distribute-end[data-v-b53b531f]{justify-content:end}.distribute-spaceBetween[data-v-b53b531f]{justify-content:space-between}.distribute-spaceAround[data-v-b53b531f]{justify-content:space-around}.distribute-spaceEvenly[data-v-b53b531f]{justify-content:space-evenly}a2ui-column[data-v-962911bf]{display:flex;flex:var(--v34ef1c34)}section[data-v-962911bf]{display:flex;flex-direction:column;min-width:100%;height:100%;box-sizing:border-box}.align-start[data-v-962911bf]{align-items:start}.align-center[data-v-962911bf]{align-items:center}.align-end[data-v-962911bf]{align-items:end}.align-stretch[data-v-962911bf]{align-items:stretch}.distribute-start[data-v-962911bf]{justify-content:start}.distribute-center[data-v-962911bf]{justify-content:center}.distribute-end[data-v-962911bf]{justify-content:end}.distribute-spaceBetween[data-v-962911bf]{justify-content:space-between}.distribute-spaceAround[data-v-962911bf]{justify-content:space-around}.distribute-spaceEvenly[data-v-962911bf]{justify-content:space-evenly}a2ui-text{display:block;flex:var(--v8882f3e6)}a2ui-text h1,a2ui-text h2,a2ui-text h3,a2ui-text h4,a2ui-text h5{line-height:inherit;font:inherit}a2ui-surface[data-v-338a980c]{display:flex;min-height:0;max-height:100%;flex-direction:column;gap:16px}a2ui-list[data-v-e51293b1]{display:block;flex:var(--c5f7ed34);min-height:0}a2ui-list[data-direction=vertical] section[data-v-e51293b1]{display:flex;flex-direction:column;max-height:100%;overflow-y:auto}a2ui-list[data-direction=horizontal] section[data-v-e51293b1]{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.a2ui-list-item[data-v-e51293b1]{display:flex;cursor:pointer;box-sizing:border-box}a2ui-card[data-v-f7d01a5b]{display:block;flex:var(--v98a62c34);min-height:0;overflow:auto}a2ui-card>section[data-v-f7d01a5b]{height:100%;width:100%;min-height:0;overflow:auto}a2ui-card>section[data-v-f7d01a5b]>*{height:100%;width:100%}a2ui-image[data-v-a9a59223]{display:block;flex:var(--v2c130bb2);min-height:0;overflow:auto}img[data-v-a9a59223]{display:block;width:100%;height:100%;box-sizing:border-box}a2ui-icon[data-v-b7e12202]{display:block;flex:var(--v6ac4842f);min-height:0;overflow:auto}a2ui-video[data-v-fcd65921]{display:block;flex:var(--v20422cde);min-height:0;overflow:auto}video[data-v-fcd65921]{display:block;width:100%;box-sizing:border-box}a2ui-audio[data-v-829d1205]{display:block;flex:var(--cec1fb52);min-height:0;overflow:auto}audio[data-v-829d1205]{display:block;width:100%;box-sizing:border-box}a2ui-button[data-v-ac5ef68d]{display:block;flex:var(--v57ca72c8);min-height:0}a2ui-divider[data-v-d7e7f57c]{display:block;min-height:0;overflow:auto}hr[data-v-d7e7f57c]{height:1px;background:#ccc;border:none}a2ui-multiple-choice[data-v-87d123dc]{display:block;flex:var(--f0bbd890);min-height:0;overflow:auto}select[data-v-87d123dc]{width:100%;box-sizing:border-box}a2ui-text-field[data-v-e5902200]{display:flex;flex:var(--e0db091a)}section[data-v-e5902200],input[data-v-e5902200],label[data-v-e5902200]{box-sizing:border-box}input[data-v-e5902200]{display:block;width:100%}label[data-v-e5902200]{display:block;margin-bottom:4px}a2ui-datetime-input[data-v-7d80ddaa]{display:block;flex:var(--v6c13f311);min-height:0;overflow:auto}input[data-v-7d80ddaa]{display:block;width:100%;box-sizing:border-box}a2ui-checkbox[data-v-295ec633]{display:block;flex:var(--v475d4c56);min-height:0;overflow:auto}input[data-v-295ec633]{display:block;width:100%}a2ui-slider[data-v-a8446ae1]{display:block;flex:var(--v7cd6127a);width:100%}input[data-v-a8446ae1]{display:block;width:100%;box-sizing:border-box}a2ui-tabs[data-v-036075bf]{display:block;flex:var(--d731f76a);width:100%}dialog[data-v-8d9f325d]{padding:0;border:none;background:transparent;box-shadow:none;overflow:visible}dialog section .controls[data-v-8d9f325d]{display:flex;justify-content:end;margin-bottom:4px}dialog section .controls button[data-v-8d9f325d]{padding:0;background:none;width:20px;height:20px;border:none;cursor:pointer}