@dooboostore/dom-render 1.0.98

package/components/choose/Choose.js

@@ -0,0 +1,110 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var Choose;
+(function (Choose_1) {
+    Choose_1.selector = 'dr-choose';
+    class ChildOtherWiseBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.hidden = true;
+        }
+    }
+    class ChildBase extends ChildOtherWiseBase {
+    }
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true" >#innerHTML#</div>',
+    //   selector: `${selector}.When`
+    // })
+    class When extends ChildBase {
+        constructor() {
+            super({ onlyParentType: (Choose) });
+        }
+    }
+    Choose_1.When = When;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true" >#innerHTML#</div>',
+    //   selector: `${selector}.OtherWise`
+    // })
+    class OtherWise extends ChildBase {
+        constructor() {
+            super({ onlyParentType: (Choose) });
+        }
+    }
+    Choose_1.OtherWise = OtherWise;
+    // @Component({
+    //   template: '#innerHTML#',
+    //   selector: `${selector}`
+    // })
+    class Choose extends ComponentBase {
+        onCreatedThisChild(child, data) {
+            super.onCreatedThisChild(child, data);
+            this.setChange(child);
+        }
+        onChangeAttrRender(name, value, other) {
+            super.onChangeAttrRender(name, value, other);
+            // console.log('-----------changer Choose', name, value);
+            // this.getChildren(Pending).forEach(it => {
+            //   console.log('------------asdasd', it, it.attribute?.defaultView)
+            // })
+            if (this.equalsAttributeName(name, 'data')) {
+                this.choose = undefined;
+                const children = this.getChildren([When, OtherWise]).sort((a, b) => (a instanceof OtherWise ? 1 : 0) - (b instanceof OtherWise ? 1 : 0));
+                children.forEach(it => this.setChange(it));
+            }
+        }
+        setChange(child) {
+            var _a;
+            child.data = this.getAttribute('data');
+            // when.hidden = true;
+            if (!this.choose && child instanceof When && ((_a = child.getAttribute('test')) === null || _a === void 0 ? void 0 : _a(this.getAttribute('data')))) {
+                // console.log('------------', child.attribute?.test?.(this.attribute?.data))
+                this.choose = child;
+                if (child.hidden) {
+                    child.hidden = false;
+                }
+                // console.log('--------', when)
+            }
+            else if (this.choose !== child) {
+                child.hidden = true;
+            }
+            if (!this.choose && child instanceof OtherWise) {
+                this.choose = child;
+                if (child.hidden) {
+                    child.hidden = false;
+                }
+            }
+        }
+    }
+    Choose_1.Choose = Choose;
+})(Choose || (Choose = {}));
+export default {
+    chooseWhen: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}-when`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.When(), config: config });
+            }
+        });
+    },
+    chooseOtherWise: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}-other-wise`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.OtherWise(), config: config });
+            }
+        });
+    },
+    choose: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}`,
+            template: '#innerHTML#',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.Choose(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Choose.js.map

package/components/details/Details.d.ts

@@ -0,0 +1,57 @@
+import { ComponentBase } from '../ComponentBase';
+import { RunConfig } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+import { OtherData } from '../../lifecycle/OnChangeAttrRender';
+import { OnInitRender } from '../../lifecycle/OnInitRender';
+import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
+import { OnCreateRender } from 'lifecycle/OnCreateRender';
+export declare namespace Details {
+    const selector = "dr-details";
+    type Attribute = {
+        class?: string;
+        toggle_form_reset?: boolean;
+        disableOtherClickClose?: boolean;
+        toggle?: (open: boolean) => void;
+    };
+    type BodyAttribute = {
+        float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    } & Attribute;
+    type FormAttribute = {
+        disabledSubmit?: null;
+        submit?: (event: SubmitEvent, element: HTMLFormElement) => void;
+    } & BodyAttribute;
+    class Summary extends ComponentBase<Attribute> {
+        constructor();
+    }
+    class Body extends ComponentBase<BodyAttribute> {
+        private $element?;
+        constructor();
+    }
+    const isBody: (instance: any) => instance is Body;
+    class Form extends ComponentBase<FormAttribute> {
+        private $element?;
+        constructor();
+        submit(element: HTMLFormElement, event: SubmitEvent): void;
+        reset(): void;
+    }
+    const isForm: (instance: any) => instance is Form;
+    class Details extends ComponentBase<Attribute> implements OnCreateRender, OnInitRender {
+        private documentClickSubscription?;
+        private toggleSubscription?;
+        private element?;
+        onCreateRenderData(data: OnCreateRenderDataParams): void;
+        onCreateRender(...param: any[]): void;
+        toggle(element: HTMLDetailsElement): void;
+        onInitRender(param: any, rawSet: RawSet): void;
+        onChangeAttrRender(name: string, value: any, other: OtherData): void;
+        onDestroyRender(...metaData: any[]): void;
+    }
+}
+declare const _default: {
+    detailsSummary: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    detailsBody: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    detailsForm: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    details: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=Details.d.ts.map

package/components/details/Details.js

@@ -0,0 +1,199 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+import { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';
+import { EventUtils } from '@dooboostore/core-web/event/EventUtils';
+export var Details;
+(function (Details_1) {
+    Details_1.selector = 'dr-details';
+    // @Component({
+    //   template: '<summary class="${`${@this@.getAttribute(\'class\')} details-summary-container`}$">#innerHTML#</summary>',
+    //   styles: '',
+    //   selector: `${selector}.Summary`
+    // })
+    class Summary extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+    }
+    Details_1.Summary = Summary;
+    // @Component({
+    //   template: '<div class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container`}$" dr-on-init="@this@.$element = $element;">#innerHTML#</div>',
+    //   selector: `${selector}.Body`
+    // })
+    class Body extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+    }
+    Details_1.Body = Body;
+    Details_1.isBody = (instance) => {
+        return instance instanceof Body;
+    };
+    // @Component({
+    //   template: '<form class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container details-form-container`}$" dr-on-init="@this@.$element = $element;" dr-event-submit="@this@.submit($element,$event);">#innerHTML#</form>',
+    //   styles: detailsFormStyle,
+    //   selector: `${selector}.Form`
+    // })
+    class Form extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+        submit(element, event) {
+            var _a;
+            if (this.hasAttribute('disabledSubmit')) {
+                event.preventDefault();
+            }
+            if (this.hasAttribute('submit')) {
+                (_a = this.getAttribute('submit')) === null || _a === void 0 ? void 0 : _a(event, element);
+            }
+        }
+        reset() {
+            var _a;
+            (_a = this.$element) === null || _a === void 0 ? void 0 : _a.reset();
+        }
+    }
+    Details_1.Form = Form;
+    Details_1.isForm = (instance) => {
+        return instance instanceof Form;
+    };
+    // @Component({
+    //   template: template,
+    //   styles: style,
+    //   // noStrip: true,
+    //   selector: `${selector}`
+    // })
+    class Details extends ComponentBase {
+        onCreateRenderData(data) {
+            super.onCreateRenderData(data);
+        }
+        onCreateRender(...param) {
+        }
+        toggle(element) {
+            const toggleAttribute = this.getAttribute('toggle');
+            if (toggleAttribute) {
+                toggleAttribute === null || toggleAttribute === void 0 ? void 0 : toggleAttribute(element.open);
+            }
+        }
+        onInitRender(param, rawSet) {
+            var _a;
+            super.onInitRender(param, rawSet);
+            if (ValidUtils.isBrowser() && ((_a = this.rawSet) === null || _a === void 0 ? void 0 : _a.dataSet.config.window)) {
+                const detailsElement = this.element;
+                const document = this.rawSet.dataSet.config.window.document;
+                this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {
+                    if (this.getAttribute('disableOtherClickClose')) {
+                        return;
+                    }
+                    if (detailsElement && !(detailsElement === null || detailsElement === void 0 ? void 0 : detailsElement.contains(event === null || event === void 0 ? void 0 : event.target))) {
+                        detailsElement.open = false;
+                    }
+                });
+                if (detailsElement) {
+                    this.toggleSubscription = EventUtils.htmlElementEventObservable(detailsElement, 'toggle').subscribe(it => {
+                        var _a;
+                        if (ValidUtils.coreValidUtils.isNotNullUndefined(this.getAttribute('toggle_form_reset'))) {
+                            (_a = this.children) === null || _a === void 0 ? void 0 : _a.filter(Details_1.isForm).forEach(it => {
+                                it.reset();
+                            });
+                        }
+                    });
+                }
+            }
+            // console.log('aaaaaaaaaaaaaaaaaaaaa', rawSet);
+        }
+        onChangeAttrRender(name, value, other) {
+            super.onChangeAttrRender(name, value, other);
+        }
+        onDestroyRender(...metaData) {
+            var _a, _b;
+            (_a = this.toggleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.documentClickSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            // console.log('onDestroyRender', metaData);
+            // if (ValidUtils.isBrowser()) {
+            //   document.removeEventListener('click', this.ccc)
+            // }
+        }
+    }
+    Details_1.Details = Details;
+})(Details || (Details = {}));
+export default {
+    detailsSummary: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-summary`,
+            template: '<summary class="${`${@this@.getAttribute(\'class\')} details-summary-container`}$">#innerHTML#</summary>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Summary(), config: config });
+            }
+        });
+    },
+    detailsBody: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-body`,
+            template: '<div class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container`}$" dr-on-init="@this@.$element = $element;">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Body(), config: config });
+            }
+        });
+    },
+    detailsForm: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-form`,
+            template: '<form class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container details-form-container`}$" dr-on-init="@this@.$element = $element;" dr-event-submit="@this@.submit($element,$event);">#innerHTML#</form>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Form(), config: config });
+            }
+        });
+    },
+    details: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}`,
+            styles: `
+        .details-container {
+            position: relative;
+        }
+
+        .details-container .details-body-container {
+            position: absolute;
+        }
+
+
+        .details-container .details-body-bottom-left-container {
+            position: absolute;
+            left: 0;
+            top: 100%;
+            /*margin-top: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-bottom-right-container {
+            position: absolute;
+            right: 0;
+            top: 100%;
+            /*margin-top: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-top-left-container {
+            position: absolute;
+            left: 0;
+            bottom: 100%;
+            /*margin-bottom: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-top-right-container {
+            position: absolute;
+            right: 0;
+            bottom: 100%;
+            /*margin-bottom: 0px;*/
+        }
+      `,
+            template: '<details class="${`${@this@.getAttribute(\'class\')} details-container`}$" dr-on-init="@this@.element = $element;" dr-event-toggle="@this@.toggle($element)"> #innerHTML# </details>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Details(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Details.js.map

package/components/dialog/Dialog.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=Dialog.d.ts.map

package/components/dialog/Dialog.js

@@ -0,0 +1,85 @@
+// import { Component } from '@dooboostore/simple-boot-front/decorators/Component';
+// import { ComponentBase } from '../ComponentBase';
+// import { OtherData } from '@dooboostore/dom-render/lifecycle/OnChangeAttrRender';
+// import template from './dialog.html'
+//
+// export namespace Dialog {
+//   export const selector = 'System:Dialog';
+//   export type Attribute<D> = {
+//     show?: null;
+//     backdropClickClose?: null;
+//     class?: string;
+//     close?: () => void
+//     toggle?: (element:HTMLDialogElement) => void,
+//     data?: D
+//   }
+//
+//
+//   @Component({
+//     template,
+//     // styles: style,
+//     selector: `${selector}`
+//   })
+//   export class Dialog<D = any> extends ComponentBase<Attribute<D>> {
+//     private element?: HTMLDialogElement;
+//
+//     closeDialog() {
+//       if (this.element) {
+//         this.element.close();
+//         this.getAttribute('toggle')?.(this.element);
+//       }
+//     }
+//
+//     destroyDialog() {
+//       this.getAttribute('close')?.();
+//     }
+//
+//     onInitElement(element: HTMLDialogElement) {
+//       this.element = element;
+//       if (this.hasAttribute('show')) {
+//         this.element.showModal();
+//       }
+//       this.getAttribute('toggle')?.(this.element);
+//
+//       this.element.addEventListener('click', (event) => {
+//         if (this.getAttribute('backdropClickClose') !== null) {
+//           if (event.target === this.element) {
+//             this.closeDialog();
+//           }
+//         }
+//       });
+//     }
+//
+//     showModal() {
+//       this.element?.showModal();
+//       if (this.element)
+//       this.getAttribute('toggle')?.(this.element);
+//     }
+//
+//     show() {
+//       this.element?.show();
+//       if (this.element)
+//       this.getAttribute('toggle')?.(this.element);
+//     }
+//
+//     close() {
+//       this.element?.close();
+//     }
+//     setData(data?: D | null) {
+//
+//     }
+//     onChangeAttrRender(name: string, value: any, other: OtherData) {
+//       super.onChangeAttrRender(name, value, other);
+//       if (this.equalsAttributeName(name, 'show') && this.element) {
+//         if (this.hasAttribute('show')) {
+//           this.showModal();
+//         } else {
+//           this.close();
+//         }
+//       } else if (name === 'data') {
+//         this.setData(this.getAttribute('data'))
+//       }
+//     }
+//   }
+// }
+//# sourceMappingURL=Dialog.js.map

package/components/dialog/example/ImageEditorDialog.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=ImageEditorDialog.d.ts.map

package/components/dialog/example/ImageEditorDialog.js

@@ -0,0 +1,116 @@
+// import { Component } from '@dooboostore/simple-boot-front/decorators/Component';
+// import template from './imageEditorDialog.html'
+// import styles from './imageEditorDialog.css'
+// import { ComponentBase } from '@dooboostore/app-system/component/ComponentBase';
+// import { AuthStore } from '@src/store/AuthStore';
+// import { OnCreateRender } from '@dooboostore/dom-render/lifecycle/OnCreateRender';
+// import { OnDestroyRender, OnDestroyRenderParams } from '@dooboostore/dom-render/lifecycle/OnDestroyRender';
+// import { Subscription } from '@dooboostore/core/message';
+// import { Inject } from '@dooboostore/simple-boot/decorators/inject/Inject';
+// import { AuthService } from '@src/service/AuthService';
+// import { UserService } from '@src/service/UserService';
+// import { ObjetService } from '@src/service/ObjetService';
+// import { Talks } from '@src/entities/Talks';
+// import { TalkService } from '@src/service/TalkService';
+// import { ItemService } from '@src/service/ItemService';
+// import { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';
+// import { DomRenderNoProxy } from '@dooboostore/dom-render/decorators/DomRenderNoProxy';
+// import { Appender } from '@dooboostore/dom-render/operators/Appender';
+// import { ConvertUtils as WebConvertUtils } from '@dooboostore/core-web/convert/ConvertUtils';
+// import { WorldService } from '@src/service/WorldService';
+// import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';
+// import { Router } from '@dooboostore/dom-render/routers/Router';
+//
+// export type ImageEditorDialogData = {}
+//
+// export type Attribute = {
+//   show?: null,
+//   data: ImageEditorDialogData,
+//   close: () => void,
+// };
+//
+// @Component({
+//   template,
+//   styles,
+//   selector: 'ImageEditorDialog'
+// })
+// export class ImageEditorDialog extends ComponentBase<Attribute> implements OnCreateRender, OnDestroyRender {
+//   private formElement?: HTMLFormElement;
+//   private dialogElement?: HTMLDialogElement;
+//   private open = false;
+//
+//   constructor(
+//     private simConfig: SimFrontOption,
+//     private authStore: AuthStore,
+//     @Inject({symbol: UserService.SYMBOL}) private userService: UserService,
+//     @Inject({symbol: TalkService.SYMBOL}) private talkService: TalkService,
+//     @Inject({symbol: ItemService.SYMBOL}) private itemService: ItemService,
+//     @Inject({symbol: ObjetService.SYMBOL}) private objetService: ObjetService,
+//     @Inject({symbol: WorldService.SYMBOL}) private worldService: WorldService,
+//     @Inject({symbol: AuthService.SYMBOL}) private authService: AuthService,
+//     private router: Router
+//   ) {
+//     super();
+//   }
+//
+//   onInitDialog(element: HTMLDialogElement) {
+//     this.dialogElement = element;
+//     // console.log('----------onInitDialog------', this.dialogElement, this.dialogElement.isConnected, this.hasAttribute('show'))
+//     if (this.hasAttribute('show')) {
+//       this.dialogElement.showModal();
+//     }
+//     this.open = this.dialogElement.open;
+//   }
+//
+//   onCreateRender(...param: any[]): void {
+//   }
+//
+//   async onProfileImageChange(event: Event) {
+//     const fileInputElement = event.currentTarget as HTMLInputElement;
+//     const files = fileInputElement.files;
+//     if (files && files.length) {
+//       const file = files[0];
+//       if (file.size > 0) {
+//         await this.worldService.setWorld({
+//           profile:await WebConvertUtils.toBase64(this.compressImage(file), {type: file.type, quality: 0.2})
+//         });
+//         this.authStore.refresh();
+//       }
+//     }
+//   }
+//
+//
+//   async formSubmit(form: HTMLFormElement, event: SubmitEvent) {
+//     event.preventDefault();
+//   }
+//
+//   compressImage(file: File) {
+//     return WebConvertUtils.compressImage(file, {maxWidth: 100})
+//   }
+//
+//   destroyDialog() {
+//     this.formElement?.reset();
+//     this.attribute?.close?.();
+//   }
+//
+//
+//   // form
+//   onInitFrom(element: HTMLFormElement) {
+//     this.formElement = element;
+//   }
+//
+//
+//   closeDialog() {
+//     if (this.dialogElement) {
+//       this.dialogElement.close();
+//       this.open = this.dialogElement.open;
+//     }
+//   }
+//
+//
+//   onDestroyRender(data: OnDestroyRenderParams) {
+//   }
+//
+//
+// }
+//# sourceMappingURL=ImageEditorDialog.js.map

package/components/forOf/ForOf.d.ts

@@ -0,0 +1,18 @@
+import { ComponentBase } from '../ComponentBase';
+import { RunConfig } from '../../DomRender';
+import { OtherData } from '../../lifecycle/OnChangeAttrRender';
+export declare namespace ForOf {
+    const selector = "System:ForOf";
+    type Attribute<D> = {
+        value: D;
+    };
+    class ForOf<D> extends ComponentBase<Attribute<D>> {
+        private value?;
+        onChangeAttrRender(name: string, value: any, other: OtherData): void;
+    }
+}
+declare const _default: {
+    forOf: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=ForOf.d.ts.map

package/components/forOf/ForOf.js

@@ -0,0 +1,32 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var ForOf;
+(function (ForOf_1) {
+    ForOf_1.selector = 'System:ForOf';
+    // @Component({
+    //   template: '<div dr-for-of="@this@.data" dr-option-strip="true">#innerHTML#</div>',
+    //   selector: `${selector}`
+    // })
+    class ForOf extends ComponentBase {
+        onChangeAttrRender(name, value, other) {
+            super.onChangeAttrRender(name, value, other);
+            if (this.equalsAttributeName(name, 'value')) {
+                this.value = value;
+            }
+        }
+    }
+    ForOf_1.ForOf = ForOf;
+})(ForOf || (ForOf = {}));
+export default {
+    forOf: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: ForOf.selector,
+            template: '<div dr-for-of="@this@.data" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=ForOf.js.map

package/components/if/If.d.ts

@@ -0,0 +1,21 @@
+import { ComponentBase } from '../ComponentBase';
+import { OtherData } from '../../lifecycle/OnChangeAttrRender';
+import { RunConfig } from '../../DomRender';
+import { OnInitRender } from '../../lifecycle/OnInitRender';
+import { RawSet } from '../../rawsets/RawSet';
+export declare namespace If {
+    const selector = "dr-if";
+    type Attribute<D> = {
+        value?: null | boolean;
+    };
+    class If<D> extends ComponentBase<Attribute<D>> implements OnInitRender {
+        private sw;
+        onInitRender(param: any, rawSet: RawSet): void;
+        onChangeAttrRender(name: string, value: any, other: OtherData): void;
+    }
+}
+declare const _default: {
+    if: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=If.d.ts.map