element-vir 5.6.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +97 -93
- package/dist/augments/testing.d.ts +15 -0
- package/dist/augments/testing.js +76 -0
- package/dist/augments/type.d.ts +7 -0
- package/dist/augments/type.js +13 -1
- package/dist/{functional-element → declarative-element}/css-vars.d.ts +0 -0
- package/dist/{functional-element → declarative-element}/css-vars.js +0 -0
- package/dist/declarative-element/declarative-element-init.d.ts +33 -0
- package/dist/declarative-element/declarative-element-init.js +1 -0
- package/dist/declarative-element/declarative-element.d.ts +44 -0
- package/dist/declarative-element/declarative-element.js +18 -0
- package/dist/declarative-element/define-element-no-inputs.d.ts +5 -0
- package/dist/declarative-element/define-element-no-inputs.js +118 -0
- package/dist/declarative-element/define-element.d.ts +5 -0
- package/dist/declarative-element/define-element.js +13 -0
- package/dist/declarative-element/definition-options.d.ts +5 -0
- package/dist/declarative-element/definition-options.js +4 -0
- package/dist/declarative-element/directives/assign-with-clean-up.directive.d.ts +23 -0
- package/dist/declarative-element/directives/assign-with-clean-up.directive.js +43 -0
- package/dist/declarative-element/directives/assign.directive.d.ts +12 -0
- package/dist/declarative-element/directives/assign.directive.js +35 -0
- package/dist/{functional-element/directives/directive-util.d.ts → declarative-element/directives/directive-helpers.d.ts} +2 -3
- package/dist/{functional-element/directives/directive-util.js → declarative-element/directives/directive-helpers.js} +4 -4
- package/dist/{functional-element → declarative-element}/directives/listen.directive.d.ts +2 -2
- package/dist/{functional-element → declarative-element}/directives/listen.directive.js +1 -1
- package/dist/{functional-element → declarative-element}/directives/on-dom-created.directive.d.ts +0 -0
- package/dist/{functional-element → declarative-element}/directives/on-dom-created.directive.js +1 -1
- package/dist/{functional-element → declarative-element}/directives/on-resize.directive.d.ts +0 -0
- package/dist/{functional-element → declarative-element}/directives/on-resize.directive.js +1 -1
- package/dist/{functional-element → declarative-element}/element-events.d.ts +0 -0
- package/dist/{functional-element → declarative-element}/element-events.js +1 -1
- package/dist/{functional-element → declarative-element}/element-properties.d.ts +3 -3
- package/dist/declarative-element/element-properties.js +53 -0
- package/dist/declarative-element/has-declarative-element-parent.d.ts +1 -0
- package/dist/declarative-element/has-declarative-element-parent.js +16 -0
- package/dist/declarative-element/host-classes.d.ts +21 -0
- package/dist/{functional-element → declarative-element}/host-classes.js +0 -0
- package/dist/declarative-element/render-callback.d.ts +22 -0
- package/dist/{functional-element → declarative-element}/render-callback.js +4 -3
- package/dist/{functional-element → declarative-element}/styles.d.ts +7 -1
- package/dist/{functional-element → declarative-element}/styles.js +2 -2
- package/dist/{functional-element → declarative-element}/tag-name.d.ts +0 -0
- package/dist/{functional-element → declarative-element}/tag-name.js +0 -0
- package/dist/declarative-element-marker-symbol.d.ts +1 -0
- package/dist/declarative-element-marker-symbol.js +1 -0
- package/dist/index.d.ts +14 -12
- package/dist/index.js +13 -12
- package/dist/require-declarative-element.d.ts +2 -0
- package/dist/require-declarative-element.js +4 -0
- package/dist/template-transforms/nested-mapped-templates.d.ts +6 -0
- package/dist/template-transforms/nested-mapped-templates.js +96 -0
- package/dist/template-transforms/transform-template.js +21 -2
- package/dist/template-transforms/vir-css/css-transform.d.ts +2 -2
- package/dist/template-transforms/vir-css/vir-css.d.ts +2 -2
- package/dist/template-transforms/vir-css/vir-css.js +1 -1
- package/dist/template-transforms/vir-html/html-transform.js +3 -3
- package/dist/template-transforms/vir-html/vir-html.d.ts +1 -1
- package/dist/template-transforms/vir-html/vir-html.js +1 -1
- package/index.html +14 -0
- package/package.json +14 -14
- package/public/index.css +7 -0
- package/dist/functional-element/define-functional-element.d.ts +0 -4
- package/dist/functional-element/define-functional-element.js +0 -70
- package/dist/functional-element/directives/assign-with-clean-up.directive.d.ts +0 -19
- package/dist/functional-element/directives/assign-with-clean-up.directive.js +0 -36
- package/dist/functional-element/directives/assign.directive.d.ts +0 -15
- package/dist/functional-element/directives/assign.directive.js +0 -23
- package/dist/functional-element/element-properties.js +0 -50
- package/dist/functional-element/functional-element.d.ts +0 -57
- package/dist/functional-element/functional-element.js +0 -3
- package/dist/functional-element/host-classes.d.ts +0 -19
- package/dist/functional-element/render-callback.d.ts +0 -21
- package/dist/require-functional-element.d.ts +0 -2
- package/dist/require-functional-element.js +0 -4
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { PropertyInitMapBase } from './element-properties';
|
|
2
|
-
import { WithTagName } from './tag-name';
|
|
3
|
-
export declare type HostClassToggleCallbackInput<PropertyInitGeneric extends PropertyInitMapBase> = {
|
|
4
|
-
props: Readonly<PropertyInitGeneric>;
|
|
5
|
-
};
|
|
6
|
-
export declare type HostClassToggleCallback<PropertyInitGeneric extends PropertyInitMapBase> = (inputs: HostClassToggleCallbackInput<PropertyInitGeneric>) => boolean;
|
|
7
|
-
export declare type HostClassesInitMap<HostClassKeys extends string, PropertyInitGeneric extends PropertyInitMapBase> = Record<HostClassKeys,
|
|
8
|
-
/**
|
|
9
|
-
* Callback to determine when host class should be enabled (based on current props), or just
|
|
10
|
-
* undefined to mark that this host class name will only be manually applied.
|
|
11
|
-
*/
|
|
12
|
-
HostClassToggleCallback<PropertyInitGeneric> | false>;
|
|
13
|
-
export declare type HostClassName<TagName extends string, HostClassPropName extends string> = `${TagName}-${HostClassPropName}`;
|
|
14
|
-
export declare type HostClassNamesMap<TagName extends string, HostClassKeys extends string> = Record<HostClassKeys, WithTagName<TagName, string>>;
|
|
15
|
-
export declare function createHostClassNamesMap<TagName extends string, HostClassKeys extends string, HostClassesInitGeneric extends HostClassesInitMap<HostClassKeys,
|
|
16
|
-
/**
|
|
17
|
-
* We can use any here because we don't care what the prop names are, we just care what the
|
|
18
|
-
* host class names are
|
|
19
|
-
*/ any>>(tagName: TagName, hostClassesInit?: HostClassesInitGeneric): HostClassNamesMap<TagName, HostClassKeys>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TemplateResult } from 'lit';
|
|
2
|
-
import { TypedEvent } from '../typed-event/typed-event';
|
|
3
|
-
import { EventDescriptorMap, EventInitMapEventDetailExtractor, EventsInitMap } from './element-events';
|
|
4
|
-
import { PropertyInitMapBase } from './element-properties';
|
|
5
|
-
import { FunctionalElementInstanceFromInit } from './functional-element';
|
|
6
|
-
export declare type RenderCallback<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (params: RenderParams<PropertyInitGeneric, EventsInitGeneric>) => TemplateResult;
|
|
7
|
-
export declare type InitCallback<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (params: RenderParams<PropertyInitGeneric, EventsInitGeneric>) => void;
|
|
8
|
-
export declare type SetPropCallback<PropertyInitGeneric extends PropertyInitMapBase> = (props: Partial<PropertyInitGeneric>) => void;
|
|
9
|
-
export declare type RenderParams<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
|
|
10
|
-
props: Readonly<PropertyInitGeneric>;
|
|
11
|
-
setProps: SetPropCallback<PropertyInitGeneric>;
|
|
12
|
-
events: EventDescriptorMap<EventsInitGeneric>;
|
|
13
|
-
host: FunctionalElementInstanceFromInit<PropertyInitGeneric>;
|
|
14
|
-
dispatch: <EventTypeNameGeneric extends keyof EventsInitGeneric>(event: TypedEvent<EventTypeNameGeneric extends string ? EventTypeNameGeneric : never, EventInitMapEventDetailExtractor<EventTypeNameGeneric, EventsInitGeneric>>) => boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Same as dispatchElementEvent but without the extra types. This allows you to emit any events,
|
|
17
|
-
* even events from other custom elements.
|
|
18
|
-
*/
|
|
19
|
-
genericDispatch: (event: Event) => boolean;
|
|
20
|
-
};
|
|
21
|
-
export declare function createRenderParams<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap>(element: FunctionalElementInstanceFromInit<PropertyInitGeneric>, eventsMap: EventDescriptorMap<EventsInitGeneric>): RenderParams<PropertyInitGeneric, EventsInitGeneric>;
|