@operato/contact 1.13.9 → 2.0.0-alpha.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +174 -1
- package/demo/index.html +14 -4
- package/demo/ox-pfp.html +14 -4
- package/demo/pfp-edit.html +14 -4
- package/demo/pfp-view.html +14 -4
- package/dist/src/ox-contact-edit.d.ts +2 -2
- package/dist/src/ox-contact-edit.js +7 -7
- package/dist/src/ox-contact-edit.js.map +1 -1
- package/dist/src/ox-contact-view.d.ts +1 -1
- package/dist/src/ox-contact-view.js +16 -16
- package/dist/src/ox-contact-view.js.map +1 -1
- package/dist/src/ox-contact.d.ts +2 -1
- package/dist/src/ox-contact.js +18 -5
- package/dist/src/ox-contact.js.map +1 -1
- package/dist/src/ox-pfp-edit.d.ts +1 -1
- package/dist/src/ox-pfp-edit.js +3 -3
- package/dist/src/ox-pfp-edit.js.map +1 -1
- package/dist/src/ox-pfp-view.d.ts +1 -1
- package/dist/src/ox-pfp.d.ts +2 -2
- package/dist/src/ox-pfp.js +14 -17
- package/dist/src/ox-pfp.js.map +1 -1
- package/dist/stories/ox-contact.stories.d.ts +1 -2
- package/dist/stories/ox-contact.stories.js +14 -3
- package/dist/stories/ox-contact.stories.js.map +1 -1
- package/dist/stories/ox-pfp.stories.d.ts +1 -2
- package/dist/stories/ox-pfp.stories.js +15 -3
- package/dist/stories/ox-pfp.stories.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +16 -17
- package/src/ox-contact-edit.ts +7 -7
- package/src/ox-contact-view.ts +21 -20
- package/src/ox-contact.ts +18 -5
- package/src/ox-pfp-edit.ts +3 -3
- package/src/ox-pfp.ts +15 -18
- package/stories/ox-contact.stories.ts +14 -3
- package/stories/ox-pfp.stories.ts +15 -3
package/dist/src/ox-pfp-edit.js
CHANGED
|
@@ -75,7 +75,7 @@ let OxPfpEdit = class OxPfpEdit extends LitElement {
|
|
|
75
75
|
capture="environment"
|
|
76
76
|
@change=${(e) => this.onChangeFile(e)}
|
|
77
77
|
/>
|
|
78
|
-
<
|
|
78
|
+
<md-icon title="select image">image_search</md-icon>
|
|
79
79
|
</label>
|
|
80
80
|
</div>
|
|
81
81
|
|
|
@@ -294,11 +294,11 @@ OxPfpEdit.styles = css `
|
|
|
294
294
|
align-content: center;
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
|
|
297
|
+
md-icon {
|
|
298
298
|
align-self: center;
|
|
299
299
|
|
|
300
300
|
color: var(--file-uploader-icon-color, black);
|
|
301
|
-
--
|
|
301
|
+
--md-icon-size: var(--file-uploader-icon-size, 20px);
|
|
302
302
|
}
|
|
303
303
|
`;
|
|
304
304
|
__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-pfp-edit.js","sourceRoot":"","sources":["../../src/ox-pfp-edit.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { Profile } from './ox-pfp-view'\nimport { FileDropHelper } from '@operato/utils'\n\nfunction getPoint(e: Event): { x: number; y: number } | undefined {\n if ((e as MouseEvent).button == 0) {\n return {\n x: (e as MouseEvent).clientX,\n y: (e as MouseEvent).clientY\n }\n } else if ((e as TouchEvent).touches?.length == 1) {\n const touch = (e as TouchEvent).touches[0]\n return {\n x: touch.clientX,\n y: touch.clientY\n }\n } else {\n return\n }\n}\n\n@customElement('ox-pfp-edit')\nexport class OxPfpEdit extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n overflow: hidden;\n }\n\n [content] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n\n [circle] {\n width: 90%;\n height: 90%;\n position: relative;\n }\n\n [circle]::after {\n position: absolute;\n content: '';\n width: 100%;\n height: 100%;\n box-shadow: 0 0 0 1000px lightgray;\n border-radius: 50%;\n opacity: 0.9;\n }\n\n [circle]::before {\n content: '';\n display: block;\n position: absolute;\n text-align: left;\n line-height: 24px;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n background-image: var(\n --background-image,\n linear-gradient(var(--primary-color, lightgray), var(--primary-color, lightgray))\n );\n transform: var(--image-transform, '');\n background-size: 100% 100%;\n }\n\n [monogram] {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 1px solid darkgray;\n box-sizing: border-box;\n padding: 0;\n overflow: hidden;\n background-color: gray;\n color: white;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n [monogram] div {\n flex: 1;\n text-transform: uppercase;\n font-size: 2em;\n font-family: system-ui;\n text-align: center;\n vertical-align: center;\n }\n\n [file-load] {\n position: absolute;\n left: 0;\n top: 0;\n\n display: flex;\n place-content: center;\n }\n\n [file-load]:hover {\n opacity: 50%;\n }\n\n #input-file {\n display: none;\n }\n\n label {\n display: flex;\n align-content: center;\n }\n\n mwc-icon {\n align-self: center;\n\n color: var(--file-uploader-icon-color, black);\n --mdc-icon-size: var(--file-uploader-icon-size, 20px);\n }\n `\n\n @property({ type: Object }) profile: Profile = {}\n @property({ type: String }) name?: string\n\n @query('[circle]') circle!: HTMLDivElement\n\n private dragStart?: { x: number; y: number }\n\n private dragEndHandler = this.onDragEnd.bind(this) as EventListener\n private dragMoveHandler = this.onDragMove.bind(this) as EventListener\n private dragStartHandler = this.onDragStart.bind(this) as EventListener\n private wheelEventHandler = this.onWheelEvent.bind(this) as EventListener\n private dropFileHandler = this.onDropFile.bind(this) as EventListener\n\n connectedCallback(): void {\n super.connectedCallback()\n\n FileDropHelper.set(this)\n\n this.addEventListener('mousewheel', this.wheelEventHandler, false)\n\n this.addEventListener('mousedown', this.dragStartHandler)\n this.addEventListener('touchstart', this.dragStartHandler)\n\n document.addEventListener('mouseup', this.dragEndHandler)\n document.addEventListener('touchend', this.dragEndHandler)\n document.addEventListener('touchcancel', this.dragEndHandler)\n document.addEventListener('mousemove', this.dragMoveHandler)\n document.addEventListener('touchmove', this.dragMoveHandler)\n\n this.addEventListener('file-drop', this.dropFileHandler)\n }\n\n disconnectedCallback() {\n this.removeEventListener('mousewheel', this.wheelEventHandler, false)\n\n this.removeEventListener('mousedown', this.dragStartHandler!)\n this.removeEventListener('touchstart', this.dragStartHandler!)\n\n document.removeEventListener('mouseup', this.dragEndHandler!)\n document.removeEventListener('touchend', this.dragEndHandler!)\n document.removeEventListener('touchcancel', this.dragEndHandler!)\n document.removeEventListener('mousemove', this.dragMoveHandler!)\n document.removeEventListener('touchmove', this.dragMoveHandler!)\n\n this.removeEventListener('file-drop', this.dropFileHandler)\n\n super.disconnectedCallback()\n }\n\n render() {\n return html`\n <div content>\n ${this.profile?.picture\n ? html`<div circle></div>`\n : html`<div monogram><div>${this.name?.replace(/\\s/g, '').slice(0, 2)}</div></div>`}\n </div>\n\n <div file-load>\n <label>\n <input\n id=\"input-file\"\n type=\"file\"\n accept=\"image/*\"\n hidden\n capture=\"environment\"\n @change=${(e: Event) => this.onChangeFile(e)}\n />\n <mwc-icon title=\"select image\">image_search</mwc-icon>\n </label>\n </div>\n\n <slot></slot>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n const { picture, zoom = 1, left = 0, top = 0 } = this.profile || {}\n\n if (picture) {\n const style = this.style\n\n style.setProperty('--background-image', `url('${picture}')`)\n style.setProperty('--image-transform', `translate(${left}%, ${top}%) scale(${zoom}, ${zoom})`)\n }\n }\n\n get value() {\n return this.profile\n }\n\n set value(value: Profile) {\n this.profile = value\n }\n\n onWheelEvent(e: Event) {\n e.preventDefault()\n\n var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n\n const { top = 0, left = 0, zoom = 1, picture, file } = this.profile || {}\n this.profile = {\n top,\n left,\n zoom: zoom * (1 - delta / 20),\n picture,\n file\n }\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.profile\n })\n )\n }\n\n onDragStart(e: Event) {\n const point = getPoint(e)\n\n if (point) {\n this.dragStart = point\n e.stopPropagation()\n return false\n }\n }\n\n onDragMove(e: Event) {\n if (!this.dragStart) {\n return false\n }\n\n const point = getPoint(e)\n\n if (!point) {\n return false\n }\n\n e.stopPropagation()\n e.preventDefault()\n\n const dragStart = point\n var { x, y } = point\n\n x -= this.dragStart.x\n y -= this.dragStart.y\n\n this.dragStart = dragStart\n\n const { top = 0, left = 0, zoom = 1, picture, file } = this.profile || {}\n const { offsetHeight, offsetWidth } = this\n\n this.profile = {\n top: top + (y / offsetHeight) * 100,\n left: left + (x / offsetWidth) * 100,\n zoom,\n picture,\n file\n }\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.profile\n })\n )\n\n return false\n }\n\n onDragEnd(e: Event) {\n if (this.dragStart) {\n e.stopPropagation()\n e.preventDefault()\n\n delete this.dragStart\n }\n }\n\n onDropFile(e: Event) {\n const dropFiles = (e as CustomEvent).detail\n const imageFile = dropFiles[0]\n if (!imageFile) {\n return\n }\n\n const picture = URL.createObjectURL(imageFile)\n\n this.profile = {\n left: 0,\n top: 0,\n zoom: 1,\n picture,\n file: imageFile\n }\n }\n\n onChangeFile(e: Event) {\n const fileInput = e.currentTarget as HTMLInputElement\n const imageFile = [...Array.from(fileInput.files as FileList)][0]\n if (!imageFile) {\n return\n }\n\n const picture = URL.createObjectURL(imageFile)\n\n this.profile = {\n left: 0,\n top: 0,\n zoom: 1,\n picture,\n file: imageFile\n }\n\n fileInput.files = null\n }\n\n fit() {\n this.profile = {\n ...this.profile,\n left: 0,\n top: 0,\n zoom: 1\n }\n }\n\n clear() {\n this.profile = {}\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ox-pfp-edit.js","sourceRoot":"","sources":["../../src/ox-pfp-edit.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { Profile } from './ox-pfp-view'\nimport { FileDropHelper } from '@operato/utils'\n\nfunction getPoint(e: Event): { x: number; y: number } | undefined {\n if ((e as MouseEvent).button == 0) {\n return {\n x: (e as MouseEvent).clientX,\n y: (e as MouseEvent).clientY\n }\n } else if ((e as TouchEvent).touches?.length == 1) {\n const touch = (e as TouchEvent).touches[0]\n return {\n x: touch.clientX,\n y: touch.clientY\n }\n } else {\n return\n }\n}\n\n@customElement('ox-pfp-edit')\nexport class OxPfpEdit extends LitElement {\n static styles = css`\n :host {\n display: inline-block;\n overflow: hidden;\n }\n\n [content] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n\n [circle] {\n width: 90%;\n height: 90%;\n position: relative;\n }\n\n [circle]::after {\n position: absolute;\n content: '';\n width: 100%;\n height: 100%;\n box-shadow: 0 0 0 1000px lightgray;\n border-radius: 50%;\n opacity: 0.9;\n }\n\n [circle]::before {\n content: '';\n display: block;\n position: absolute;\n text-align: left;\n line-height: 24px;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n background-image: var(\n --background-image,\n linear-gradient(var(--primary-color, lightgray), var(--primary-color, lightgray))\n );\n transform: var(--image-transform, '');\n background-size: 100% 100%;\n }\n\n [monogram] {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 1px solid darkgray;\n box-sizing: border-box;\n padding: 0;\n overflow: hidden;\n background-color: gray;\n color: white;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n [monogram] div {\n flex: 1;\n text-transform: uppercase;\n font-size: 2em;\n font-family: system-ui;\n text-align: center;\n vertical-align: center;\n }\n\n [file-load] {\n position: absolute;\n left: 0;\n top: 0;\n\n display: flex;\n place-content: center;\n }\n\n [file-load]:hover {\n opacity: 50%;\n }\n\n #input-file {\n display: none;\n }\n\n label {\n display: flex;\n align-content: center;\n }\n\n md-icon {\n align-self: center;\n\n color: var(--file-uploader-icon-color, black);\n --md-icon-size: var(--file-uploader-icon-size, 20px);\n }\n `\n\n @property({ type: Object }) profile: Profile = {}\n @property({ type: String }) name?: string\n\n @query('[circle]') circle!: HTMLDivElement\n\n private dragStart?: { x: number; y: number }\n\n private dragEndHandler = this.onDragEnd.bind(this) as EventListener\n private dragMoveHandler = this.onDragMove.bind(this) as EventListener\n private dragStartHandler = this.onDragStart.bind(this) as EventListener\n private wheelEventHandler = this.onWheelEvent.bind(this) as EventListener\n private dropFileHandler = this.onDropFile.bind(this) as EventListener\n\n connectedCallback(): void {\n super.connectedCallback()\n\n FileDropHelper.set(this)\n\n this.addEventListener('mousewheel', this.wheelEventHandler, false)\n\n this.addEventListener('mousedown', this.dragStartHandler)\n this.addEventListener('touchstart', this.dragStartHandler)\n\n document.addEventListener('mouseup', this.dragEndHandler)\n document.addEventListener('touchend', this.dragEndHandler)\n document.addEventListener('touchcancel', this.dragEndHandler)\n document.addEventListener('mousemove', this.dragMoveHandler)\n document.addEventListener('touchmove', this.dragMoveHandler)\n\n this.addEventListener('file-drop', this.dropFileHandler)\n }\n\n disconnectedCallback() {\n this.removeEventListener('mousewheel', this.wheelEventHandler, false)\n\n this.removeEventListener('mousedown', this.dragStartHandler!)\n this.removeEventListener('touchstart', this.dragStartHandler!)\n\n document.removeEventListener('mouseup', this.dragEndHandler!)\n document.removeEventListener('touchend', this.dragEndHandler!)\n document.removeEventListener('touchcancel', this.dragEndHandler!)\n document.removeEventListener('mousemove', this.dragMoveHandler!)\n document.removeEventListener('touchmove', this.dragMoveHandler!)\n\n this.removeEventListener('file-drop', this.dropFileHandler)\n\n super.disconnectedCallback()\n }\n\n render() {\n return html`\n <div content>\n ${this.profile?.picture\n ? html`<div circle></div>`\n : html`<div monogram><div>${this.name?.replace(/\\s/g, '').slice(0, 2)}</div></div>`}\n </div>\n\n <div file-load>\n <label>\n <input\n id=\"input-file\"\n type=\"file\"\n accept=\"image/*\"\n hidden\n capture=\"environment\"\n @change=${(e: Event) => this.onChangeFile(e)}\n />\n <md-icon title=\"select image\">image_search</md-icon>\n </label>\n </div>\n\n <slot></slot>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n const { picture, zoom = 1, left = 0, top = 0 } = this.profile || {}\n\n if (picture) {\n const style = this.style\n\n style.setProperty('--background-image', `url('${picture}')`)\n style.setProperty('--image-transform', `translate(${left}%, ${top}%) scale(${zoom}, ${zoom})`)\n }\n }\n\n get value() {\n return this.profile\n }\n\n set value(value: Profile) {\n this.profile = value\n }\n\n onWheelEvent(e: Event) {\n e.preventDefault()\n\n var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n\n const { top = 0, left = 0, zoom = 1, picture, file } = this.profile || {}\n this.profile = {\n top,\n left,\n zoom: zoom * (1 - delta / 20),\n picture,\n file\n }\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.profile\n })\n )\n }\n\n onDragStart(e: Event) {\n const point = getPoint(e)\n\n if (point) {\n this.dragStart = point\n e.stopPropagation()\n return false\n }\n }\n\n onDragMove(e: Event) {\n if (!this.dragStart) {\n return false\n }\n\n const point = getPoint(e)\n\n if (!point) {\n return false\n }\n\n e.stopPropagation()\n e.preventDefault()\n\n const dragStart = point\n var { x, y } = point\n\n x -= this.dragStart.x\n y -= this.dragStart.y\n\n this.dragStart = dragStart\n\n const { top = 0, left = 0, zoom = 1, picture, file } = this.profile || {}\n const { offsetHeight, offsetWidth } = this\n\n this.profile = {\n top: top + (y / offsetHeight) * 100,\n left: left + (x / offsetWidth) * 100,\n zoom,\n picture,\n file\n }\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.profile\n })\n )\n\n return false\n }\n\n onDragEnd(e: Event) {\n if (this.dragStart) {\n e.stopPropagation()\n e.preventDefault()\n\n delete this.dragStart\n }\n }\n\n onDropFile(e: Event) {\n const dropFiles = (e as CustomEvent).detail\n const imageFile = dropFiles[0]\n if (!imageFile) {\n return\n }\n\n const picture = URL.createObjectURL(imageFile)\n\n this.profile = {\n left: 0,\n top: 0,\n zoom: 1,\n picture,\n file: imageFile\n }\n }\n\n onChangeFile(e: Event) {\n const fileInput = e.currentTarget as HTMLInputElement\n const imageFile = [...Array.from(fileInput.files as FileList)][0]\n if (!imageFile) {\n return\n }\n\n const picture = URL.createObjectURL(imageFile)\n\n this.profile = {\n left: 0,\n top: 0,\n zoom: 1,\n picture,\n file: imageFile\n }\n\n fileInput.files = null\n }\n\n fit() {\n this.profile = {\n ...this.profile,\n left: 0,\n top: 0,\n zoom: 1\n }\n }\n\n clear() {\n this.profile = {}\n }\n}\n"]}
|
|
@@ -11,6 +11,6 @@ export declare class OxPfpView extends LitElement {
|
|
|
11
11
|
profile: Profile;
|
|
12
12
|
name?: string;
|
|
13
13
|
circle: HTMLDivElement;
|
|
14
|
-
render(): import("lit").TemplateResult<1>;
|
|
14
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
15
15
|
updated(changes: PropertyValues<this>): void;
|
|
16
16
|
}
|
package/dist/src/ox-pfp.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import '@material/web/icon/icon.js';
|
|
1
2
|
import './ox-pfp-edit.js';
|
|
2
3
|
import './ox-pfp-view.js';
|
|
3
|
-
import '@material/mwc-icon-button';
|
|
4
4
|
import { LitElement } from 'lit';
|
|
5
5
|
import { Profile } from './ox-pfp-view.js';
|
|
6
6
|
import { OxPfpEdit } from './ox-pfp-edit.js';
|
|
@@ -10,5 +10,5 @@ export declare class OxPfp extends LitElement {
|
|
|
10
10
|
name?: string;
|
|
11
11
|
editMode?: boolean;
|
|
12
12
|
edit: OxPfpEdit;
|
|
13
|
-
render(): import("lit").TemplateResult<1>;
|
|
13
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
14
14
|
}
|
package/dist/src/ox-pfp.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
2
3
|
import './ox-pfp-edit.js';
|
|
3
4
|
import './ox-pfp-view.js';
|
|
4
|
-
import '@material/mwc-icon-button';
|
|
5
5
|
import { html, css, LitElement } from 'lit';
|
|
6
6
|
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
7
7
|
let OxPfp = class OxPfp extends LitElement {
|
|
@@ -13,9 +13,9 @@ let OxPfp = class OxPfp extends LitElement {
|
|
|
13
13
|
render() {
|
|
14
14
|
return this.editMode
|
|
15
15
|
? html `<ox-pfp-edit .profile=${this.profile} name=${this.name || ''}>
|
|
16
|
-
<
|
|
17
|
-
<
|
|
18
|
-
<
|
|
16
|
+
<md-icon title="fit size" icon="fit_screen" @click=${() => this.edit.fit()}>fit_screen</md-icon>
|
|
17
|
+
<md-icon title="clear" icon="clear" @click=${() => this.edit.clear()}>clear</md-icon>
|
|
18
|
+
<md-icon
|
|
19
19
|
title="save"
|
|
20
20
|
icon="save"
|
|
21
21
|
@click=${() => {
|
|
@@ -25,12 +25,13 @@ let OxPfp = class OxPfp extends LitElement {
|
|
|
25
25
|
detail: this.profile
|
|
26
26
|
}));
|
|
27
27
|
}}
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
>save</md-icon
|
|
29
|
+
>
|
|
30
|
+
<md-icon title="cancel" icon="cancel" @click=${() => (this.editMode = false)}>cancel</md-icon>
|
|
30
31
|
</ox-pfp-edit> `
|
|
31
32
|
: html `
|
|
32
33
|
<ox-pfp-view .profile=${this.profile} name=${this.name || ''}>
|
|
33
|
-
<
|
|
34
|
+
<md-icon title="edit" icon="edit" @click=${() => (this.editMode = true)}>edit</md-icon>
|
|
34
35
|
</ox-pfp-view>
|
|
35
36
|
`;
|
|
36
37
|
}
|
|
@@ -39,9 +40,6 @@ OxPfp.styles = css `
|
|
|
39
40
|
:host {
|
|
40
41
|
display: block;
|
|
41
42
|
aspect-ratio: 1 / 1;
|
|
42
|
-
|
|
43
|
-
--mdc-icon-button-size: 20px;
|
|
44
|
-
--mdc-icon-size: 20px;
|
|
45
43
|
}
|
|
46
44
|
|
|
47
45
|
ox-pfp-edit,
|
|
@@ -58,32 +56,31 @@ OxPfp.styles = css `
|
|
|
58
56
|
display: flex;
|
|
59
57
|
}
|
|
60
58
|
|
|
61
|
-
|
|
59
|
+
md-icon {
|
|
62
60
|
position: absolute;
|
|
63
|
-
font-size: smaller;
|
|
64
61
|
}
|
|
65
62
|
|
|
66
|
-
|
|
63
|
+
md-icon[icon='fit_screen'] {
|
|
67
64
|
bottom: 0;
|
|
68
65
|
left: 0;
|
|
69
66
|
}
|
|
70
67
|
|
|
71
|
-
|
|
68
|
+
md-icon[icon='save'] {
|
|
72
69
|
bottom: 0;
|
|
73
70
|
right: 0;
|
|
74
71
|
}
|
|
75
72
|
|
|
76
|
-
|
|
73
|
+
md-icon[icon='edit'] {
|
|
77
74
|
bottom: 0;
|
|
78
75
|
right: 0;
|
|
79
76
|
}
|
|
80
77
|
|
|
81
|
-
|
|
78
|
+
md-icon[icon='cancel'] {
|
|
82
79
|
top: 0;
|
|
83
80
|
right: 0;
|
|
84
81
|
}
|
|
85
82
|
|
|
86
|
-
|
|
83
|
+
md-icon[icon='clear'] {
|
|
87
84
|
top: 0;
|
|
88
85
|
right: 16px;
|
|
89
86
|
}
|
package/dist/src/ox-pfp.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-pfp.js","sourceRoot":"","sources":["../../src/ox-pfp.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ox-pfp.js","sourceRoot":"","sources":["../../src/ox-pfp.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,kBAAkB,CAAA;AACzB,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKlE,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAmDuB,YAAO,GAAY,EAAE,CAAA;QAGxC,aAAQ,GAAa,KAAK,CAAA;IA+BrC,CAAC;IA3BC,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE;+DACV,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;uDAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;;;qBAIzD,GAAG,EAAE;gBACZ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;gBAChC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;gBACrB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE,IAAI,CAAC,OAAO;iBACrB,CAAC,CACH,CAAA;YACH,CAAC;;;yDAG4C,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;wBAC9D;YAClB,CAAC,CAAC,IAAI,CAAA;kCACsB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE;uDACf,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;;SAE1E,CAAA;IACP,CAAC;;AAnFM,YAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDlB,AAhDY,CAgDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAAc;AAEhC;IAAR,KAAK,EAAE;uCAA2B;AAEb;IAArB,KAAK,CAAC,aAAa,CAAC;mCAAiB;AAxD3B,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CAqFjB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport './ox-pfp-edit.js'\nimport './ox-pfp-view.js'\n\nimport { html, css, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { Profile } from './ox-pfp-view.js'\nimport { OxPfpEdit } from './ox-pfp-edit.js'\n\n@customElement('ox-pfp')\nexport class OxPfp extends LitElement {\n static styles = css`\n :host {\n display: block;\n aspect-ratio: 1 / 1;\n }\n\n ox-pfp-edit,\n ox-pfp-view {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n [buttons] {\n position: absolute;\n bottom: 0;\n right: 0;\n display: flex;\n }\n\n md-icon {\n position: absolute;\n }\n\n md-icon[icon='fit_screen'] {\n bottom: 0;\n left: 0;\n }\n\n md-icon[icon='save'] {\n bottom: 0;\n right: 0;\n }\n\n md-icon[icon='edit'] {\n bottom: 0;\n right: 0;\n }\n\n md-icon[icon='cancel'] {\n top: 0;\n right: 0;\n }\n\n md-icon[icon='clear'] {\n top: 0;\n right: 16px;\n }\n `\n\n @property({ type: Object }) profile: Profile = {}\n @property({ type: String }) name?: string\n\n @state() editMode?: boolean = false\n\n @query('ox-pfp-edit') edit!: OxPfpEdit\n\n render() {\n return this.editMode\n ? html`<ox-pfp-edit .profile=${this.profile} name=${this.name || ''}>\n <md-icon title=\"fit size\" icon=\"fit_screen\" @click=${() => this.edit.fit()}>fit_screen</md-icon>\n <md-icon title=\"clear\" icon=\"clear\" @click=${() => this.edit.clear()}>clear</md-icon>\n <md-icon\n title=\"save\"\n icon=\"save\"\n @click=${() => {\n this.profile = this.edit.profile\n this.editMode = false\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.profile\n })\n )\n }}\n >save</md-icon\n >\n <md-icon title=\"cancel\" icon=\"cancel\" @click=${() => (this.editMode = false)}>cancel</md-icon>\n </ox-pfp-edit> `\n : html`\n <ox-pfp-view .profile=${this.profile} name=${this.name || ''}>\n <md-icon title=\"edit\" icon=\"edit\" @click=${() => (this.editMode = true)}>edit</md-icon>\n </ox-pfp-view>\n `\n }\n}\n"]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { html } from 'lit';
|
|
2
|
-
import '@material/
|
|
3
|
-
import '@material/mwc-icon-button';
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
4
3
|
import '../src/ox-contact.js';
|
|
5
4
|
import { ContactField } from '../src/ox-contact.js';
|
|
6
5
|
export default {
|
|
@@ -12,7 +11,19 @@ export default {
|
|
|
12
11
|
};
|
|
13
12
|
const Template = ({ contact }) => html `
|
|
14
13
|
<link href="/themes/app-theme.css" rel="stylesheet" />
|
|
15
|
-
<link
|
|
14
|
+
<link
|
|
15
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
|
|
16
|
+
rel="stylesheet"
|
|
17
|
+
/>
|
|
18
|
+
<link
|
|
19
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
|
|
20
|
+
rel="stylesheet"
|
|
21
|
+
/>
|
|
22
|
+
<link
|
|
23
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
|
|
24
|
+
rel="stylesheet"
|
|
25
|
+
/>
|
|
26
|
+
|
|
16
27
|
<style>
|
|
17
28
|
body {
|
|
18
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-contact.stories.js","sourceRoot":"","sources":["../../stories/ox-contact.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"ox-contact.stories.js","sourceRoot":"","sources":["../../stories/ox-contact.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAW,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE5D,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC/B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,OAAO,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;yBAoBxC,OAAO;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,KAAK;gBACxB,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,eAAe;aACvB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,KAAK;gBACxB,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,eAAe;aACvB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,KAAK;gBACxB,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,uBAAuB;aAC/B;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,KAAK;gBACxB,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,mBAAmB;aAC3B;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,OAAO;gBAC1B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,iBAAiB;aACzB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,OAAO;gBAC1B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,iBAAiB;aACzB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,YAAY,CAAC,OAAO;gBAC1B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,eAAe;aACvB;SACF;KACF;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport '@material/web/icon/icon.js'\nimport '../src/ox-contact.js'\n\nimport { Contact, ContactField } from '../src/ox-contact.js'\n\nexport default {\n title: 'OxContact',\n component: 'ox-contact',\n argTypes: {\n contact: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n contact?: Contact\n}\n\nconst Template: Story<ArgTypes> = ({ contact }: ArgTypes) => html`\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n\n <style>\n body {\n }\n </style>\n\n <ox-contact .contact=${contact}> </ox-contact>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n contact: {\n note: 'abcdefg',\n name: '남 상혁',\n company: 'Hatiolab',\n items: [\n {\n id: '2',\n type: ContactField.Phone,\n label: 'home',\n value: '010-1223-3443'\n },\n {\n id: '3',\n type: ContactField.Phone,\n label: 'mobile',\n value: '010-1122-3344'\n },\n {\n id: '4',\n type: ContactField.Email,\n label: 'work',\n value: 'heartyoh@hatiolab.com'\n },\n {\n id: '5',\n type: ContactField.Email,\n label: 'home',\n value: 'shnam2k@gmail.com'\n },\n {\n id: '6',\n type: ContactField.Address,\n label: 'home',\n value: '경기도 성남시 분당구 123'\n },\n {\n id: '7',\n type: ContactField.Address,\n label: 'work',\n value: '경기도 성남시 분당구 234'\n },\n {\n id: '8',\n type: ContactField.Address,\n label: 'work',\n value: '서울특별시 종로구 123'\n }\n ]\n }\n}\n"]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { html } from 'lit';
|
|
2
|
-
import '@material/
|
|
3
|
-
import '@material/mwc-icon-button';
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
4
3
|
import '../src/ox-pfp.js';
|
|
5
4
|
export default {
|
|
6
5
|
title: 'OxPfp',
|
|
@@ -12,7 +11,20 @@ export default {
|
|
|
12
11
|
};
|
|
13
12
|
const Template = ({ profile, name }) => html `
|
|
14
13
|
<link href="/themes/app-theme.css" rel="stylesheet" />
|
|
15
|
-
|
|
14
|
+
|
|
15
|
+
<link
|
|
16
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
|
|
17
|
+
rel="stylesheet"
|
|
18
|
+
/>
|
|
19
|
+
<link
|
|
20
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
|
|
21
|
+
rel="stylesheet"
|
|
22
|
+
/>
|
|
23
|
+
<link
|
|
24
|
+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
|
|
25
|
+
rel="stylesheet"
|
|
26
|
+
/>
|
|
27
|
+
|
|
16
28
|
<style>
|
|
17
29
|
body {
|
|
18
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-pfp.stories.js","sourceRoot":"","sources":["../../stories/ox-pfp.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,oBAAoB,CAAA;AAC3B,OAAO,2BAA2B,CAAA;AAClC,OAAO,kBAAkB,CAAA;AAIzB,eAAe;IACb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC/B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;qBAYlD,OAAO,UAAU,IAAI;CACzC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,OAAO,EACL,y7sBAAy7sB;KAC57sB;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport '@material/mwc-icon'\nimport '@material/mwc-icon-button'\nimport '../src/ox-pfp.js'\n\nimport { Profile } from '../src/ox-pfp-view.js'\n\nexport default {\n title: 'OxPfp',\n component: 'ox-pfp',\n argTypes: {\n name: { control: 'string' },\n profile: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n name?: string\n profile?: Profile\n}\n\nconst Template: Story<ArgTypes> = ({ profile, name }: ArgTypes) => html`\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n <style>\n body {\n }\n ox-pfp {\n width: 300px;\n height: 300px;\n }\n </style>\n\n <ox-pfp .profile=${profile} .name=${name}> </ox-pfp>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n name: 'heartyoh',\n profile: {\n left: 0,\n top: 0,\n zoom: 1,\n picture:\n 'data:image/jpeg;base64,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'\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ox-pfp.stories.js","sourceRoot":"","sources":["../../stories/ox-pfp.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,4BAA4B,CAAA;AACnC,OAAO,kBAAkB,CAAA;AAIzB,eAAe;IACb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC/B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;qBAyBlD,OAAO,UAAU,IAAI;CACzC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,OAAO,EACL,y7sBAAy7sB;KAC57sB;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport '@material/web/icon/icon.js'\nimport '../src/ox-pfp.js'\n\nimport { Profile } from '../src/ox-pfp-view.js'\n\nexport default {\n title: 'OxPfp',\n component: 'ox-pfp',\n argTypes: {\n name: { control: 'string' },\n profile: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n name?: string\n profile?: Profile\n}\n\nconst Template: Story<ArgTypes> = ({ profile, name }: ArgTypes) => html`\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n\n <style>\n body {\n }\n ox-pfp {\n width: 300px;\n height: 300px;\n }\n </style>\n\n <ox-pfp .profile=${profile} .name=${name}> </ox-pfp>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n name: 'heartyoh',\n profile: {\n left: 0,\n top: 0,\n zoom: 1,\n picture:\n 'data:image/jpeg;base64,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'\n }\n}\n"]}
|