@fluixi/web-components 0.0.0-stage → 1.0.0-alpha.97

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Publish a Fluixi component as a standard custom element.
+ *
+ * The boundary, and nothing below it. Signals, effects, ownership, DOM insertion and
+ * cleanup all come from `@fluixi/reactive` and `@fluixi/dom`; this package translates
+ * between them and the four browser callbacks. It depends on both and neither depends
+ * on it, so the direction stays reactive, then dom, then here, then the compiler.
+ *
+ * @example
+ * ```ts
+ * import { defineElement, prop } from '@fluixi/web-components';
+ * import { html } from '@fluixi/dom';
+ * import { signal } from '@fluixi/reactive/signal';
+ *
+ * defineElement('my-counter', ({ props, dispatch }) => {
+ *   const count = signal(0);
+ *   return html`
+ *     <button @click=${() => { count.set(count() + 1); dispatch('change', { value: count() }); }}>
+ *       ${() => count() + props.step()}
+ *     </button>`;
+ * }, { props: { step: prop.number(1) } });
+ * ```
+ */
+export { HTMLReactiveElement, typedElement, defineElement, createElementClass } from './element.js';
+export type { ElementOptions, ElementBase, ElementMixin, ElementConstructor, Host, Setup, ShadowOption, TypedElementClass } from './element.js';
+export { prop } from './props.js';
+export type { PropDeclaration, PropOptions, PropAccessors } from './props.js';
+export { defineCustomElement, defineWhenUsed, isDefined } from './registry.js';
+export type { DefineOptions } from './registry.js';
+export { createDispatch } from './events.js';
+export type { Dispatch, DispatchInit } from './events.js';
+export { createTargets } from './targets.js';
+export type { ElementStyles } from './styles.js';
+export { FormAssociated } from './form.js';
+export { provideContext, consumeContext, ContextRequestEvent, ContextProviderEvent } from './context.js';
+export type { ElementContext, ConsumeOptions } from './context.js';
+export { rovingFocus, trapFocus, tabbables, deepActiveElement } from './focus.js';
+export type { RovingFocusOptions, FocusTrapOptions } from './focus.js';
+export type { Targets } from './targets.js';
+export type { PropValues, ElementOf, ElementAttributes, ForeignElementAttributes, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACpG,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEhJ,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/E,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzG,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAClF,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,YAAY,EACV,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+/**
+ * Publish a Fluixi component as a standard custom element.
+ *
+ * The boundary, and nothing below it. Signals, effects, ownership, DOM insertion and
+ * cleanup all come from `@fluixi/reactive` and `@fluixi/dom`; this package translates
+ * between them and the four browser callbacks. It depends on both and neither depends
+ * on it, so the direction stays reactive, then dom, then here, then the compiler.
+ *
+ * @example
+ * ```ts
+ * import { defineElement, prop } from '@fluixi/web-components';
+ * import { html } from '@fluixi/dom';
+ * import { signal } from '@fluixi/reactive/signal';
+ *
+ * defineElement('my-counter', ({ props, dispatch }) => {
+ *   const count = signal(0);
+ *   return html`
+ *     <button @click=${() => { count.set(count() + 1); dispatch('change', { value: count() }); }}>
+ *       ${() => count() + props.step()}
+ *     </button>`;
+ * }, { props: { step: prop.number(1) } });
+ * ```
+ */
+export { HTMLReactiveElement, typedElement, defineElement, createElementClass } from './element.js';
+export { prop } from './props.js';
+export { defineCustomElement, defineWhenUsed, isDefined } from './registry.js';
+export { createDispatch } from './events.js';
+export { createTargets } from './targets.js';
+export { FormAssociated } from './form.js';
+export { provideContext, consumeContext, ContextRequestEvent, ContextProviderEvent } from './context.js';
+export { rovingFocus, trapFocus, tabbables, deepActiveElement } from './focus.js';