@threadlabs/looma 0.1.0

package/vue/index.d.ts

@@ -0,0 +1,167 @@
+import * as vue from 'vue';
+
+interface VueAdapterEventMap {
+    open: {
+        open: boolean;
+        reason: string;
+        trigger: string;
+    };
+    close: {
+        open: boolean;
+        reason: string;
+        trigger: string;
+    };
+    select: {
+        value: string;
+        previousValue?: string;
+        trigger: string;
+    };
+    change: {
+        checked: boolean;
+        value: string;
+        trigger: string;
+    };
+    input: {
+        value: string;
+        trigger: string;
+    };
+    dismiss: {
+        id: string;
+        reason: string;
+        trigger: string;
+    };
+}
+
+declare const Stack: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Inline: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Cluster: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Grid: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Center: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Separator: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Disclosure: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Tabs: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Dialog: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Popover: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Menu: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const MenuItem: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const ContextMenu: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Button: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const IconButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Input: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Select: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Textarea: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const FormField: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Tooltip: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const ToastRegion: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Checkbox: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Switch: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const RadioGroup: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Radio: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Badge: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Avatar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const AvatarGroup: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const FloatingActionButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const SearchShell: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const SearchResultRow: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const TopBar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const ADAPTER_COMPONENT_TAG_MAP: {
+    readonly Stack: "ui-stack";
+    readonly Inline: "ui-inline";
+    readonly Cluster: "ui-cluster";
+    readonly Grid: "ui-grid";
+    readonly Center: "ui-center";
+    readonly Separator: "ui-separator";
+    readonly Disclosure: "ui-disclosure";
+    readonly Tabs: "ui-tabs";
+    readonly Dialog: "ui-dialog";
+    readonly Popover: "ui-popover";
+    readonly Menu: "ui-menu";
+    readonly MenuItem: "ui-menu-item";
+    readonly ContextMenu: "ui-context-menu";
+    readonly Button: "ui-button";
+    readonly IconButton: "ui-icon-button";
+    readonly Input: "ui-input";
+    readonly Select: "ui-select";
+    readonly Textarea: "ui-textarea";
+    readonly FormField: "ui-form-field";
+    readonly Tooltip: "ui-tooltip";
+    readonly ToastRegion: "ui-toast-region";
+    readonly Checkbox: "ui-checkbox";
+    readonly Switch: "ui-switch";
+    readonly RadioGroup: "ui-radio-group";
+    readonly Radio: "ui-radio";
+    readonly Badge: "ui-badge";
+    readonly Avatar: "ui-avatar";
+    readonly AvatarGroup: "ui-avatar-group";
+    readonly FloatingActionButton: "ui-floating-action-button";
+    readonly SearchShell: "ui-search-shell";
+    readonly SearchResultRow: "ui-search-result-row";
+    readonly TopBar: "ui-top-bar";
+};
+declare const VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
+
+export { ADAPTER_COMPONENT_TAG_MAP, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, SearchResultRow, SearchShell, Select, Separator, Stack, Switch, Tabs, Textarea, ToastRegion, Tooltip, TopBar, VUE_ADAPTER_NOTE, type VueAdapterEventMap };

package/vue/index.js

@@ -0,0 +1,113 @@
+import {
+  createAdapterComponent
+} from "./chunk-J4UBEIIL.js";
+
+// src/index.ts
+import "@threadlabs/looma/layout";
+import "@threadlabs/looma/core";
+var Stack = createAdapterComponent("ui-stack", "Stack");
+var Inline = createAdapterComponent("ui-inline", "Inline");
+var Cluster = createAdapterComponent("ui-cluster", "Cluster");
+var Grid = createAdapterComponent("ui-grid", "Grid");
+var Center = createAdapterComponent("ui-center", "Center");
+var Separator = createAdapterComponent("ui-separator", "Separator");
+var Disclosure = createAdapterComponent("ui-disclosure", "Disclosure");
+var Tabs = createAdapterComponent("ui-tabs", "Tabs");
+var Dialog = createAdapterComponent("ui-dialog", "Dialog");
+var Popover = createAdapterComponent("ui-popover", "Popover");
+var Menu = createAdapterComponent("ui-menu", "Menu");
+var MenuItem = createAdapterComponent("ui-menu-item", "MenuItem");
+var ContextMenu = createAdapterComponent("ui-context-menu", "ContextMenu");
+var Button = createAdapterComponent("ui-button", "Button");
+var IconButton = createAdapterComponent("ui-icon-button", "IconButton");
+var Input = createAdapterComponent("ui-input", "Input");
+var Select = createAdapterComponent("ui-select", "Select");
+var Textarea = createAdapterComponent("ui-textarea", "Textarea");
+var FormField = createAdapterComponent("ui-form-field", "FormField");
+var Tooltip = createAdapterComponent("ui-tooltip", "Tooltip");
+var ToastRegion = createAdapterComponent("ui-toast-region", "ToastRegion");
+var Checkbox = createAdapterComponent("ui-checkbox", "Checkbox");
+var Switch = createAdapterComponent("ui-switch", "Switch");
+var RadioGroup = createAdapterComponent("ui-radio-group", "RadioGroup");
+var Radio = createAdapterComponent("ui-radio", "Radio");
+var Badge = createAdapterComponent("ui-badge", "Badge");
+var Avatar = createAdapterComponent("ui-avatar", "Avatar");
+var AvatarGroup = createAdapterComponent("ui-avatar-group", "AvatarGroup");
+var FloatingActionButton = createAdapterComponent(
+  "ui-floating-action-button",
+  "FloatingActionButton"
+);
+var SearchShell = createAdapterComponent("ui-search-shell", "SearchShell");
+var SearchResultRow = createAdapterComponent("ui-search-result-row", "SearchResultRow");
+var TopBar = createAdapterComponent("ui-top-bar", "TopBar");
+var ADAPTER_COMPONENT_TAG_MAP = {
+  Stack: "ui-stack",
+  Inline: "ui-inline",
+  Cluster: "ui-cluster",
+  Grid: "ui-grid",
+  Center: "ui-center",
+  Separator: "ui-separator",
+  Disclosure: "ui-disclosure",
+  Tabs: "ui-tabs",
+  Dialog: "ui-dialog",
+  Popover: "ui-popover",
+  Menu: "ui-menu",
+  MenuItem: "ui-menu-item",
+  ContextMenu: "ui-context-menu",
+  Button: "ui-button",
+  IconButton: "ui-icon-button",
+  Input: "ui-input",
+  Select: "ui-select",
+  Textarea: "ui-textarea",
+  FormField: "ui-form-field",
+  Tooltip: "ui-tooltip",
+  ToastRegion: "ui-toast-region",
+  Checkbox: "ui-checkbox",
+  Switch: "ui-switch",
+  RadioGroup: "ui-radio-group",
+  Radio: "ui-radio",
+  Badge: "ui-badge",
+  Avatar: "ui-avatar",
+  AvatarGroup: "ui-avatar-group",
+  FloatingActionButton: "ui-floating-action-button",
+  SearchShell: "ui-search-shell",
+  SearchResultRow: "ui-search-result-row",
+  TopBar: "ui-top-bar"
+};
+var VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
+export {
+  ADAPTER_COMPONENT_TAG_MAP,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  Button,
+  Center,
+  Checkbox,
+  Cluster,
+  ContextMenu,
+  Dialog,
+  Disclosure,
+  FloatingActionButton,
+  FormField,
+  Grid,
+  IconButton,
+  Inline,
+  Input,
+  Menu,
+  MenuItem,
+  Popover,
+  Radio,
+  RadioGroup,
+  SearchResultRow,
+  SearchShell,
+  Select,
+  Separator,
+  Stack,
+  Switch,
+  Tabs,
+  Textarea,
+  ToastRegion,
+  Tooltip,
+  TopBar,
+  VUE_ADAPTER_NOTE
+};