@indielayer/ui 1.18.1 → 2.1.0

package/lib/components/image/Image.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, ref as o, unref as s, watch as c } from "vue";
+//#region src/components/image/Image.vue?vue&type=script&setup=true&lang.ts
+var l = ["src"], u = /* @__PURE__ */ n({
+	name: "XImage",
+	docs: {},
+	props: { src: {
+		type: String,
+		description: "Image URL. Shows a transparent placeholder until the image loads."
+	} },
+	setup(n) {
+		let u = n, d = o("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=");
+		typeof window < "u" && Image && c(() => u.src, (e) => {
+			if (!e) return;
+			let t = new Image();
+			t.onload = () => {
+				d.value = u.src;
+			}, t.onerror = () => {}, t.src = e;
+		}, { immediate: !0 });
+		let { styles: f, classes: p, className: m } = e("Image", {}, u);
+		return (e, n) => (a(), t("img", {
+			class: r([s(m), s(p).wrapper]),
+			style: i(s(f)),
+			src: d.value
+		}, null, 14, l));
+	}
+});
+//#endregion
+export { u as default };

package/lib/components/image/theme/Image.base.theme.js

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: ""
-  }
-}, s = e;
-export {
-  s as default
-};
+//#region src/components/image/theme/Image.base.theme.ts
+var e = { classes: { wrapper: "" } };
+//#endregion
+export { e as default };

package/lib/components/image/theme/Image.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Image.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/image/theme/Image.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/index.d.ts

@@ -11,12 +11,14 @@ export * from './container';
 export * from './datepicker';
 export * from './divider';
 export * from './drawer';
+export * from './empty';
 export * from './form';
 export * from './formGroup';
 export * from './icon';
 export * from './image';
 export * from './input';
 export * from './inputFooter';
+export * from './inputGroup';
 export * from './label';
 export * from './link';
 export * from './loader';
@@ -28,6 +30,7 @@ export * from './popover';
 export * from './progress';
 export * from './qrCode';
 export * from './radio';
+export * from './radioButton';
 export * from './scroll';
 export * from './select';
 export * from './skeleton';

package/lib/components/index.js

@@ -1,120 +1,128 @@
-import { default as t } from "./accordion/Accordion.vue.js";
-import { default as l } from "./accordion/AccordionItem.vue.js";
-import { default as p } from "./badge/Badge.vue.js";
-import { default as m } from "./breadcrumbs/Breadcrumbs.vue.js";
-import { default as x } from "./card/Card.vue.js";
-import { default as i } from "./carousel/Carousel.vue.js";
-import { default as T } from "./container/Container.vue.js";
-import { default as b } from "./datepicker/Datepicker.vue.js";
-import "./datepicker/Datepicker.vue2.js";
-import { default as C } from "./divider/Divider.vue.js";
-import { default as I } from "./drawer/Drawer.vue.js";
-import { default as v } from "./form/Form.vue.js";
-import { default as k } from "./formGroup/FormGroup.vue.js";
-import { default as D } from "./image/Image.vue.js";
-import { default as G } from "./menu/Menu.vue.js";
-import { default as M } from "./modal/Modal.vue.js";
-import { default as w } from "./notifications/Notifications.vue.js";
-import { default as R } from "./pagination/Pagination.vue.js";
-import { default as N } from "./popover/Popover.vue.js";
-import "./popover/Popover.vue2.js";
-import { default as U } from "./popover/PopoverContainer.vue.js";
-import { default as q } from "./progress/Progress.vue.js";
-import { default as E } from "./qrCode/QrCode.vue.js";
-import { default as K } from "./select/Select.vue.js";
-import { default as V } from "./skeleton/Skeleton.vue.js";
-import { default as Y } from "./stepper/Stepper.vue.js";
-import { default as _ } from "./tab/Tab.vue.js";
-import { default as ee } from "./tab/TabGroup.vue.js";
-import { default as re } from "./table/Table.vue.js";
-import { default as te } from "./textarea/Textarea.vue.js";
-import { default as le } from "./themeProvider/ThemeProvider.vue.js";
-import { default as pe } from "./toggle/Toggle.vue.js";
-import { default as me } from "./upload/Upload.vue.js";
-import { default as xe } from "./alert/Alert.vue.js";
-import { default as ie } from "./avatar/Avatar.vue.js";
-import { default as Te } from "./button/Button.vue.js";
-import { default as be } from "./button/ButtonGroup.vue.js";
-import { default as Ce } from "./carousel/CarouselSlide.vue.js";
-import { default as Ie } from "./checkbox/Checkbox.vue.js";
-import { default as ve } from "./icon/Icon.vue.js";
-import { default as ke } from "./input/Input.vue.js";
-import { default as De } from "./inputFooter/InputFooter.vue.js";
-import { default as Ge } from "./label/Label.vue.js";
-import { default as Me } from "./link/Link.vue.js";
-import { default as we } from "./loader/Loader.vue.js";
-import { default as Re } from "./menu/MenuItem.vue.js";
-import { default as Ne } from "./pagination/PaginationItem.vue.js";
-import { default as Ue } from "./radio/Radio.vue.js";
-import { default as qe } from "./scroll/Scroll.vue.js";
-import { default as Ee } from "./slider/Slider.vue.js";
-import { default as Ke } from "./spacer/Spacer.js";
-import { default as Ve } from "./spinner/Spinner.vue.js";
-import { default as Ye } from "./table/TableBody.js";
-import { default as _e } from "./table/TableCell.vue.js";
-import { default as eo } from "./table/TableHead.vue.js";
-import { default as ro } from "./table/TableHeader.vue.js";
-import { default as to } from "./table/TableRow.vue.js";
-import { default as lo } from "./tag/Tag.vue.js";
-import { default as uo } from "./tooltip/Tooltip.vue.js";
-import { default as so } from "./tooltip/ToggleTip.vue.js";
-export {
-  t as XAccordion,
-  l as XAccordionItem,
-  xe as XAlert,
-  ie as XAvatar,
-  p as XBadge,
-  m as XBreadcrumbs,
-  Te as XButton,
-  be as XButtonGroup,
-  x as XCard,
-  i as XCarousel,
-  Ce as XCarouselSlide,
-  Ie as XCheckbox,
-  T as XContainer,
-  b as XDatepicker,
-  C as XDivider,
-  I as XDrawer,
-  v as XForm,
-  k as XFormGroup,
-  ve as XIcon,
-  D as XImage,
-  ke as XInput,
-  De as XInputFooter,
-  Ge as XLabel,
-  Me as XLink,
-  we as XLoader,
-  G as XMenu,
-  Re as XMenuItem,
-  M as XModal,
-  w as XNotifications,
-  R as XPagination,
-  Ne as XPaginationItem,
-  N as XPopover,
-  U as XPopoverContainer,
-  q as XProgress,
-  E as XQrCode,
-  Ue as XRadio,
-  qe as XScroll,
-  K as XSelect,
-  V as XSkeleton,
-  Ee as XSlider,
-  Ke as XSpacer,
-  Ve as XSpinner,
-  Y as XStepper,
-  _ as XTab,
-  ee as XTabGroup,
-  re as XTable,
-  Ye as XTableBody,
-  _e as XTableCell,
-  eo as XTableHead,
-  ro as XTableHeader,
-  to as XTableRow,
-  lo as XTag,
-  te as XTextarea,
-  le as XThemeProvider,
-  pe as XToggle,
-  so as XToggleTip,
-  uo as XTooltip,
-  me as XUpload
-};
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import t from "./accordion/Accordion.js";
+import n from "./icon/Icon.js";
+import r from "./accordion/AccordionItem.js";
+import i from "./alert/Alert.js";
+import a from "./avatar/Avatar.js";
+import o from "./badge/Badge.js";
+import s from "./link/Link.js";
+import c from "./breadcrumbs/Breadcrumbs.js";
+import l from "./spinner/Spinner.js";
+import u from "./loader/Loader.js";
+import d from "./tooltip/Tooltip.js";
+import f from "./button/Button.js";
+import p from "./button/ButtonGroup.js";
+import m from "./card/Card.js";
+import h from "./carousel/Carousel.js";
+import g from "./carousel/CarouselSlide.js";
+import _ from "./inputFooter/InputFooter.js";
+import v from "./checkbox/Checkbox.js";
+import y from "./container/Container.js";
+import b from "./tooltip/ToggleTip.js";
+import x from "./label/Label.js";
+import S from "./input/Input.js";
+import C from "./datepicker/Datepicker.js";
+import w from "./divider/Divider.js";
+import T from "./scroll/Scroll.js";
+import E from "./drawer/Drawer.js";
+import D from "./empty/Empty.js";
+import O from "./form/Form.js";
+import k from "./formGroup/FormGroup.js";
+import A from "./image/Image.js";
+import j from "./inputGroup/InputGroup.js";
+import M from "./menu/MenuItem.js";
+import N from "./menu/Menu.js";
+import P from "./modal/Modal.js";
+import F from "./spacer/Spacer.js";
+import I from "./notifications/Notifications.js";
+import L from "./pagination/PaginationItem.js";
+import R from "./pagination/Pagination.js";
+import z from "./popover/Popover.js";
+import B from "./popover/PopoverContainer.js";
+import V from "./progress/Progress.js";
+import H from "./qrCode/QrCode.js";
+import U from "./radio/Radio.js";
+import W from "./radioButton/RadioButton.js";
+import G from "./tag/Tag.js";
+import K from "./select/Select.js";
+import q from "./skeleton/Skeleton.js";
+import J from "./slider/Slider.js";
+import Y from "./stepper/Stepper.js";
+import X from "./tab/Tab.js";
+import Z from "./tab/TabGroup.js";
+import Q from "./table/TableHead.js";
+import $ from "./table/TableHeader.js";
+import ee from "./table/TableBody.js";
+import te from "./table/TableRow.js";
+import ne from "./table/TableCell.js";
+import re from "./table/Table.js";
+import ie from "./textarea/Textarea.js";
+import ae from "./themeProvider/ThemeProvider.js";
+import oe from "./toggle/Toggle.js";
+import se from "./upload/Upload.js";
+//#region src/components/index.ts
+var ce = /* @__PURE__ */ e({
+	XAccordion: () => t,
+	XAccordionItem: () => r,
+	XAlert: () => i,
+	XAvatar: () => a,
+	XBadge: () => o,
+	XBreadcrumbs: () => c,
+	XButton: () => f,
+	XButtonGroup: () => p,
+	XCard: () => m,
+	XCarousel: () => h,
+	XCarouselSlide: () => g,
+	XCheckbox: () => v,
+	XContainer: () => y,
+	XDatepicker: () => C,
+	XDivider: () => w,
+	XDrawer: () => E,
+	XEmpty: () => D,
+	XForm: () => O,
+	XFormGroup: () => k,
+	XIcon: () => n,
+	XImage: () => A,
+	XInput: () => S,
+	XInputFooter: () => _,
+	XInputGroup: () => j,
+	XLabel: () => x,
+	XLink: () => s,
+	XLoader: () => u,
+	XMenu: () => N,
+	XMenuItem: () => M,
+	XModal: () => P,
+	XNotifications: () => I,
+	XPagination: () => R,
+	XPaginationItem: () => L,
+	XPopover: () => z,
+	XPopoverContainer: () => B,
+	XProgress: () => V,
+	XQrCode: () => H,
+	XRadio: () => U,
+	XRadioButton: () => W,
+	XScroll: () => T,
+	XSelect: () => K,
+	XSkeleton: () => q,
+	XSlider: () => J,
+	XSpacer: () => F,
+	XSpinner: () => l,
+	XStepper: () => Y,
+	XTab: () => X,
+	XTabGroup: () => Z,
+	XTable: () => re,
+	XTableBody: () => ee,
+	XTableCell: () => ne,
+	XTableHead: () => Q,
+	XTableHeader: () => $,
+	XTableRow: () => te,
+	XTag: () => G,
+	XTextarea: () => ie,
+	XThemeProvider: () => ae,
+	XToggle: () => oe,
+	XToggleTip: () => b,
+	XTooltip: () => d,
+	XUpload: () => se
+});
+//#endregion
+export { ce as components_exports };

package/lib/components/input/Input.js

@@ -0,0 +1,5 @@
+import e from "./Input.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/input/Input.vue
+var t = e;
+//#endregion
+export { t as default };