@operato/attachment 1.0.0-alpha.9 → 1.0.0-beta.2

package/CHANGELOG.md

@@ -3,6 +3,390 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-beta.2](https://github.com/hatiolab/operato/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2022-04-12)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-beta.1](https://github.com/hatiolab/operato/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2022-04-11)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-beta.0](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.53...v1.0.0-beta.0) (2022-04-10)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.53](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.52...v1.0.0-alpha.53) (2022-04-08)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.51...v1.0.0-alpha.52) (2022-04-08)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.50...v1.0.0-alpha.51) (2022-04-05)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.49...v1.0.0-alpha.50) (2022-04-04)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.48...v1.0.0-alpha.49) (2022-04-04)
+
+
+### :bug: Bug Fix
+
+* lit@2.2.1 ([6707752](https://github.com/hatiolab/operato/commit/6707752907d24f7ecbe248cba18a4b18cfda282f))
+
+
+
+## [1.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.47...v1.0.0-alpha.48) (2022-04-03)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.46...v1.0.0-alpha.47) (2022-04-02)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.45...v1.0.0-alpha.46) (2022-04-02)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2022-03-31)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2022-03-31)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-30)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+
+### :bug: Bug Fix
+
+* missing import ([c9ed5f9](https://github.com/hatiolab/operato/commit/c9ed5f9c3566e899ebd40e920d9f08200ca5a5c6))
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([4800d85](https://github.com/hatiolab/operato/commit/4800d859473bf623325233a7f2af851e5d093dcb))
+
+
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+
+### :bug: Bug Fix
+
+* ox-property-editor-attachment-selector ([a1a2d20](https://github.com/hatiolab/operato/commit/a1a2d20640746c891248fdb729097614676c9cff))
+
+
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+**Note:** Version bump only for package @operato/attachment
+
+
+
+
+
 ## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
 
 

package/dist/src/ox-attachment-selector.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import '@material/mwc-icon';
+import './ox-attachment-list.js';
+import { LitElement } from 'lit';
+export declare class OxPropertyEditorAttachmentSelector extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: string;
+    properties: any;
+    private popup?;
+    render(): import("lit-html").TemplateResult<1>;
+    getIconByCategory(): "image" | "library_music" | "video_library" | "attachment";
+    _onInputChanged(e: KeyboardEvent): void;
+    openSelector(): void;
+}

package/dist/src/ox-attachment-selector.js

@@ -0,0 +1,108 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import './ox-attachment-list.js';
+import { LitElement, css, html } from 'lit';
+import { openPopup } from '@operato/layout';
+import { customElement, property } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+let OxPropertyEditorAttachmentSelector = class OxPropertyEditorAttachmentSelector extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+    }
+    render() {
+        return html `
+      <input
+        id="text"
+        type="text"
+        .value=${this.value || ''}
+        @change=${(e) => this._onInputChanged(e)}
+      />
+
+      <mwc-icon @click=${() => this.openSelector()}>${this.getIconByCategory()}</mwc-icon>
+    `;
+    }
+    getIconByCategory() {
+        var { category } = this.properties || {};
+        switch (category) {
+            case 'audio':
+                return 'library_music';
+            case 'video':
+                return 'video_library';
+            case 'image':
+                return 'image';
+            case 'text':
+            case 'application':
+            default:
+                return 'attachment';
+        }
+    }
+    _onInputChanged(e) {
+        this.value = e.target.value;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        /*
+         * 기존 설정된 이미지가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.
+         * 주의. value는 object일 수도 있고, string일 수도 있다.
+         * string인 경우에는 해당 보드의 id로 해석한다.
+         */
+        var value = this.value || {};
+        var { category = 'application' } = this.properties || {};
+        var template = html `
+      <ox-attachment-list
+        .creatable=${true}
+        .category=${category}
+        @attachment-selected=${async (e) => {
+            var attachment = e.detail.attachment;
+            this.value = `/attachment/${attachment.path}`;
+            this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+            this.popup && this.popup.close();
+        }}
+      ></ox-attachment-list>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.select attachment')
+        });
+    }
+};
+OxPropertyEditorAttachmentSelector.styles = [
+    css `
+      :host {
+        position: relative;
+        display: inline-block;
+      }
+
+      input[type='text'] {
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+      }
+
+      mwc-icon {
+        position: absolute;
+        top: 0;
+        right: 3px;
+      }
+    `
+];
+__decorate([
+    property({ type: String })
+], OxPropertyEditorAttachmentSelector.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], OxPropertyEditorAttachmentSelector.prototype, "properties", void 0);
+OxPropertyEditorAttachmentSelector = __decorate([
+    customElement('ox-attachment-selector')
+], OxPropertyEditorAttachmentSelector);
+export { OxPropertyEditorAttachmentSelector };
+//# sourceMappingURL=ox-attachment-selector.js.map

package/dist/src/ox-attachment-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-attachment-selector.js","sourceRoot":"","sources":["../../src/ox-attachment-selector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/mwc-icon'\nimport './ox-attachment-list.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-attachment-selector')\nexport class OxPropertyEditorAttachmentSelector extends LitElement {\n  static styles = [\n    css`\n      :host {\n        position: relative;\n        display: inline-block;\n      }\n\n      input[type='text'] {\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n\n      mwc-icon {\n        position: absolute;\n        top: 0;\n        right: 3px;\n      }\n    `\n  ]\n\n  @property({ type: String }) value: string = ''\n  @property({ type: Object }) properties: any\n\n  private popup?: PopupHandle\n\n  render() {\n    return html`\n      <input\n        id=\"text\"\n        type=\"text\"\n        .value=${this.value || ''}\n        @change=${(e: KeyboardEvent) => this._onInputChanged(e)}\n      />\n\n      <mwc-icon @click=${() => this.openSelector()}>${this.getIconByCategory()}</mwc-icon>\n    `\n  }\n\n  getIconByCategory() {\n    var { category } = this.properties || {}\n    switch (category) {\n      case 'audio':\n        return 'library_music'\n      case 'video':\n        return 'video_library'\n      case 'image':\n        return 'image'\n      case 'text':\n      case 'application':\n      default:\n        return 'attachment'\n    }\n  }\n\n  _onInputChanged(e: KeyboardEvent) {\n    this.value = (e.target as HTMLInputElement).value\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 이미지가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n    var { category = 'application' } = this.properties || {}\n\n    var template = html`\n      <ox-attachment-list\n        .creatable=${true}\n        .category=${category}\n        @attachment-selected=${async (e: CustomEvent) => {\n          var attachment = e.detail.attachment\n          this.value = `/attachment/${attachment.path}`\n\n          this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n\n          this.popup && this.popup.close()\n        }}\n      ></ox-attachment-list>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select attachment')\n    })\n  }\n}\n"]}

package/dist/src/ox-property-editor-attachment-selector.d.ts

@@ -1,16 +1 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@material/mwc-icon';
-import './ox-attachment-list.js';
-import { OxPropertyEditor } from '@operato/property-editor';
-export declare class OxPropertyEditorAttachmentSelector extends OxPropertyEditor {
-    static styles: import("lit").CSSResult[];
-    value: string;
-    properties: any;
-    private popup?;
-    render(): import("lit-html").TemplateResult<1>;
-    getIconByCategory(): "image" | "library_music" | "video_library" | "attachment";
-    _onInputChanged(e: KeyboardEvent): void;
-    openSelector(): void;
-}
+import './ox-attachment-selector';

package/dist/src/ox-property-editor-attachment-selector.js

@@ -1,109 +1,16 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
 import { __decorate } from "tslib";
-import '@material/mwc-icon';
-import './ox-attachment-list.js';
-import { openPopup } from '@operato/layout';
-import { css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import './ox-attachment-selector';
 import { OxPropertyEditor } from '@operato/property-editor';
-import { i18next } from '@operato/i18n';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
 let OxPropertyEditorAttachmentSelector = class OxPropertyEditorAttachmentSelector extends OxPropertyEditor {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-    }
-    render() {
+    editorTemplate() {
         return html `
-      <input
-        id="text"
-        type="text"
-        .value=${this.value || ''}
-        @change=${(e) => this._onInputChanged(e)}
-      />
-
-      <mwc-icon @click=${() => this.openSelector()}>${this.getIconByCategory()}</mwc-icon>
-    `;
-    }
-    getIconByCategory() {
-        var { category } = this.properties || {};
-        switch (category) {
-            case 'audio':
-                return 'library_music';
-            case 'video':
-                return 'video_library';
-            case 'image':
-                return 'image';
-            case 'text':
-            case 'application':
-            default:
-                return 'attachment';
-        }
-    }
-    _onInputChanged(e) {
-        this.value = e.target.value;
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-    }
-    openSelector() {
-        if (this.popup) {
-            delete this.popup;
-        }
-        /*
-         * 기존 설정된 이미지가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.
-         * 주의. value는 object일 수도 있고, string일 수도 있다.
-         * string인 경우에는 해당 보드의 id로 해석한다.
-         */
-        var value = this.value || {};
-        var { category = 'application' } = this.properties || {};
-        var template = html `
-      <ox-attachment-list
-        .creatable=${true}
-        .category=${category}
-        @attachment-selected=${async (e) => {
-            var attachment = e.detail.attachment;
-            this.value = `/attachment/${attachment.path}`;
-            this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-            this.popup && this.popup.close();
-        }}
-      ></ox-attachment-list>
+      <ox-attachment-selector id="editor" .value=${this.value} .properties=${this.property}></ox-attachment-selector>
     `;
-        this.popup = openPopup(template, {
-            backdrop: true,
-            size: 'large',
-            title: i18next.t('title.select attachment')
-        });
     }
 };
-OxPropertyEditorAttachmentSelector.styles = [
-    css `
-      :host {
-        position: relative;
-        display: inline-block;
-      }
-
-      input[type='text'] {
-        box-sizing: border-box;
-        width: 100%;
-        height: 100%;
-        border: 1px solid rgba(0, 0, 0, 0.2);
-      }
-
-      mwc-icon {
-        position: absolute;
-        top: 0;
-        right: 3px;
-      }
-    `
-];
-__decorate([
-    property({ type: String })
-], OxPropertyEditorAttachmentSelector.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], OxPropertyEditorAttachmentSelector.prototype, "properties", void 0);
 OxPropertyEditorAttachmentSelector = __decorate([
     customElement('ox-property-editor-attachment-selector')
 ], OxPropertyEditorAttachmentSelector);
-export { OxPropertyEditorAttachmentSelector };
 //# sourceMappingURL=ox-property-editor-attachment-selector.js.map

package/dist/src/ox-property-editor-attachment-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-property-editor-attachment-selector.js","sourceRoot":"","sources":["../../src/ox-property-editor-attachment-selector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/mwc-icon'\nimport './ox-attachment-list.js'\n\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-property-editor-attachment-selector')\nexport class OxPropertyEditorAttachmentSelector extends OxPropertyEditor {\n  static styles = [\n    css`\n      :host {\n        position: relative;\n        display: inline-block;\n      }\n\n      input[type='text'] {\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n\n      mwc-icon {\n        position: absolute;\n        top: 0;\n        right: 3px;\n      }\n    `\n  ]\n\n  @property({ type: String }) value: string = ''\n  @property({ type: Object }) properties: any\n\n  private popup?: PopupHandle\n\n  render() {\n    return html`\n      <input\n        id=\"text\"\n        type=\"text\"\n        .value=${this.value || ''}\n        @change=${(e: KeyboardEvent) => this._onInputChanged(e)}\n      />\n\n      <mwc-icon @click=${() => this.openSelector()}>${this.getIconByCategory()}</mwc-icon>\n    `\n  }\n\n  getIconByCategory() {\n    var { category } = this.properties || {}\n    switch (category) {\n      case 'audio':\n        return 'library_music'\n      case 'video':\n        return 'video_library'\n      case 'image':\n        return 'image'\n      case 'text':\n      case 'application':\n      default:\n        return 'attachment'\n    }\n  }\n\n  _onInputChanged(e: KeyboardEvent) {\n    this.value = (e.target as HTMLInputElement).value\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 이미지가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n    var { category = 'application' } = this.properties || {}\n\n    var template = html`\n      <ox-attachment-list\n        .creatable=${true}\n        .category=${category}\n        @attachment-selected=${async (e: CustomEvent) => {\n          var attachment = e.detail.attachment\n          this.value = `/attachment/${attachment.path}`\n\n          this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n\n          this.popup && this.popup.close()\n        }}\n      ></ox-attachment-list>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select attachment')\n    })\n  }\n}\n"]}
+{"version":3,"file":"ox-property-editor-attachment-selector.js","sourceRoot":"","sources":["../../src/ox-property-editor-attachment-selector.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAM,kCAAkC,GAAxC,MAAM,kCAAmC,SAAQ,gBAAgB;IAC/D,cAAc;QACZ,OAAO,IAAI,CAAA;mDACoC,IAAI,CAAC,KAAK,gBAAgB,IAAI,CAAC,QAAQ;KACrF,CAAA;IACH,CAAC;CACF,CAAA;AANK,kCAAkC;IADvC,aAAa,CAAC,wCAAwC,CAAC;GAClD,kCAAkC,CAMvC","sourcesContent":["import './ox-attachment-selector'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-attachment-selector')\nclass OxPropertyEditorAttachmentSelector extends OxPropertyEditor {\n  editorTemplate() {\n    return html`\n      <ox-attachment-selector id=\"editor\" .value=${this.value} .properties=${this.property}></ox-attachment-selector>\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-image-selector.d.ts

@@ -0,0 +1 @@
+import './ox-attachment-selector';