@dooboostore/simple-web-component 1.0.14 → 1.0.15

package/dist/types/elements/base/index.d.ts

@@ -1,59 +0,0 @@
-export * from './SwcHTMLElementBase';
-export * from './SwcHTMLAnchorElementBase';
-export * from './SwcHTMLAreaElementBase';
-export * from './SwcHTMLAudioElementBase';
-export * from './SwcHTMLBaseElementBase';
-export * from './SwcHTMLButtonElementBase';
-export * from './SwcHTMLCanvasElementBase';
-export * from './SwcHTMLDataElementBase';
-export * from './SwcHTMLDataListElementBase';
-export * from './SwcHTMLDetailsElementBase';
-export * from './SwcHTMLDialogElementBase';
-export * from './SwcHTMLDivElementBase';
-export * from './SwcHTMLDListElementBase';
-export * from './SwcHTMLEmbedElementBase';
-export * from './SwcHTMLFieldSetElementBase';
-export * from './SwcHTMLFormElementBase';
-export * from './SwcHTMLHRElementBase';
-export * from './SwcHTMLIFrameElementBase';
-export * from './SwcHTMLImageElementBase';
-export * from './SwcHTMLInputElementBase';
-export * from './SwcHTMLLabelElementBase';
-export * from './SwcHTMLLegendElementBase';
-export * from './SwcHTMLLIElementBase';
-export * from './SwcHTMLLinkElementBase';
-export * from './SwcHTMLMapElementBase';
-export * from './SwcHTMLMetaElementBase';
-export * from './SwcHTMLMeterElementBase';
-export * from './SwcHTMLModElementBase';
-export * from './SwcHTMLObjectElementBase';
-export * from './SwcHTMLOListElementBase';
-export * from './SwcHTMLOptGroupElementBase';
-export * from './SwcHTMLOptionElementBase';
-export * from './SwcHTMLOutputElementBase';
-export * from './SwcHTMLParagraphElementBase';
-export * from './SwcHTMLParamElementBase';
-export * from './SwcHTMLPictureElementBase';
-export * from './SwcHTMLPreElementBase';
-export * from './SwcHTMLProgressElementBase';
-export * from './SwcHTMLQuoteElementBase';
-export * from './SwcHTMLScriptElementBase';
-export * from './SwcHTMLSelectElementBase';
-export * from './SwcHTMLSlotElementBase';
-export * from './SwcHTMLSourceElementBase';
-export * from './SwcHTMLSpanElementBase';
-export * from './SwcHTMLStyleElementBase';
-export * from './SwcHTMLTableElementBase';
-export * from './SwcHTMLTableSectionElementBase';
-export * from './SwcHTMLTableCellElementBase';
-export * from './SwcHTMLTemplateElementBase';
-export * from './SwcHTMLTextAreaElementBase';
-export * from './SwcHTMLTimeElementBase';
-export * from './SwcHTMLTitleElementBase';
-export * from './SwcHTMLTableRowElementBase';
-export * from './SwcHTMLTrackElementBase';
-export * from './SwcHTMLUListElementBase';
-export * from './SwcHTMLVideoElementBase';
-export * from './SwcHTMLHeadingElementBase';
-export * from './SwcHTMLBodyElementBase';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/elements/base/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC"}

package/src/decorators/attribute.ts

@@ -1,93 +0,0 @@
-import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
-
-export interface AttributeOptions {
-  name?: string;
-  type?: any; // String, Number, Boolean, Object
-  disableReflect?: boolean; // Default is false (reflect is enabled by default)
-}
-
-export interface AttributeMetadata {
-  propertyKey: string | symbol;
-  options: AttributeOptions;
-}
-
-export const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');
-
-export function attribute(nameOrOptions?: string | AttributeOptions): PropertyDecorator;
-export function attribute(target: Object, propertyKey: string | symbol): void;
-export function attribute(arg1?: string | AttributeOptions | Object, arg2?: string | symbol): any {
-  const decorator = (options: AttributeOptions, target: Object, propertyKey: string | symbol) => {
-    const constructor = target.constructor;
-    if (!options.name) options.name = String(propertyKey);
-    if (!options.type) options.type = String;
-    if (options.disableReflect === undefined) options.disableReflect = false;
-
-    let list = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, constructor);
-    if (!list) {
-      list = [];
-      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);
-    }
-    list.push({ propertyKey, options });
-
-    // Define getter and setter for the property
-    const internalKey = Symbol(String(propertyKey));
-    Object.defineProperty(target, propertyKey, {
-      get(this: any) {
-        return this[internalKey];
-      },
-      set(this: any, val: any) {
-        const oldVal = this[internalKey];
-        if (oldVal === val) return;
-
-        // Type conversion
-        let convertedVal = val;
-        if (options.type === Number) convertedVal = Number(val);
-        else if (options.type === Boolean) convertedVal = Boolean(val);
-        else if (options.type === Object && typeof val === 'string') {
-          try {
-            convertedVal = JSON.parse(val);
-          } catch (e) {
-            convertedVal = val;
-          }
-        }
-
-        this[internalKey] = convertedVal;
-
-        // Surgical Update Trigger
-        if (typeof (this as any)._updateState === 'function') {
-          (this as any)._updateState(options.name);
-        }
-
-        // Reflection
-        if (!options.disableReflect && this.setAttribute) {
-          if (convertedVal === null || convertedVal === undefined || convertedVal === false) {
-            this.removeAttribute(options.name!);
-          } else {
-            const attrVal = typeof convertedVal === 'object' ? JSON.stringify(convertedVal) : String(convertedVal);
-            if (this.getAttribute(options.name!) !== attrVal) {
-              this.setAttribute(options.name!, attrVal);
-            }
-          }
-        }
-      },
-      enumerable: true,
-      configurable: true
-    });
-  };
-
-  // Case: @attribute (parameterless decorator)
-  if (arg1 && typeof arg2 === 'string') {
-    return decorator({}, arg1 as Object, arg2 as string | symbol);
-  }
-
-  // Case: @attribute('name') or @attribute({ ... })
-  return (target: Object, propertyKey: string | symbol) => {
-    const options: AttributeOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as AttributeOptions) || {};
-    decorator(options, target, propertyKey);
-  };
-}
-
-export const getAttributeMetadataList = (target: any): AttributeMetadata[] | undefined => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);
-};

package/src/decorators/state.ts

@@ -1,44 +0,0 @@
-import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
-
-export interface StateOptions {
-  name?: string;
-}
-
-export interface StateMetadata {
-  propertyKey: string | symbol;
-  options: StateOptions;
-}
-
-export const STATE_METADATA_KEY = Symbol('simple-web-component:state');
-
-export function state(nameOrOptions?: string | StateOptions): PropertyDecorator;
-export function state(target: Object, propertyKey: string | symbol): void;
-export function state(arg1?: string | StateOptions | Object, arg2?: string | symbol): PropertyDecorator | void {
-  const decorator = (options: StateOptions, target: Object, propertyKey: string | symbol) => {
-    const constructor = target.constructor;
-    if (!options.name) options.name = String(propertyKey);
-
-    let list = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);
-    if (!list) {
-      list = [];
-      ReflectUtils.defineMetadata(STATE_METADATA_KEY, list, constructor);
-    }
-    list.push({ propertyKey, options });
-  };
-
-  if (arg2) {
-    // Used as @state
-    return decorator({}, arg1!, arg2);
-  }
-
-  // Used as @state(options)
-  return (target: Object, propertyKey: string | symbol) => {
-    const options: StateOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as StateOptions) || {};
-    decorator(options, target, propertyKey);
-  };
-}
-
-export const getStateMetadataList = (target: any): StateMetadata[] | undefined => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
-};

package/src/elements/SwcChoose.ts

@@ -1,120 +0,0 @@
-import { attribute, elementDefine, onAttributeChanged } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-interface Branch {
-  tpl: DocumentFragment;
-  test: string | null;
-}
-
-@elementDefine({ name: 'swc-choose', extends: 'template' })
-export class SwcChoose extends SwcHTMLTemplateElementBase {
-  private _endMarker = document.createComment('swc-choose-end');
-
-  @attribute('value')
-  _value: any = undefined;
-
-  private _branches: Branch[] = [];
-  private _otherBranch: Branch | null = null;
-
-  constructor() {
-    super();
-  }
-
-  @onAttributeChanged('value')
-  onValueChange() {
-    this.evaluate();
-  }
-
-  set value(val: any) {
-    this._value = val;
-    this.onValueChange();
-  }
-
-  get value() {
-    return this._value;
-  }
-
-  connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    if (this.nextSibling !== this._endMarker) {
-      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);
-    }
-    this._initBranches();
-    this.evaluate();
-  }
-
-  private _initBranches() {
-    const content = this.content;
-    Array.from(content.children).forEach(c => {
-      const tagName = c.localName.toLowerCase();
-      const isAttr = (c.getAttribute('is') || '').toLowerCase();
-
-      const isWhen = tagName === 'swc-when' || isAttr.includes('swc-when');
-      const isOther = tagName === 'swc-other' || isAttr.includes('swc-other');
-
-      if (isWhen || isOther) {
-        const branch: Branch = {
-          tpl: document.createDocumentFragment(),
-          test: c.getAttribute('test')
-        };
-
-        const source = c instanceof HTMLTemplateElement ? c.content : c;
-        Array.from(source.childNodes).forEach(child => branch.tpl.appendChild(child.cloneNode(true)));
-
-        if (isWhen) this._branches.push(branch);
-        else this._otherBranch = branch;
-      }
-    });
-  }
-
-  private evaluate() {
-    if (!this.isConnected) return;
-
-    let curr = this.nextSibling;
-    while (curr && curr !== this._endMarker) {
-      const next = curr.nextSibling;
-      curr.parentElement?.removeChild(curr);
-      curr = next;
-    }
-
-    let matchedBranch: Branch | null = null;
-    const chooseValue = this.getAttribute('value') ?? this._value;
-
-    for (const branch of this._branches) {
-      const testAttr = branch.test;
-      if (testAttr === null || testAttr.includes('{{')) continue;
-
-      let isMet = false;
-      if (chooseValue !== undefined && chooseValue !== null) {
-        isMet = String(chooseValue) === String(testAttr);
-      } else {
-        try {
-          if (testAttr === 'true') isMet = true;
-          else if (testAttr === 'false') isMet = false;
-          else isMet = !!new Function(`return ${testAttr}`)();
-        } catch (e) {
-          isMet = false;
-        }
-      }
-
-      if (isMet) {
-        matchedBranch = branch;
-        break;
-      }
-    }
-
-    if (!matchedBranch && this._otherBranch) {
-      matchedBranch = this._otherBranch;
-    }
-
-    if (matchedBranch) {
-      const clone = matchedBranch.tpl.cloneNode(true);
-      Array.from(clone.childNodes).forEach(node => {
-        this.applyData(node, this._value);
-      });
-      this.parentNode?.insertBefore(clone, this._endMarker);
-    }
-  }
-}

package/src/elements/SwcForOf.ts

@@ -1,76 +0,0 @@
-import { attribute, elementDefine, onAttributeChanged } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-@elementDefine({ name: 'swc-for-of', extends: 'template' })
-export class SwcForOf extends SwcHTMLTemplateElementBase {
-  private _endMarker = document.createComment('swc-for-of-end');
-  private _rowNodes: Node[][] = [];
-
-  @attribute('value')
-  _value: any[] = [];
-
-  @onAttributeChanged('value')
-  onValueChange() {
-    if (!Array.isArray(this._value)) this._value = [];
-    if (!(this._value as any).__swc_is_proxy) {
-      this._value = this.createReactiveProxy(
-        this._value,
-        () => this.render(),
-        (idx, v) => this.updateSingleRow(idx, v)
-      );
-    }
-    this.render();
-  }
-
-  set value(val: any[]) {
-    this._value = val;
-    this.onValueChange();
-  }
-
-  get value(): any[] {
-    return this._value;
-  }
-
-  connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    if (this.nextSibling !== this._endMarker) {
-      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);
-    }
-    this.render();
-  }
-
-  public updateSingleRow(index: number, newValue: any) {
-    const nodes = this._rowNodes[index];
-    if (nodes && nodes.length > 0) {
-      nodes.forEach(node => {
-        this.applyData(node, newValue, index);
-      });
-    } else {
-      this.render();
-    }
-  }
-
-  private render() {
-    if (!this.isConnected) return;
-
-    // Remove existing rows
-    this._rowNodes.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));
-    this._rowNodes = [];
-
-    if (Array.isArray(this._value)) {
-      this._value.forEach((item, index) => {
-        const clone = this.content.cloneNode(true);
-        const currentNodes: Node[] = Array.from(clone.childNodes);
-
-        currentNodes.forEach(node => {
-          this.applyData(node, item, index);
-        });
-
-        this.parentNode?.insertBefore(clone, this._endMarker);
-        this._rowNodes[index] = currentNodes;
-      });
-    }
-  }
-}

package/src/elements/SwcIf.ts

@@ -1,68 +0,0 @@
-import { attribute, elementDefine, onAttributeChanged } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-@elementDefine({ name: 'swc-if', extends: 'template' })
-export class SwcIf extends SwcHTMLTemplateElementBase {
-  private _endMarker = document.createComment('swc-if-end');
-
-  @attribute('value')
-  _value: any = false;
-
-  @onAttributeChanged('value')
-  onValueChange() {
-    this.render();
-  }
-
-  set value(val: any) {
-    this._value = val;
-    this.onValueChange();
-  }
-
-  get value() {
-    return this._value;
-  }
-
-  connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    if (this.nextSibling !== this._endMarker) {
-      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);
-    }
-    this.render();
-  }
-
-  private render() {
-    if (!this.isConnected) return;
-
-    let curr = this.nextSibling;
-    while (curr && curr !== this._endMarker) {
-      const next = curr.nextSibling;
-      curr.parentElement?.removeChild(curr);
-      curr = next;
-    }
-
-    const attrValue = this.getAttribute('value');
-    let displayValue = attrValue !== null ? attrValue : this._value;
-    let isTruthy = !!displayValue;
-
-    if (typeof displayValue === 'string') {
-      if (displayValue === 'false' || displayValue === '0' || displayValue === '') isTruthy = false;
-      else {
-        try {
-          isTruthy = !!new Function(`return ${displayValue}`)();
-        } catch (e) {
-          isTruthy = true;
-        }
-      }
-    }
-
-    if (isTruthy) {
-      const clone = this.content.cloneNode(true);
-      Array.from(clone.childNodes).forEach(node => {
-        this.applyData(node, this._value);
-      });
-      this.parentNode?.insertBefore(clone, this._endMarker);
-    }
-  }
-}

package/src/elements/SwcInterfaces.ts

@@ -1,53 +0,0 @@
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { ConstructorType, Optional } from '@dooboostore/core/types';
-import { Router } from '@dooboostore/core-web/routers/Router';
-
-export enum InjectSituationType {
-  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',
-  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',
-  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',
-  HOST = 'SIMPLE_WEB_COMPONENT://HOST',
-  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',
-  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',
-  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',
-  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',
-  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'
-}
-
-export type HostSet = {
-  $host: SwcHTMLElementInterface | null;
-  $hosts: SwcHTMLElementInterface[];
-  $firstHost: SwcHTMLElementInterface | null;
-  $lastHost: SwcHTMLElementInterface | null;
-  $appHost: SwcAppInterface | null;
-  $appHosts: SwcAppInterface[];
-  $firstAppHost: SwcAppInterface | null;
-  $lastAppHost: SwcAppInterface | null;
-};
-
-export interface SwcHTMLElementInterface extends HTMLElement {
-  getAppHost(): SwcAppInterface | undefined;
-  getAppHosts(): SwcAppInterface[];
-  getFirstAppHost(): SwcAppInterface | undefined;
-  getLastAppHost(): SwcAppInterface | undefined;
-  getHosts(): SwcHTMLElementInterface[];
-  getHost(): SwcHTMLElementInterface | undefined;
-  getFirstHost(): SwcHTMLElementInterface | undefined;
-  getLastHost(): SwcHTMLElementInterface | undefined;
-  getHostSet(): HostSet;
-}
-
-export type SwcConfigType = {
-  rootRouter: ConstructorType<any>;
-  routeType: 'path' | 'hash' | 'element';
-  path?: string;
-  window: Window;
-};
-
-export type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;
-
-export interface SwcAppInterface extends SwcHTMLElementInterface {
-  simpleApplication?: SimpleApplication;
-  router?: Router;
-  routing(path: string): Promise<void>;
-}

package/src/elements/SwcObject.ts

@@ -1,65 +0,0 @@
-import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-@elementDefine({ name: 'swc-object', extends: 'template' })
-export class SwcObject extends SwcHTMLTemplateElementBase {
-  private _endMarker = document.createComment('swc-object-end');
-  private _renderedNodes: Node[] = [];
-
-  @attribute('value')
-  _value: any = {};
-
-  constructor() {
-    super();
-  }
-
-  @onAttributeChanged('value')
-  onValueChange() {
-    if (typeof this._value !== 'object' || this._value === null) this._value = {};
-    this._value = this.createReactiveProxy(this._value, () => {
-      this.updateUI();
-    });
-    this.render();
-  }
-
-  set value(val: any) {
-    this._value = val;
-    this.onValueChange();
-  }
-
-  get value(): any {
-    return this._value;
-  }
-
-  connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    if (this.nextSibling !== this._endMarker) {
-      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);
-    }
-    this.render();
-  }
-
-  private updateUI() {
-    this._renderedNodes.forEach(node => {
-      this.applyData(node, this._value);
-    });
-  }
-
-  private render() {
-    if (!this.isConnected) return;
-
-    this._renderedNodes.forEach(node => node.parentElement?.removeChild(node));
-    this._renderedNodes = [];
-
-    const clone = this.content.cloneNode(true);
-    this._renderedNodes = Array.from(clone.childNodes);
-
-    this._renderedNodes.forEach(node => {
-      this.applyData(node, this._value);
-    });
-
-    this.parentNode?.insertBefore(clone, this._endMarker);
-  }
-}

package/src/elements/SwcOther.ts

@@ -1,5 +0,0 @@
-import { elementDefine } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-@elementDefine({ name: 'swc-other', extends: 'template' })
-export class SwcOther extends SwcHTMLTemplateElementBase {}

package/src/elements/SwcWhen.ts

@@ -1,5 +0,0 @@
-import { elementDefine } from '../index';
-import { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';
-
-@elementDefine({ name: 'swc-when', extends: 'template' })
-export class SwcWhen extends SwcHTMLTemplateElementBase {}