web-component-wrapper 0.0.597 → 0.0.599

package/Web.d.ts

@@ -1,463 +0,0 @@
-import { KnownEventName, KnownWindowEventMap, Logger, Mapping } from 'clientnode';
-import { AttributesReflectionConfiguration, CompiledDomNodeTemplateItem, CompilerOptions, ComponentAdapter, DomNodeToCompiledTemplateMap, EventCallbackMapping, EventToPropertyMapping, NormalizedAttributesReflectionConfiguration, PropertiesConfiguration, RenderState, ScopeDeclaration, WebComponentAPI } from './type';
-export declare const log: Logger;
-export declare const GenericHTMLElement: typeof HTMLElement;
-/**
- * Generic web component to render a content against instance-specific values.
- * @property applyRootBinding - If determined itself as root declarative event
- * and property bindings will be applied to itself.
- * @property content - Content to render when changes happened.
- * @property determineRootBinding - If checked this component determines if it
- * is a root component (not wrapped by another web-component).
- * @property shadowDOM - Configures if a shadow dom should be used during
- * web-component instantiation. Can hold initialize configuration.
- * @property observedAttributes - Attribute names to observe for changes.
- * @property controllableProperties - A list of controllable property names.
- * @property eventToPropertyMapping - Explicitly defined output events (a
- * mapping of event names to a potential parameter to properties-transformer).
- * @property propertyAliases - A mapping of property names to be treated as
- * equal.
- * @property propertyTypes - Configuration defining how to convert attributes
- * into properties and reflect property changes back to attributes.
- * @property propertiesToReflectAsAttributes - An Item, List, or Mapping of
- * properties to reflect as attributes.
- * @property renderProperties - List of known render properties.
- * @property cloneSlots - Indicates whether to clone slot before to transclude
- * content into them. If a slot should be used multiple times (for example,
- * when it works as a template node.) they should be copied to avoid unexpected
- * mutations.
- * @property doRender - Configures whether this component instance should
- * evaluate its given body content.
- * @property evaluateSlots - Indicates whether to evaluate slot content when
- * before rendering them.
- * @property renderSlots - Indicates whether determined slots should be
- * rendered into root node.
- * @property trimSlots - Ignore empty text nodes while applying slots.
- * @property renderUnsafe - Defines default render behavior.
- * @property _name - Name to access instance-evaluated content or used
- * to derive default component name. This is also useful for logging.
- * @property _propertyAliasIndex - Internal alias index to quickly match
- * properties in both directions.
- * @property _propertiesToReflectAsAttributes - A mapping of property names to
- * set as attributes when they are set/updated. Uses a map to hold order and
- * determine if a property exists in constant runtime.
- * @property renderState - Holds data about currently running render state.
- * @property renderState.promise - Promise resolving when next rendering has
- * been finished.
- * @property renderState.pending - Indicates whether a rendering task is
- * performing.
- * @property renderState.resolve - Callback to trigger when rendering has been
- * finished.
- * @property childComponentInstances - List of direct child components (needed
- * to wait for them to finish dom manipulation).
- * @property batchAttributeUpdates - Indicates whether to directly update dom
- * after each attribute mutation or to wait and batch mutations after current
- * queue has been finished.
- * @property batchPropertyUpdates - Indicates whether to directly update dom
- * after each property mutation or to wait and batch mutations after current
- * queue has been finished.
- * @property batchUpdates - Indicates whether to directly perform a
- * re-rendering after changes on properties have been made.
- * @property batchedAttributeUpdateRunning - A boolean indicator to identify if
- * an attribute update is currently batched.
- * @property batchedPropertyUpdateRunning - A boolean indicator to identify if
- * a property update is currently batched.
- * @property batchedUpdateRunning - Indicates whether a batched render update
- * is currently running.
- * @param connectionRegistered - Indicates whether this component is connected
- * to DOM and could run its connectedCallback.
- * @param pendingAttributeUpdates - Holds pending attribute updates which
- * should be performed when the component is connected to DOM.
- * @property parentInstance - Parent component instance.
- * @property rootInstance - Root component instance.
- * @property scope - Render scope.
- * @property domNodeEventBindings - Holds a mapping from nodes with registered
- * event handlers mapped to their deregistration function.
- * @property domNodeTemplateCache - Caches template compilation results.
- * @property externalProperties - Holds currently evaluated or seen properties.
- * @property ignoreAttributeUpdateObservations - Indicates whether attribute
- * updates should be considered (usually only needed internally).
- * @property internalProperties - Holds currently evaluated properties which
- * are owned by this instance and should always be delegated.
- * @property outputEventNames - Set of determined output event names.
- * @property instance - Wrapped component instance.
- * @property isRoot - Indicates whether their exists another web-derived
- * component up the tree or not.
- * @property root - Hosting dom node.
- * @property runDomConnectionAndRenderingInSameEventQueue - Indicates whether
- * we should render initial dom immediately after the component is connected to
- * dom. Deactivating this allows wrapped components to detect their parents
- * since their parent-connected callback will be called before the children's
- * render method.
- * @property self - Back-reference to this class.
- * @property slots - Grabbed slots that where present in the connecting phase.
- */
-export declare class Web<TElement = HTMLElement, ExternalProperties extends Mapping<unknown> = Mapping<unknown>, InternalProperties extends Mapping<unknown> = Mapping<unknown>> extends GenericHTMLElement {
-    static applyRootBinding: boolean;
-    static pendingRenderPromises: Array<Promise<string>>;
-    static content: unknown;
-    static determineRootBinding: boolean;
-    static shadowDOM: (boolean | null | {
-        delegateFocus?: boolean;
-        mode: 'closed' | 'open';
-    });
-    static observedAttributes: Array<string>;
-    static controllableProperties: Array<string>;
-    static eventToPropertyMapping: EventToPropertyMapping | null;
-    static propertyAliases: Mapping;
-    static propertyTypes: PropertiesConfiguration;
-    static propertiesToReflectAsAttributes: AttributesReflectionConfiguration;
-    static renderProperties: Array<string>;
-    static doRender: boolean;
-    static cloneSlots: boolean;
-    static evaluateSlots: boolean;
-    static renderSlots: boolean;
-    static trimSlots: boolean;
-    static renderUnsafe: boolean;
-    static _name: string;
-    static _propertyAliasIndex?: Mapping;
-    static _propertiesToReflectAsAttributes?: NormalizedAttributesReflectionConfiguration;
-    renderState: RenderState;
-    childComponentInstances: Array<Web> | undefined;
-    batchAttributeUpdates: boolean;
-    batchPropertyUpdates: boolean;
-    batchUpdates: boolean;
-    batchedAttributeUpdateRunning: boolean;
-    batchedPropertyUpdateRunning: boolean;
-    batchedUpdateRunning: boolean;
-    connectionRegistered: boolean;
-    pendingAttributeUpdates: Array<() => void>;
-    parentInstance: null | Web;
-    rootInstance: Web;
-    hostDomNode: ShadowRoot | Web<TElement, ExternalProperties, InternalProperties>;
-    scope: Mapping<unknown>;
-    domNodeEventBindings: Map<Node | Window, EventCallbackMapping>;
-    domNodeTemplateCache: DomNodeToCompiledTemplateMap;
-    externalProperties: ExternalProperties;
-    ignoreAttributeUpdateObservations: boolean;
-    internalProperties: InternalProperties;
-    outputEventNames: Set<string>;
-    instance: null | {
-        current?: ComponentAdapter;
-    };
-    isRoot: boolean;
-    runDomConnectionAndRenderingInSameEventQueue: boolean;
-    readonly self: typeof Web;
-    slots: Mapping<HTMLElement | undefined> & {
-        default?: Array<Node>;
-    };
-    /**
-     * Initializes host dom content and properties.
-     * @returns Nothing.
-     */
-    constructor();
-    /**
-     * Triggered when ever a given attribute has changed and triggers to update
-     * configured dom content.
-     * @param name - Attribute name which was updates.
-     * @param oldValue - Old attribute value.
-     * @param newValue - New updated value.
-     */
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    /**
-     * Updates given attribute representation.
-     * @param name - Attribute name which was updates.
-     * @param newValue - New updated value.
-     * @returns Promise resolving when attribute has been updated.
-     */
-    onUpdateAttribute(name: string, newValue: string): Promise<void>;
-    /**
-     * Triggered when this component is mounted into the document.
-     * Attaches event handler, grabs given slots, reflects external properties,
-     * and enqueues first rendering.
-     */
-    connectedCallback(): void;
-    /**
-     * Triggered when this component is unmounted from the document. Event
-     * handlers will be removed and state updated accordingly.
-     */
-    disconnectedCallback(): void;
-    /**
-     * Registers needed getter and setter to get notified about changes and
-     * reflect them.
-     */
-    defineGetterAndSetterInterface(): void;
-    /**
-     * Creates an index to match alias source and target against each other on
-     * constant runtime.
-     * @param name - Name to search an alternate name for.
-     * @returns Found alias or "null".
-     */
-    getPropertyAlias(name: string): null | string;
-    /**
-     * Generic property getter. Forwards properties from the "properties"
-     * field.
-     * @param name - Property name to retrieve.
-     * @returns Retrieved property value.
-     */
-    getPropertyValue(name: string): unknown;
-    /**
-     * External property setter. Respects configured aliases.
-     * @param name - Property name to write.
-     * @param value - New value to write.
-     */
-    setExternalPropertyValue(name: string, value: unknown): void;
-    /**
-     * Internal property setter. Respects configured aliases.
-     * @param name - Property name to write.
-     * @param value - New value to write.
-     */
-    setInternalPropertyValue(name: string, value: unknown): void;
-    /**
-     * Generic property setter. Forwards field writes into internal and
-     * external property representations.
-     * @param name - Property name to write.
-     * @param value - New value to write.
-     */
-    setPropertyValue(name: string, value: unknown): void;
-    /**
-     * Triggers a new rendering cycle and respects property-specific state
-     * connection.
-     * @param name - Property name to write.
-     * @param value - New value to write.
-     */
-    triggerPropertySpecificRendering(name: string, value: unknown): void;
-    unregisterConnectionState(): void;
-    unregisterDomNodeEventBindings(): void;
-    /**
-     * Binds properties and event handler to the given dom node.
-     * @param domNode - Node to start traversing from.
-     * @param scope - Scope to render property value again.
-     */
-    applyBinding(domNode: Node, scope: Mapping<unknown>): void;
-    /**
-     * Binds properties and event handler to given, sibling, and nested nodes.
-     * @param domNode - Node to start traversing from.
-     * @param scope - Scope to render property value again.
-     * @param renderSlots - Indicates whether to render nested elements of
-     * slots (determined by an existing corresponding attribute).
-     */
-    applyBindings(domNode: Node | null, scope: Mapping<unknown>, renderSlots?: boolean): void;
-    /**
-     * Compiles given node content and their children. Provides a corresponding
-     * map of compiled template functions connected to their (sub) nodes and
-     * expected scope names.
-     * @param domNode - Node to compile.
-     * @param scope - Scope to extract names from.
-     * @param options - Additional compile options.
-     * @param options.filter - Callback to exclude some node from being
-     * compiled.
-     * @param options.ignoreComponents - Indicates if component properties
-     * should be traversed or not.
-     * @param options.ignoreNestedComponents - Indicates if nested components
-     * should be traversed or not.
-     * @param options.unsafe - Indicates if full HTML generation should be
-     * allowed.
-     * @returns Map of compiled templates.
-     */
-    compileDomNodeTemplate<NodeType extends Node = Node>(domNode: NodeType, scope?: ScopeDeclaration, options?: CompilerOptions): CompiledDomNodeTemplateItem | null;
-    /**
-     * @param options - Evaluation options.
-     * @param scope - Scope to evaluate against.
-     * @returns Evaluated string result or null.
-     */
-    evaluateCompiledDomNodeTemplate(options: CompiledDomNodeTemplateItem, scope: Mapping<unknown>): null | string;
-    /**
-     * Compiles and evaluates given node content and their children. Replaces
-     * each node content with their evaluated representation.
-     * @param domNode - Node to evaluate.
-     * @param scope - Scope to render against.
-     * @param options - Compile options.
-     * @param options.applyBindings - Indicates whether to apply bindings to
-     * given dom nodes.
-     * @param options.filter - Callback to exclude some node from being
-     * compiled.
-     * @param options.ignoreComponents - Indicates if component properties
-     * should be traversed or not.
-     * @param options.ignoreNestedComponents - Indicates if nested components
-     * should be traversed or not.
-     * @param options.domNodeTemplateCache - Yet compiled dom nodes to just
-     * reference instead of recompiling.
-     * @param options.unsafe - Indicates if full HTML generation should be
-     * allowed.
-     */
-    evaluateDomNodeTemplate<NodeType extends Node = Node>(domNode: NodeType, scope?: Mapping<unknown>, options?: {
-        applyBindings?: boolean;
-        domNodeTemplateCache?: DomNodeToCompiledTemplateMap;
-        filter?: (domNode: Node) => boolean;
-        ignoreComponents?: boolean;
-        ignoreNestedComponents?: boolean;
-        unsafe?: boolean;
-    }): void;
-    /**
-     * Adds an event listener to the given dom node so that it will be
-     * deregistered when the component instance is destroyed.
-     * @param domNode - Node to assign event handler to.
-     * @param name - Event name.
-     * @param handler - Callback to trigger when given event occurs.
-     * @param options - Add event listener options.
-     * @param removeOptions - Remove event listener options.
-     * @returns Deregister function.
-     */
-    addSecureEventListener<EventName extends KnownEventName>(domNode: Node | Window, name: EventName, handler: (this: Window, event: KnownWindowEventMap[EventName]) => void, options?: boolean | AddEventListenerOptions, removeOptions?: EventListenerOptions): () => void;
-    /**
-     * Determines initial root which initializes rendering digest.
-     */
-    determineRootBinding(): void;
-    /**
-     * Checks if given content hast code (to compile and render).
-     * @param content - Potential string with code inside.
-     * @returns A boolean indicating whether given content has code.
-     */
-    static hasCode(content: unknown): boolean;
-    /**
-     * Converts given the list, item, or map to a map (with ordering).
-     * @param value - Attribute reflection configuration.
-     * @returns Generated map.
-     */
-    static normalizePropertyTypeList(value: AttributesReflectionConfiguration): NormalizedAttributesReflectionConfiguration;
-    /**
-     * Attaches event handler to keep in sync with nested components properties
-     * states.
-     */
-    attachEventHandler(): void;
-    /**
-     * Attach explicitly defined event handler to synchronize internal and
-     * external property states.
-     * @returns Returns "true" if there are some defined and "false" otherwise.
-     */
-    attachExplicitDefinedOutputEventHandler(): boolean;
-    /**
-     * Attach implicitly defined event handler to synchronize internal and
-     * external property states.
-     * @param reflectProperties - Indicates whether implicitly determined
-     * properties should be reflected.
-     */
-    attachImplicitDefinedOutputEventHandler(reflectProperties?: boolean): void;
-    /**
-     * Triggers all identified events to communicate internal property / state
-     * changes.
-     */
-    triggerOutputEvents(): void;
-    /**
-     * Forwards given event as the native web event.
-     * @param name - Event name.
-     * @param parameters - Event parameters.
-     * @returns False if event is cancelable, and at least one of the event
-     * handlers which received event called "Event.preventDefault()",
-     * otherwise true will be returned.
-     */
-    forwardEvent(name: string, parameters: Array<unknown>): boolean;
-    /**
-     * Renders component given slot contents into the given dom node. If
-     * expected slots are not given but a fallback is specified, they will be
-     * loaded into internal slot mapping.
-     * @param targetDomNode - Target dom node to render slots into.
-     * @param scope - Environment to render slots again if specified.
-     */
-    applySlots(targetDomNode: HTMLElement, scope: Mapping<unknown>): void;
-    /**
-     * Determines slot content from the given node.
-     * @param slot - Node to grab slot content from.
-     * @returns Determined slot.
-     */
-    grabSlotContent(slot: Node): Node;
-    /**
-     * Saves given slots.
-     */
-    grabGivenSlots(): void;
-    /**
-     * Determines if a given property name exists in wrapped component state.
-     * @param name - Property name to check if exists in state.
-     * @returns Boolean result.
-     */
-    isStateProperty(name: string): boolean;
-    /**
-     * Generates an alias to name and the other way around mapping if not
-     * exists.
-     */
-    generateAliasIndex(): void;
-    /**
-     * Reflects wrapped component state back to web-component's attributes.
-     * @param properties - Properties to update in reflected attribute state.
-     */
-    reflectExternalProperties(properties: Partial<ExternalProperties>): void;
-    /**
-     * Reflects wrapped component state back to web-component's attributes and
-     * properties.
-     * @param properties - Properties to update in reflected property state.
-     */
-    reflectProperties(properties: Partial<ExternalProperties>): void;
-    /**
-     * Reflect the given event handler call with the given parameter back to
-     * current properties state.
-     * @param name - Event name.
-     * @param parameters - List of parameter to given event handler call.
-     * @returns Mapped properties or null if nothing could be mapped.
-     */
-    reflectEventToProperties(name: string, parameters: Array<unknown>): Promise<Partial<ExternalProperties> | null>;
-    /**
-     * Evaluates the given property value depending on its property definition
-     * and registers in a property mapping object.
-     * @param attributeName - Name of given value.
-     * @param value - Value to evaluate.
-     */
-    evaluateStringOrNullAndSetAsProperty(attributeName: string, value: null | string): void;
-    /**
-     * Produces a promise resolving when all nested rendering promises have
-     * been resolved. This only waits for registered nested components. That
-     * means that nested components which where connected before the parent
-     * component got initialized will not be waited for. That might happen
-     * when nested component types got registered before the parent ones.
-     */
-    waitForNestedComponentRendering(): Promise<void>;
-    /**
-     * Resolves the rendering promise.
-     * @param reason - Rendering reason description.
-     * @param resolveRendering - Indicates whether to resolve the rendering or
-     * just return a resolving promise directly.
-     * @returns A promise resolving when all nested render promises have been
-     * resolved.
-     */
-    resolveRenderingPromiseIfSet(reason: string, resolveRendering: boolean): Promise<void>;
-    /**
-     * Sets up a new rendering cycle representing promise.
-     */
-    prepareNewRenderingPromise(): void;
-    /**
-     * Triggers a new rendering cycle by respecting batch configuration.
-     * @param reason - A description why rendering should be triggered.
-     */
-    triggerRender(reason: string): void;
-    /**
-     * Creates shadow root if not created yet and assigns to the current root
-     * property.
-     */
-    applyShadowRootIfNotExisting(): void;
-    /**
-     * Determines a new scope object with a useful default set of environment
-     * values.
-     * @param scope - To apply to generated scope.
-     */
-    determineRenderScope(scope?: Mapping<unknown>): void;
-    /**
-     * Does the rendering job. Should be called when ever state changes should
-     * be projected to the hosts dom content.
-     * @param reason - Description why rendering is necessary.
-     * @param resolveRendering - Indicates whether rendering should be resolved
-     * finally. Should be set to "false" via super calls in inherited render
-     * methods which do further dom manipulations afterward and resolve the
-     * rendering process by their own.
-     * @returns A promise resolving when rendering has been finished. A promise
-     * may be needed for classes inheriting from this class.
-     */
-    render(reason?: string, resolveRendering?: boolean): Promise<void>;
-    /**
-     * Should free up memory listeners related to deprecated HTML.
-     * @param _reason - Description why rendering is necessary.
-     * @param _reRenderReason - Description why a re-rendering is necessary.
-     */
-    unRender(_reason?: string, _reRenderReason?: string): void;
-}
-export declare const api: WebComponentAPI<HTMLElement, Mapping<unknown>, Mapping<unknown>, typeof Web>;
-export default Web;

package/WebNext.js

@@ -1 +0,0 @@
-"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","@babel/runtime/helpers/extends"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends")):t(e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["@babel/runtime/helpers/extends"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,((__WEBPACK_EXTERNAL_MODULE__3__,__WEBPACK_EXTERNAL_MODULE__4__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__)=>(()=>{var __webpack_modules__=[e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__0__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__1__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__2__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__3__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__4__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__5__},function(module,__unused_webpack_exports,__webpack_require__){var __webpack_dirname__="/",e,t,r;if(module=__webpack_require__.nmd(module),null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&null!=__webpack_dirname__&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window=void 0===__webpack_require__.g||null===__webpack_require__.g?{}:__webpack_require__.g;module.exports=(e=__webpack_require__(2),t=__webpack_require__(0),r=__webpack_require__(1),function(){var n=[function(t){t.exports=e},function(e){e.exports=t},function(e){e.exports=r}],i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};s.r(o),s.d(o,{property:function(){return c}});var _=s(0),a=s.n(_),l=s(1),p=s(2);function c(e){return void 0===e&&(e={}),e=a()({readAttribute:!0,type:p.string},e),function(t,r){if("string"==typeof r){var n,i=t.self||t.constructor;if(e.readAttribute){Object.prototype.hasOwnProperty.call(i,"observedAttributes")||(i.observedAttributes=i.observedAttributes?[].concat(i.observedAttributes):[]);var s=(0,l.camelCaseToDelimited)(r);i.observedAttributes&&!i.observedAttributes.includes(s)&&i.observedAttributes.push(s)}e.type&&(Object.prototype.hasOwnProperty.call(i,"propertyTypes")||(i.propertyTypes=i.propertyTypes?a()({},i.propertyTypes):{}),!i.propertyTypes||!e.update&&Object.prototype.hasOwnProperty.call(i,r)||(i.propertyTypes[r]=e.type)),e.writeAttribute&&(Object.prototype.hasOwnProperty.call(i,"propertiesToReflectAsAttributes")||(i.propertiesToReflectAsAttributes=i.propertiesToReflectAsAttributes?(0,l.copy)(i.propertiesToReflectAsAttributes):[]),(e.update||i.propertiesToReflectAsAttributes instanceof Map&&!i.propertiesToReflectAsAttributes.has(r)||Array.isArray(i.propertiesToReflectAsAttributes)&&!i.propertiesToReflectAsAttributes.includes(r)||"object"==typeof i.propertiesToReflectAsAttributes&&!Object.prototype.hasOwnProperty.call(i.propertiesToReflectAsAttributes,r))&&("boolean"==typeof e.writeAttribute?e.writeAttribute&&i.propertyTypes&&Object.prototype.hasOwnProperty.call(i.propertyTypes,r)&&(n=i.propertyTypes[r]):n=e.writeAttribute,void 0!==n&&(Array.isArray(i.propertiesToReflectAsAttributes)&&(!0===e.writeAttribute?i.propertiesToReflectAsAttributes.push(r):i.normalizePropertyTypeList&&(i.propertiesToReflectAsAttributes=i.normalizePropertyTypeList(i.propertiesToReflectAsAttributes))),i.propertiesToReflectAsAttributes instanceof Map&&i.propertiesToReflectAsAttributes.set(r,n),"object"==typeof i.propertiesToReflectAsAttributes&&(i.propertiesToReflectAsAttributes[r]=n)))),e.alias&&(Object.prototype.hasOwnProperty.call(i,"propertyAliases")||(i.propertyAliases=i.propertyAliases?a()({},i.propertyAliases):{}),!i.propertyAliases||!e.update&&Object.prototype.hasOwnProperty.call(i,r)||(i.propertyAliases[r]=e.alias))}}}return o.default=c,o}())}],__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={id:e,loaded:!1,exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.loaded=!0,r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nmd=e=>(e.paths=[],e.children||(e.children=[]),e);var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GenericHTMLElement:()=>GenericHTMLElement,Web:()=>Web,api:()=>api,default:()=>Web_0,log:()=>log});var _babel_runtime_helpers_initializerDefineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(3),_babel_runtime_helpers_initializerDefineProperty__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_initializerDefineProperty__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_applyDecoratedDescriptor__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(4),_babel_runtime_helpers_applyDecoratedDescriptor__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_applyDecoratedDescriptor__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_initializerWarningHelper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),_babel_runtime_helpers_initializerWarningHelper__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_initializerWarningHelper__WEBPACK_IMPORTED_MODULE_2__),clientnode__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(0),clientnode__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(clientnode__WEBPACK_IMPORTED_MODULE_3__),clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(1),clientnode_property_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__),_decorator__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(6),_decorator__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_decorator__WEBPACK_IMPORTED_MODULE_5__),_dec,_class,_descriptor,_Web;const log=new clientnode__WEBPACK_IMPORTED_MODULE_3__.Logger({name:"web-component-wrapper-web"}),GenericHTMLElement="undefined"==typeof HTMLElement?class{}:HTMLElement;let Web=(_dec=_decorator__WEBPACK_IMPORTED_MODULE_5___default()({type:clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.boolean,writeAttribute:!0}),_Web=class e extends GenericHTMLElement{constructor(){super(),this.renderState={promise:Promise.resolve(""),pending:!1,resolve:clientnode__WEBPACK_IMPORTED_MODULE_3__.NOOP},this.childComponentInstances=[],this.batchAttributeUpdates=!0,this.batchPropertyUpdates=!0,this.batchUpdates=!0,this.batchedAttributeUpdateRunning=!0,this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,this.connectionRegistered=!1,this.pendingAttributeUpdates=[],this.parentInstance=null,this.rootInstance=void 0,this.hostDomNode=void 0,this.scope={...clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE},this.domNodeEventBindings=new Map,this.domNodeTemplateCache=new Map,this.externalProperties={},this.ignoreAttributeUpdateObservations=!1,this.internalProperties={},this.outputEventNames=new Set,this.instance=null,_babel_runtime_helpers_initializerDefineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this,"isRoot",_descriptor,this),this.runDomConnectionAndRenderingInSameEventQueue=!1,this.self=e,this.slots={},this.prepareNewRenderingPromise(),this.self=this.constructor,this.self._propertiesToReflectAsAttributes||(this.self._propertiesToReflectAsAttributes=this.self.normalizePropertyTypeList(this.self.propertiesToReflectAsAttributes)),this.generateAliasIndex(),this.hostDomNode=this,this.rootInstance=this,this.defineGetterAndSetterInterface()}attributeChangedCallback(e,t,r){this.ignoreAttributeUpdateObservations||t===r||this.onUpdateAttribute(e,r)}onUpdateAttribute(e,t){const r=new Promise((r=>this.pendingAttributeUpdates.push((()=>{this.evaluateStringOrNullAndSetAsProperty(e,t),this.batchAttributeUpdates?this.batchedAttributeUpdateRunning||this.batchedUpdateRunning||(this.batchedAttributeUpdateRunning=!0,this.batchedUpdateRunning=!0,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)((()=>{this.batchedAttributeUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("attributeChanged")}))):this.render("attributeChanged"),r()}))));if(this.connectionRegistered)for(;this.pendingAttributeUpdates.length;)this.pendingAttributeUpdates.shift()();return r}connectedCallback(){try{this.isConnected=!0}catch{}for(this.connectionRegistered=!0,this.parentInstance=this,this.rootInstance=this,this.attachEventHandler(),this.self.determineRootBinding&&(this.determineRootBinding(),this.parentInstance!==this&&this.parentInstance.childComponentInstances&&this.parentInstance.childComponentInstances.push(this)),this.self.applyRootBinding&&this.isRoot&&(this.determineRenderScope(),this.applyBinding(this,this.scope));this.pendingAttributeUpdates.length;)this.pendingAttributeUpdates.shift()();this.batchedAttributeUpdateRunning=!1,this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.grabGivenSlots(),this.reflectExternalProperties(this.externalProperties),this.runDomConnectionAndRenderingInSameEventQueue?this.render("connected"):(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)((()=>{this.render("connected")}))}disconnectedCallback(){this.unRender("disconnected"),this.unregisterConnectionState()}defineGetterAndSetterInterface(){const e=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.unique)(Object.keys(this.self.propertyTypes).concat(this.self._propertyAliasIndex?Object.keys(this.self._propertyAliasIndex):[]));for(const t of e)Object.prototype.hasOwnProperty.call(this,t)&&this.setPropertyValue(t,this[t]),Object.defineProperty(this,t,{configurable:!0,get:()=>this.getPropertyValue(t),set:e=>{this.setPropertyValue(t,e),this.triggerPropertySpecificRendering(t,e)}})}getPropertyAlias(e){return this.self._propertyAliasIndex&&Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,e)?this.self._propertyAliasIndex[e]:null}getPropertyValue(t){var r;const n=this.instance?.current?.properties&&(Object.prototype.hasOwnProperty.call(!e.propertyTypes,t)||Object.prototype.hasOwnProperty.call(this.instance.current.properties,t))?this.instance.current.properties[t]:null!==(r=this.internalProperties[t])&&void 0!==r?r:this.externalProperties[t];return this.instance?.current?.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,t)?this.instance.current.state[t]:n}setExternalPropertyValue(e,t){this.externalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.externalProperties[r]=t)}setInternalPropertyValue(e,t){this.internalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.internalProperties[r]=t)}setPropertyValue(e,t){this.reflectProperties({[e]:t}),this.setInternalPropertyValue(e,t)}triggerPropertySpecificRendering(e,t){if(this.batchPropertyUpdates)this.batchedPropertyUpdateRunning||this.batchedUpdateRunning||(this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)((()=>{void 0!==t&&this.isStateProperty(e)?(this.render("preStatePropertyChanged"),(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)((()=>{this.setInternalPropertyValue(e,void 0),this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("postStatePropertyChanged"),this.triggerOutputEvents()}))):(this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("propertyChanged"),this.triggerOutputEvents())})));else{const r=this.isStateProperty(e);this.render(r?"preStatePropertyChanged":"propertyChanged"),void 0!==t&&r&&(this.setInternalPropertyValue(e,void 0),this.render("postStatePropertyChanged")),this.triggerOutputEvents()}}unregisterConnectionState(){try{this.isConnected=!1}catch{}this.connectionRegistered=!1,this.slots={}}unregisterDomNodeEventBindings(){for(const e of this.domNodeEventBindings.values())for(const t of e.values())t()}applyBinding(e,t){if(e.getAttributeNames)for(const r of e.getAttributeNames()){let n;if(r.startsWith("data-bind-")?n=r.substring(10):r.startsWith("bind-")&&(n=r.substring(5)),n){const i=e.getAttribute(r);if(null===i)continue;if(n.startsWith("attribute-")||n.startsWith("property-")){const s=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.evaluate)(i,t,!1,!0,e);if(s.error){log.warn("Error occurred during processing given",`attribute binding "${r}" on node:`,e,s.error);continue}n.startsWith("attribute-")?e.setAttribute(n.substring(10),s.result):e[(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.delimitedToCamelCase)(n.substring(9))]=s.result}else if(n.startsWith("on-")){n=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.delimitedToCamelCase)(n.substring(3)),t={log,event:void 0,parameters:void 0,...t};const s=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.compile)(i,t,!0,!0,e);s.error?log.warn("Error occurred during compiling given event",`binding "${r}" on node:`,e,s.error):this.addSecureEventListener(e,n,((...n)=>{t.event=n[0],t.parameters=n;try{s.templateFunction(...s.originalScopeNames.map((e=>t[e])))}catch(t){log.warn("Error occurred during processing","given event binding",`"${r}" on node:`,e,`Given expression "${i}" could`,"not be evaluated with given scope",'names "'+s.scopeNames.join('", "')+`": ${(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.represent)(t)}`)}}))}}}}applyBindings(e,t,r=!0){for(;e;)!e.attributes?.length||!r&&e.getAttribute("slot")||this.applyBinding(e,t),e.nodeName.toLowerCase().includes("-")||this.applyBindings(e.firstChild,t),e=e.nextSibling}compileDomNodeTemplate(e,t=[],r={}){r={ignoreComponents:!0,ignoreNestedComponents:!0,unsafe:this.self.renderUnsafe,...r};const n=e.nodeName.toLowerCase();if(r.ignoreComponents&&n.includes("-"))return null;if(r.unsafe){let r=e.innerHTML;if(!r&&e.template&&(r=e.template),this.self.hasCode(r)){const n=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.compile)(`\`${r}\``,t);return{domNode:e,children:[],error:n.error,scopeNames:n.scopeNames,template:r,templateFunction:n.templateFunction}}return null}let i=null;if("#text"===n){const t=e.textContent;t&&this.self.hasCode(t)&&(i=t.replace(/&nbsp;/g," ").trim())}const s=[],o={children:s,domNode:e};if(i){const e=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.compile)(`\`${i}\``,t);o.error=e.error,o.scopeNames=e.scopeNames,o.template=i,o.templateFunction=e.templateFunction}let _=e.firstChild;for(;_;){if(!r.filter||r.filter(_)){const e=this.compileDomNodeTemplate(_,t,{...r,ignoreComponents:r.ignoreNestedComponents});e&&s.push(e)}_=_.nextSibling}return o}evaluateCompiledDomNodeTemplate(e,t){const{domNode:r,error:n,templateFunction:i,scopeNames:s}=e;if(!i||!s)return null;if(n)return log.warn("Error occurred during compiling node content:",n),null;let o=null;try{o=i(...s.map((e=>t[e])))}catch(n){log.warn(`Error occurred when "${this.self._name}" is  running`,`"${String(i)}": with bound`,`names "${s.join('", "')}":`,`"${n}". Rendering node:`,r)}return o}evaluateDomNodeTemplate(e,t={},r={}){const n=(r={domNodeTemplateCache:this.domNodeTemplateCache,ignoreComponents:!0,ignoreNestedComponents:!0,unsafe:this.self.renderUnsafe,...r}).domNodeTemplateCache;if(!n.has(e)){const i={filter:r.filter,ignoreComponents:r.ignoreComponents,ignoreNestedComponents:r.ignoreNestedComponents,unsafe:r.unsafe},s=this.compileDomNodeTemplate(e,t,i);s&&n.set(e,s)}if(n.has(e)){const i=n.get(e),s=this.evaluateCompiledDomNodeTemplate(i,t);if(null!==s&&(r.unsafe&&e.innerHTML?e.innerHTML=s:e.textContent=s),i.children.length){const e=r=>{for(const n of r){const r=this.evaluateCompiledDomNodeTemplate(n,t);null!==r&&(n.domNode.textContent=r),n.children.length&&e(n.children)}};e(i.children)}}r.applyBindings&&this.applyBindings(e,t)}addSecureEventListener(e,t,r,n,i){this.domNodeEventBindings.has(e)||this.domNodeEventBindings.set(e,new Map);const s=this.domNodeEventBindings.get(e),o=s.get(t);o&&o!==r&&o();const _=()=>{e.removeEventListener(t,r,i),s.delete(t),0===s.size&&this.domNodeEventBindings.delete(e)};return s.set(t,_),e.addEventListener(t,r,n),_}determineRootBinding(){let t=this.parentNode;for(;t;){const r=t instanceof e||t.nodeName.includes("-")&&"#document-fragment"!==t.nodeName,n=null===t.parentNode&&"[object ShadowRoot]"===t.toString();r?(this.rootInstance===this&&(this.parentInstance=t,this.setPropertyValue("isRoot",!1)),this.rootInstance=t):n&&this.setPropertyValue("isRoot",!1),t=t.parentNode}}static hasCode(e){return"string"==typeof e&&e.includes("${")&&e.includes("}")&&/\${[\s\S]+}/.test(e)}static normalizePropertyTypeList(t){if("string"==typeof t&&(t=[t]),Array.isArray(t)){const r=t,n=new Map;for(const t of r)Object.prototype.hasOwnProperty.call(e.propertyTypes,t)&&n.set(t,e.propertyTypes[t]);return n}return(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.convertPlainObjectToMap)(t)}attachEventHandler(){if(null===this.self.eventToPropertyMapping)return;const e=this.attachExplicitDefinedOutputEventHandler();this.attachImplicitDefinedOutputEventHandler(!e)}attachExplicitDefinedOutputEventHandler(){if(!this.self.eventToPropertyMapping)return!1;let e=!1;for(const t of Object.keys(this.self.eventToPropertyMapping))Object.prototype.hasOwnProperty.call(this.internalProperties,t)||(e=!0,this.outputEventNames.add(t),this.setInternalPropertyValue(t,(async(...e)=>{const r=await this.reflectEventToProperties(t,e);r&&(e[0]=r),this.forwardEvent(t,e)})));return e}attachImplicitDefinedOutputEventHandler(e=!0){for(const[t,r]of Object.entries(this.self.propertyTypes))Object.prototype.hasOwnProperty.call(this.internalProperties,t)||![clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.func,"function"].includes(r)||this.self.renderProperties.includes(t)||(this.outputEventNames.add(t),this.setInternalPropertyValue(t,((...r)=>{e&&this.reflectEventToProperties(t,r),this.forwardEvent(t,r)})))}triggerOutputEvents(){for(const e of this.outputEventNames)this.forwardEvent(e,[this.externalProperties])}forwardEvent(e,t){return e.length>3&&e.startsWith("on")&&(e=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(e.substring(2))),this.dispatchEvent(new CustomEvent(e,{detail:{parameters:t}}))}applySlots(t,r){for(const n of Array.from(t.querySelectorAll("slot"))){const t=n.getAttribute("name");if(null===t||"default"===t)if(this.slots.default){if(this.self.renderSlots){if(this.self.evaluateSlots)for(const e of this.slots.default)this.evaluateDomNodeTemplate(e,r);(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.replace)(n,this.slots.default,e.trimSlots)}}else this.slots.default=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.unwrap)(n).map((e=>this.grabSlotContent(e)));else this.slots[t]?this.self.renderSlots&&(this.self.evaluateSlots&&this.evaluateDomNodeTemplate(this.slots[t],r),(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.replace)(n,this.slots[t],e.trimSlots)):this.slots[t]=this.grabSlotContent((0,clientnode__WEBPACK_IMPORTED_MODULE_3__.unwrap)(n).filter((e=>"#text"!==e.nodeName.toLowerCase()))[0])}}grabSlotContent(e){const t=clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.node.firstElementChild?e:null;if(t&&"textarea"===t.firstElementChild?.nodeName.toLowerCase()&&(!t.firstElementChild.hasAttribute("data-no-template")||"false"===t.firstElementChild.getAttribute("data-no-template"))){const e=t.firstElementChild.value;t.classList.remove("web-component-template");const r=t.cloneNode();return t.classList.add("web-component-template"),r.innerHTML="",r.template=e,r}return this.self.cloneSlots?e.cloneNode(!0):e}grabGivenSlots(){this.slots={};for(const e of Array.from(this.querySelectorAll("[slot]"))){let t=e.parentNode,r=!0;for(;t;){if(t.nodeName.includes("-")){t===this&&(r=!1);break}t=t.parentNode}if(r)continue;const n=e.getAttribute("slot")?.trim();this.slots[null!=n?n:e.nodeName.toLowerCase()]=this.grabSlotContent(e)}this.slots.default?this.slots.default=[].concat(this.slots.default):this.childNodes.length>0?this.slots.default=Array.from(this.childNodes).map((e=>this.grabSlotContent(e))):this.slots.default=[]}isStateProperty(e){return Boolean(this.instance?.current?.state&&(Object.prototype.hasOwnProperty.call(this.instance.current.state,e)||this.instance.current.state.modelState&&Object.prototype.hasOwnProperty.call(this.instance.current.state.modelState,e)))}generateAliasIndex(){if(!this.self._propertyAliasIndex){this.self._propertyAliasIndex={...this.self.propertyAliases};for(const[e,t]of Object.entries(this.self._propertyAliasIndex))Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,t)||(this.self._propertyAliasIndex[t]=e)}}reflectExternalProperties(e){this.ignoreAttributeUpdateObservations=!0;for(const[t,r]of Object.entries(e)){if(this.setExternalPropertyValue(t,r),!this.isConnected)continue;const e=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.camelCaseToDelimited)(t);if(this.self._propertiesToReflectAsAttributes?.has(t))switch(this.self._propertiesToReflectAsAttributes.get(t)){case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.boolean:case"boolean":r?""!==this.getAttribute(e)&&this.setAttribute(e,""):this.hasAttribute(e)&&this.removeAttribute(e);break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.func:case"function":break;case"json":if(r){const t=JSON.stringify(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e);break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.number:case"number":if("number"!=typeof r||isNaN(r))this.hasAttribute(e)&&this.removeAttribute(e);else{const t=String(r);this.getAttribute(e)!==t&&this.setAttribute(e,t)}break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.string:case"string":r?this.getAttribute(e)!==r&&this.setAttribute(e,r):this.hasAttribute(e)&&this.removeAttribute(e);break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.any:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.array:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.arrayOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.element:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.elementType:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.instanceOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.node:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.object:case"object":case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.objectOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.shape:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.exact:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.symbol:default:if(r){const t=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.represent)(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e)}}this.ignoreAttributeUpdateObservations=!1}reflectProperties(e){if(this.reflectExternalProperties(e),this.instance?.current?.state&&"object"==typeof this.instance.current.state)for(const e of Object.keys(this.instance.current.state).concat(this.instance.current.state.modelState?Object.keys(this.instance.current.state.modelState):[]))Object.prototype.hasOwnProperty.call(this.internalProperties,e)&&this.setInternalPropertyValue(e,void 0);this.internalProperties.model?.state&&(delete this.internalProperties.model.state,this.setInternalPropertyValue("model",this.internalProperties.model));for(const t of this.self.controllableProperties)Object.prototype.hasOwnProperty.call(e,t)&&this.setInternalPropertyValue(t,e[t])}async reflectEventToProperties(e,t){const r=this.batchUpdates;this.batchUpdates=!1;let n=null,i=!1;if(this.self.eventToPropertyMapping&&Object.prototype.hasOwnProperty.call(this.self.eventToPropertyMapping,e)&&(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.isFunction)(this.self.eventToPropertyMapping[e])){const r=this.self.eventToPropertyMapping[e](...t,this),s=r&&"then"in r&&(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.isFunction)(r.then)?await r:r;i=!0,Array.isArray(s)?(n=s[0],this.reflectProperties(n),(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.extend)(!0,this.internalProperties,s[1])):null===s?i=!1:"object"==typeof s&&(n=s,this.reflectProperties(s))}if(!i&&t.length>0&&(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.isObject)(t[0])){let e=t[0];if("persist"in t[0]&&(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.isFunction)(t[0].persist)){e={};for(const r of Object.keys(this.self.propertyTypes))for(const n of[r].concat(null!==(s=this.getPropertyAlias(r))&&void 0!==s?s:[])){var s;const r=t[0].currentTarget&&Object.prototype.hasOwnProperty.call(t[0].currentTarget,n)?t[0].currentTarget[n]:this.getPropertyValue(n);r!==this.externalProperties[n]&&(e[n]=r)}}else[null,void 0].includes(e.detail?.value)||(e={...e.detail});n=e,this.reflectProperties(e)}return this.triggerRender("propertyReflected"),this.batchUpdates=r,n}evaluateStringOrNullAndSetAsProperty(e,t){const r=e.startsWith("-"),n=r?e.substring(1):e;let i=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.delimitedToCamelCase)(n);const s=this.getPropertyAlias(i);if(s&&Object.prototype.hasOwnProperty.call(this.self.propertyTypes,s)&&(i=s),Object.prototype.hasOwnProperty.call(this.self.propertyTypes,i)){const n=this.self.propertyTypes[i];if(r){if(t){const r=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.evaluate)(t,{...clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE},!1,!0,this);r.error?(log.warn("Failed to process pre-evaluation attribute",`"${e}": ${r.error}. Will be`,'set to "undefined".'),this.setInternalPropertyValue(i,void 0)):(this.setInternalPropertyValue(i,r.result),this.setExternalPropertyValue(i,r.result))}}else switch(n){case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.boolean:case"boolean":{const e=![null,"false"].includes(t);this.setInternalPropertyValue(i,e),this.setExternalPropertyValue(i,e);break}case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.func:case"function":{let r,n=null;const s=["data","event","firstArgument","firstParameter","options"];if(t){const i=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.compile)(t,s.concat("parameters","scope",clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE_NAMES),!0,!0,this);n=i.error,r=i.templateFunction,n&&log.warn("Failed to compile given handler",`"${e}": ${n}.`)}this.setInternalPropertyValue(i,((...o)=>{let _;if(this.outputEventNames.has(i)&&this.reflectEventToProperties(i,o),!n){const n={parameters:o,...clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE};for(const e of s)n[e]=o[0];try{_=r?.(...s.map((e=>n[e])),o,n,...clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE_NAMES.map((e=>clientnode__WEBPACK_IMPORTED_MODULE_3__.UTILITY_SCOPE[e])))}catch(r){log.warn("Failed to evaluate function",`"${e}" with expression`,`"${t}" and scope`,"variables",`"${s.join('", "')}" set to`,`"${(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.represent)(o)}":`,`${r}. Set property`,'to "undefined".')}}return this.self.renderProperties.includes(i)||this.forwardEvent(i,o),_})),n||this.setExternalPropertyValue(i,r);break}case"json":if(t){let r;try{r=JSON.parse(t)}catch(t){log.warn("Error occurred during parsing given json",`attribute "${e}":`,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.represent)(t));break}this.setInternalPropertyValue(i,r),this.setExternalPropertyValue(i,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.copy)(r,!1,1))}else this.setInternalPropertyValue(i,null),this.setExternalPropertyValue(i,null);break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.number:case"number":{if(null===t){this.setInternalPropertyValue(i,t),this.setExternalPropertyValue(i,t);break}let e=parseFloat(t);isNaN(e)&&(e=void 0),this.setInternalPropertyValue(i,e),this.setExternalPropertyValue(i,e);break}case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.string:case"string":this.setInternalPropertyValue(i,t),this.setExternalPropertyValue(i,t);break;case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.any:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.array:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.arrayOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.element:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.elementType:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.instanceOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.node:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.object:case"object":case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.objectOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.oneOf:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.oneOfType:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.shape:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.exact:case clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.symbol:default:if(t){const r=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.evaluate)(t,{},!1,!0,this);if(r.error){log.warn("Error occurred during processing given",`attribute configuration "${e}":`,r.error);break}this.setInternalPropertyValue(i,r.result),this.setExternalPropertyValue(i,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.copy)(r.result,!1,1))}else this.hasAttribute(e)?(this.setInternalPropertyValue(i,!0),this.setExternalPropertyValue(i,!0)):(this.setInternalPropertyValue(i,null),this.setExternalPropertyValue(i,null))}}}async waitForNestedComponentRendering(){this.childComponentInstances&&await Promise.all(this.childComponentInstances.map((e=>e.renderState.pending?e.renderState.promise:Promise.resolve())))}async resolveRenderingPromiseIfSet(e,t){t&&(await this.waitForNestedComponentRendering(),this.renderState.pending=!1,this.renderState.resolve(e),this.prepareNewRenderingPromise())}prepareNewRenderingPromise(){this.renderState.pending||(this.renderState.promise=new Promise((e=>{this.renderState.resolve=t=>{this.renderState.pending=!1,e(t)}})))}triggerRender(e){this.batchUpdates?this.batchedUpdateRunning||(this.batchedUpdateRunning=!0,(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)((()=>{this.batchedUpdateRunning=!1,this.render(e)}))):this.render(e)}applyShadowRootIfNotExisting(){this.self.shadowDOM&&this.hostDomNode===this&&(this.hostDomNode=(!("attachShadow"in this)&&"ShadyDOM"in window?window.ShadyDOM.wrap(this):this).attachShadow((0,clientnode__WEBPACK_IMPORTED_MODULE_3__.isObject)(this.self.shadowDOM)?this.self.shadowDOM:{mode:"open"}))}determineRenderScope(e={}){this.scope={...this.parentInstance?.scope||{},...this.scope,...this.internalProperties,parentInstance:this.parentInstance,rootInstance:this.rootInstance,self:this,[(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.lowerCase)(this.self._name)||"instance"]:this,...e},this.scope.scope=this.scope}async render(e="unknown",t=!0){if(this.unRender("reRender",e),this.childComponentInstances=[],this.renderState.pending=!0,this.isRoot&&(await this.resolveRenderingPromiseIfSet(e,t),t&&(await Promise.all(this.self.pendingRenderPromises),this.self.pendingRenderPromises=[])),this.self.pendingRenderPromises.push(this.renderState.promise),this.determineRenderScope(),!this.self.doRender||!this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}})))return void await this.resolveRenderingPromiseIfSet(e,t);const r=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.evaluate)(`\`${this.self.content}\``,this.scope);if(r.error)return log.warn(`Failed to process template: ${r.error}`),this.renderState.resolve(e),void await Promise.all(this.self.pendingRenderPromises);this.applyShadowRootIfNotExisting();const n=document.createElement("div");n.innerHTML=r.result,this.applySlots(n,{...this.scope,parentInstance:this}),this.hostDomNode.innerHTML=n.innerHTML,await(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.timeout)(),this.waitForNestedComponentRendering().then((()=>{this.applyBindings(this.hostDomNode.firstChild,this.scope,this.self.renderSlots)})),await this.resolveRenderingPromiseIfSet(e,t)}unRender(e="unknown",t){this.unregisterDomNodeEventBindings()}},_Web.applyRootBinding=!0,_Web.pendingRenderPromises=[],_Web.content="<slot>Please provide a template to transclude.</slot>",_Web.determineRootBinding=!0,_Web.shadowDOM=null,_Web.observedAttributes=[],_Web.controllableProperties=[],_Web.eventToPropertyMapping={},_Web.propertyAliases={},_Web.propertyTypes={onClick:clientnode_property_types__WEBPACK_IMPORTED_MODULE_4__.func},_Web.propertiesToReflectAsAttributes=[],_Web.renderProperties=["children"],_Web.doRender=!1,_Web.cloneSlots=!1,_Web.evaluateSlots=!1,_Web.renderSlots=!0,_Web.trimSlots=!0,_Web.renderUnsafe=!1,_Web._name="BaseWeb",_Web._propertyAliasIndex=void 0,_Web._propertiesToReflectAsAttributes=void 0,_class=_Web,_descriptor=_babel_runtime_helpers_applyDecoratedDescriptor__WEBPACK_IMPORTED_MODULE_1___default()(_class.prototype,"isRoot",[_dec],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!0}}),_class);const api={component:Web,register:(e=(0,clientnode__WEBPACK_IMPORTED_MODULE_3__.camelCaseToDelimited)(Web._name))=>{customElements.define(e,Web)}},Web_0=Web;return __webpack_exports__})()));

package/decorator.d.ts

@@ -1,23 +0,0 @@
-import { PropertyConfiguration } from './type';
-/**
- * Generates a decorator based on given configuration.
- * @param options - Property configuration to define how to transfer attributes
- * and properties into each other.
- * @param options.alias - Alternate property name.
- * @param options.readAttribute - Indicates whether to read from existing
- * attribute also.
- * @param options.type - Value type to parse value.
- * @param options.update - Indicates whether to overwrite already existing
- * property configurations.
- * @param options.writeAttribute - Indicates whether to sync attribute
- * representation back into dom.
- * @returns Generated decorator.
- */
-export declare function property(options?: {
-    alias?: string;
-    readAttribute?: boolean;
-    type?: PropertyConfiguration;
-    update?: boolean;
-    writeAttribute?: boolean | PropertyConfiguration;
-}): PropertyDecorator;
-export default property;

package/index.d.ts

@@ -1,20 +0,0 @@
-import { Mapping } from 'clientnode';
-import propertyImport from './decorator';
-import ReactWebImport from './ReactWeb';
-import WebImport from './Web';
-import { ComponentType, WebComponentAPI, WebComponentConfiguration } from './type';
-export declare const property: typeof propertyImport;
-export declare const ReactWeb: typeof ReactWebImport;
-export declare const reactWebAPI: WebComponentAPI<HTMLElement, Mapping<unknown>, import("./type").ReactComponentBaseProperties, typeof ReactWebImport>;
-export declare const webAPI: WebComponentAPI<HTMLElement, Mapping<unknown>, Mapping<unknown>, typeof WebImport>;
-export declare const Web: typeof WebImport;
-/**
- * Wraps given react component as web component.
- * @param component - React component to wrap.
- * @param nameHint - A name to set as property in runtime generated web
- * component class.
- * @param configuration - Additional web component configurations.
- * @returns Generated object to register and retrieve generated web component.
- */
-export declare const wrapAsWebComponent: <Type extends ComponentType = ComponentType, ExternalProperties extends Mapping<unknown> = Mapping<unknown>, InternalProperties extends Mapping<unknown> = Mapping<unknown>, EventParameters extends Array<unknown> = Array<unknown>>(component: Type, nameHint?: string, configuration?: WebComponentConfiguration<ExternalProperties, InternalProperties, EventParameters>) => WebComponentAPI<Type, ExternalProperties, InternalProperties, typeof ReactWeb<Type, ExternalProperties, InternalProperties>>;
-export default wrapAsWebComponent;