@operato/contact 1.1.52 → 1.1.53

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.
Files changed (56) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/demo/ox-pfp.html +45 -0
  3. package/demo/pfp-edit.html +59 -0
  4. package/demo/pfp-view.html +46 -0
  5. package/dist/src/index.d.ts +2 -0
  6. package/dist/src/index.js +2 -0
  7. package/dist/src/index.js.map +1 -1
  8. package/dist/src/ox-contact copy.d.ts +38 -1
  9. package/dist/src/ox-contact copy.js +66 -2
  10. package/dist/src/ox-contact copy.js.map +1 -1
  11. package/dist/src/ox-contact-edit.d.ts +3 -0
  12. package/dist/src/ox-contact-edit.js +9 -16
  13. package/dist/src/ox-contact-edit.js.map +1 -1
  14. package/dist/src/ox-contact-view.d.ts +1 -0
  15. package/dist/src/ox-contact-view.js +5 -16
  16. package/dist/src/ox-contact-view.js.map +1 -1
  17. package/dist/src/ox-contact.d.ts +2 -0
  18. package/dist/src/ox-contact.js.map +1 -1
  19. package/dist/src/ox-pfp-edit.d.ts +28 -0
  20. package/dist/src/ox-pfp-edit.js +314 -0
  21. package/dist/src/ox-pfp-edit.js.map +1 -0
  22. package/dist/src/ox-pfp-editor copy.d.ts +11 -0
  23. package/dist/src/ox-pfp-editor copy.js +71 -0
  24. package/dist/src/ox-pfp-editor copy.js.map +1 -0
  25. package/dist/src/ox-pfp-editor.d.ts +20 -0
  26. package/dist/src/ox-pfp-editor.js +165 -0
  27. package/dist/src/ox-pfp-editor.js.map +1 -0
  28. package/dist/src/ox-pfp-view.d.ts +15 -0
  29. package/dist/src/ox-pfp-view.js +100 -0
  30. package/dist/src/ox-pfp-view.js.map +1 -0
  31. package/dist/src/ox-pfp-viewer.d.ts +14 -0
  32. package/dist/src/ox-pfp-viewer.js +63 -0
  33. package/dist/src/ox-pfp-viewer.js.map +1 -0
  34. package/dist/src/ox-pfp.d.ts +14 -0
  35. package/dist/src/ox-pfp.js +104 -0
  36. package/dist/src/ox-pfp.js.map +1 -0
  37. package/dist/stories/index.stories copy.d.ts +24 -0
  38. package/dist/stories/index.stories copy.js +79 -0
  39. package/dist/stories/index.stories copy.js.map +1 -0
  40. package/dist/stories/ox-contact.stories.d.ts +24 -0
  41. package/dist/stories/ox-contact.stories.js +79 -0
  42. package/dist/stories/ox-contact.stories.js.map +1 -0
  43. package/dist/stories/ox-pfp.stories.d.ts +28 -0
  44. package/dist/stories/ox-pfp.stories.js +37 -0
  45. package/dist/stories/ox-pfp.stories.js.map +1 -0
  46. package/dist/tsconfig.tsbuildinfo +1 -1
  47. package/package.json +14 -5
  48. package/src/index.ts +2 -0
  49. package/src/ox-contact-edit.ts +8 -16
  50. package/src/ox-contact-view.ts +6 -16
  51. package/src/ox-contact.ts +2 -0
  52. package/src/ox-pfp-edit.ts +351 -0
  53. package/src/ox-pfp-view.ts +98 -0
  54. package/src/ox-pfp.ts +97 -0
  55. package/stories/{index.stories.ts → ox-contact.stories.ts} +0 -0
  56. package/stories/ox-pfp.stories.ts +53 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ### [1.1.53](https://github.com/hatiolab/operato/compare/v1.1.52...v1.1.53) (2023-01-01)
7
+
8
+
9
+ ### :bug: Bug Fix
10
+
11
+ * contact webcomponent ([efd8dd2](https://github.com/hatiolab/operato/commit/efd8dd20307f85a969594215d336f0bd36157715))
12
+ * contact webcomponent export ([e8e2a04](https://github.com/hatiolab/operato/commit/e8e2a042e30a69887f6e4d8d060e545a8161a918))
13
+ * lit@2.5.0 ([f156614](https://github.com/hatiolab/operato/commit/f15661455da80ec50e0ec12fde70f0d3e24ca096))
14
+
15
+
16
+
6
17
  ### [1.1.52](https://github.com/hatiolab/operato/compare/v1.1.51...v1.1.52) (2022-12-31)
7
18
 
8
19
 
package/demo/ox-pfp.html ADDED
@@ -0,0 +1,45 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-GB">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <style>
6
+ body {
7
+ background: #fafafa;
8
+ }
9
+ </style>
10
+ <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
11
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
12
+ </head>
13
+ <body>
14
+ <div id="demo"></div>
15
+ <style>
16
+ ox-pfp {
17
+ width: 200px;
18
+ height: 200px;
19
+ }
20
+ </style>
21
+
22
+ <script type="module">
23
+ import { html, render } from 'lit'
24
+ import '@material/mwc-icon'
25
+ import '@material/mwc-icon-button'
26
+
27
+ import '../dist/src/ox-pfp.js'
28
+
29
+ const picture =
30
+ 'data:image/jpeg;base64,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'
31
+
32
+ var profile = {
33
+ left: 0,
34
+ top: 0,
35
+ zoom: 1,
36
+ picture
37
+ }
38
+
39
+ render(
40
+ html` <ox-pfp .profile=${profile} name="heartyoh"> some light-dom </ox-pfp> `,
41
+ document.querySelector('#demo')
42
+ )
43
+ </script>
44
+ </body>
45
+ </html>
package/demo/pfp-edit.html ADDED
@@ -0,0 +1,59 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-GB">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <style>
6
+ body {
7
+ background: #fafafa;
8
+ }
9
+ </style>
10
+ <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
11
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
12
+ </head>
13
+ <body>
14
+ <div id="demo"></div>
15
+ <style>
16
+ ox-pfp-view {
17
+ width: 300px;
18
+ height: 300px;
19
+ }
20
+
21
+ ox-pfp-edit {
22
+ width: 500px;
23
+ height: 500px;
24
+ }
25
+ </style>
26
+
27
+ <script type="module">
28
+ import { html, render } from 'lit'
29
+ import '@material/mwc-icon'
30
+ import '@material/mwc-icon-button'
31
+
32
+ import '../dist/src/ox-pfp-edit.js'
33
+ import '../dist/src/ox-pfp-view.js'
34
+
35
+ const picture =
36
+ 'data:image/jpeg;base64,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'
37
+
38
+ var profile = {
39
+ left: 0,
40
+ top: 0,
41
+ zoom: 1,
42
+ picture
43
+ }
44
+
45
+ function onchange(e) {
46
+ profile = e.detail
47
+ document.body.querySelector('ox-pfp-view').profile = profile
48
+ }
49
+
50
+ render(
51
+ html`
52
+ <ox-pfp-edit .profile=${profile} name="heartyoh" @change=${onchange}> some light-dom </ox-pfp-edit>
53
+ <ox-pfp-view .profile=${profile} name="heartyoh"> some light-dom </ox-pfp-view>
54
+ `,
55
+ document.querySelector('#demo')
56
+ )
57
+ </script>
58
+ </body>
59
+ </html>
package/demo/pfp-view.html ADDED
@@ -0,0 +1,46 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-GB">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <style>
6
+ body {
7
+ background: #fafafa;
8
+ }
9
+ </style>
10
+ <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
11
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
12
+ </head>
13
+ <body>
14
+ <div id="demo"></div>
15
+ <style>
16
+ ox-pfp-view,
17
+ ox-pfp-edit {
18
+ width: 100px;
19
+ height: 100px;
20
+ }
21
+ </style>
22
+
23
+ <script type="module">
24
+ import { html, render } from 'lit'
25
+ import '@material/mwc-icon'
26
+ import '@material/mwc-icon-button'
27
+
28
+ import '../dist/src/ox-pfp-view.js'
29
+
30
+ const picture =
31
+ 'data:image/jpeg;base64,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'
32
+
33
+ var profile = {
34
+ left: 0,
35
+ top: 0,
36
+ zoom: 1,
37
+ picture
38
+ }
39
+
40
+ render(
41
+ html` <ox-pfp-view .profile=${profile} name="heartyoh"> some light-dom </ox-pfp-view> `,
42
+ document.querySelector('#demo')
43
+ )
44
+ </script>
45
+ </body>
46
+ </html>
package/dist/src/index.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export { OxContact } from './ox-contact.js';
2
+ export { OxPfp } from './ox-pfp.js';
3
+ export { OxPfpView } from './ox-pfp-view.js';
package/dist/src/index.js CHANGED
@@ -1,2 +1,4 @@
1
1
  export { OxContact } from './ox-contact.js';
2
+ export { OxPfp } from './ox-pfp.js';
3
+ export { OxPfpView } from './ox-pfp-view.js';
2
4
  //# sourceMappingURL=index.js.map
package/dist/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA","sourcesContent":["export { OxContact } from './ox-contact.js'\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA","sourcesContent":["export { OxContact } from './ox-contact.js'\nexport { OxPfp } from './ox-pfp.js'\nexport { OxPfpView } from './ox-pfp-view.js'\n"]}
package/dist/src/ox-contact copy.d.ts CHANGED
@@ -1 +1,38 @@
1
- export {};
1
+ import { LitElement } from 'lit';
2
+ import './ox-contact-edit';
3
+ import './ox-contact-view';
4
+ export declare enum ContactField {
5
+ Name = "name",
6
+ JobTitle = "job-title",
7
+ Phone = "phone",
8
+ Address = "address",
9
+ Email = "email",
10
+ Birthday = "birthday",
11
+ Profile = "profile",
12
+ Picture = "picture",
13
+ Department = "department",
14
+ Company = "company",
15
+ Homepage = "homepage"
16
+ }
17
+ export declare enum ContactLabel {
18
+ home = "home",
19
+ work = "work",
20
+ other = "other",
21
+ mobile = "mobile"
22
+ }
23
+ export type ContactItem = {
24
+ id?: string;
25
+ type: ContactField;
26
+ label: string;
27
+ value: string;
28
+ };
29
+ export type Contact = {
30
+ items?: ContactItem[];
31
+ note?: string;
32
+ };
33
+ export declare class OxContact extends LitElement {
34
+ static styles: import("lit").CSSResult;
35
+ contact: Contact;
36
+ editMode?: boolean;
37
+ render(): import("lit-html").TemplateResult<1>;
38
+ }
package/dist/src/ox-contact copy.js CHANGED
@@ -1,3 +1,67 @@
1
- import { OxContact } from './OxContact.js';
2
- window.customElements.define('ox-contact', OxContact);
1
+ import { __decorate } from "tslib";
2
+ import { html, css, LitElement } from 'lit';
3
+ import { customElement, property, state } from 'lit/decorators.js';
4
+ import './ox-contact-edit';
5
+ import './ox-contact-view';
6
+ export var ContactField;
7
+ (function (ContactField) {
8
+ ContactField["Name"] = "name";
9
+ ContactField["JobTitle"] = "job-title";
10
+ ContactField["Phone"] = "phone";
11
+ ContactField["Address"] = "address";
12
+ ContactField["Email"] = "email";
13
+ ContactField["Birthday"] = "birthday";
14
+ ContactField["Profile"] = "profile";
15
+ ContactField["Picture"] = "picture";
16
+ ContactField["Department"] = "department";
17
+ ContactField["Company"] = "company";
18
+ ContactField["Homepage"] = "homepage";
19
+ })(ContactField || (ContactField = {}));
20
+ export var ContactLabel;
21
+ (function (ContactLabel) {
22
+ ContactLabel["home"] = "home";
23
+ ContactLabel["work"] = "work";
24
+ ContactLabel["other"] = "other";
25
+ ContactLabel["mobile"] = "mobile";
26
+ })(ContactLabel || (ContactLabel = {}));
27
+ let OxContact = class OxContact extends LitElement {
28
+ constructor() {
29
+ super(...arguments);
30
+ this.contact = {};
31
+ this.editMode = false;
32
+ }
33
+ render() {
34
+ return html `${this.editMode
35
+ ? html `<ox-contact-edit
36
+ .contact=${this.contact}
37
+ @edit-cancel=${() => (this.editMode = false)}
38
+ @edit-done=${(e) => {
39
+ this.contact = e.detail;
40
+ this.editMode = false;
41
+ }}
42
+ ></ox-contact-edit>`
43
+ : html ` <ox-contact-view .contact=${this.contact}></ox-contact-view>
44
+ <button value="Edit" @click=${() => (this.editMode = true)}>Edit</button>`} `;
45
+ }
46
+ };
47
+ OxContact.styles = css `
48
+ :host {
49
+ display: block;
50
+ }
51
+
52
+ button {
53
+ display: block;
54
+ margin-left: auto;
55
+ }
56
+ `;
57
+ __decorate([
58
+ property({ type: Object })
59
+ ], OxContact.prototype, "contact", void 0);
60
+ __decorate([
61
+ state()
62
+ ], OxContact.prototype, "editMode", void 0);
63
+ OxContact = __decorate([
64
+ customElement('ox-contact')
65
+ ], OxContact);
66
+ export { OxContact };
3
67
  //# sourceMappingURL=ox-contact%20copy.js.map
package/dist/src/ox-contact copy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ox-contact copy.js","sourceRoot":"","sources":["../../src/ox-contact copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import { OxContact } from './OxContact.js';\n\nwindow.customElements.define('ox-contact', OxContact);\n"]}
1
+ {"version":3,"file":"ox-contact copy.js","sourceRoot":"","sources":["../../src/ox-contact copy.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAE1B,MAAM,CAAN,IAAY,YAYX;AAZD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,sCAAsB,CAAA;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf,qCAAqB,CAAA;IACrB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,yCAAyB,CAAA;IACzB,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;AACvB,CAAC,EAZW,YAAY,KAAZ,YAAY,QAYvB;AAED,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,iCAAiB,CAAA;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAeM,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAYuB,YAAO,GAAY,EAAE,CAAA;QAExC,aAAQ,GAAa,KAAK,CAAA;IAerC,CAAC;IAbC,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC,IAAI,CAAA;qBACS,IAAI,CAAC,OAAO;yBACR,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;uBAC/B,CAAC,CAAc,EAAE,EAAE;gBAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAA;gBACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;YACvB,CAAC;4BACiB;YACtB,CAAC,CAAC,IAAI,CAAA,8BAA8B,IAAI,CAAC,OAAO;wCACd,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAA;IACrF,CAAC;;AA3BM,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;GASlB,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAsB;AAExC;IAAR,KAAK,EAAE;2CAA2B;AAdxB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA6BrB;SA7BY,SAAS","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport './ox-contact-edit'\nimport './ox-contact-view'\n\nexport enum ContactField {\n Name = 'name',\n JobTitle = 'job-title',\n Phone = 'phone',\n Address = 'address',\n Email = 'email',\n Birthday = 'birthday',\n Profile = 'profile',\n Picture = 'picture',\n Department = 'department',\n Company = 'company',\n Homepage = 'homepage'\n}\n\nexport enum ContactLabel {\n home = 'home',\n work = 'work',\n other = 'other',\n mobile = 'mobile'\n}\n\nexport type ContactItem = {\n id?: string\n type: ContactField\n label: string\n value: string\n}\n\nexport type Contact = {\n items?: ContactItem[]\n note?: string\n}\n\n@customElement('ox-contact')\nexport class OxContact extends LitElement {\n static styles = css`\n :host {\n display: block;\n }\n\n button {\n display: block;\n margin-left: auto;\n }\n `\n\n @property({ type: Object }) contact: Contact = {}\n\n @state() editMode?: boolean = false\n\n render() {\n return html`${this.editMode\n ? html`<ox-contact-edit\n .contact=${this.contact}\n @edit-cancel=${() => (this.editMode = false)}\n @edit-done=${(e: CustomEvent) => {\n this.contact = e.detail\n this.editMode = false\n }}\n ></ox-contact-edit>`\n : html` <ox-contact-view .contact=${this.contact}></ox-contact-view>\n <button value=\"Edit\" @click=${() => (this.editMode = true)}>Edit</button>`} `\n }\n}\n"]}
package/dist/src/ox-contact-edit.d.ts CHANGED
@@ -1,11 +1,14 @@
1
1
  import '@material/mwc-icon-button';
2
+ import './ox-pfp.js';
2
3
  import { LitElement, PropertyValues } from 'lit';
3
4
  import { Contact, ContactItem } from './ox-contact';
5
+ import { OxPfp } from './ox-pfp.js';
4
6
  export declare class OxContactEdit extends LitElement {
5
7
  static styles: import("lit").CSSResult[];
6
8
  contact: Contact;
7
9
  private stageContact;
8
10
  note: HTMLTextAreaElement;
11
+ pfp: OxPfp;
9
12
  fields: NodeListOf<HTMLDivElement>;
10
13
  render(): import("lit-html").TemplateResult<1>;
11
14
  updated(changes: PropertyValues<this>): void;
package/dist/src/ox-contact-edit.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { __decorate } from "tslib";
2
2
  import '@material/mwc-icon-button';
3
+ import './ox-pfp.js';
3
4
  import { html, css, LitElement } from 'lit';
4
5
  import { customElement, property, state, query, queryAll } from 'lit/decorators.js';
5
6
  import { ContactField } from './ox-contact';
@@ -12,7 +13,7 @@ let OxContactEdit = class OxContactEdit extends LitElement {
12
13
  }
13
14
  render() {
14
15
  var _a;
15
- const { items = [], note } = this.stageContact || {};
16
+ const { profile, items = [], note } = this.stageContact || {};
16
17
  var sorted = {};
17
18
  items.forEach(item => {
18
19
  if (!sorted[item.type]) {
@@ -28,7 +29,8 @@ let OxContactEdit = class OxContactEdit extends LitElement {
28
29
  ];
29
30
  return html `
30
31
  <div name>
31
- <div monogram>${(_a = names[0]) === null || _a === void 0 ? void 0 : _a.value.replace(/\s/g, '').slice(0, 2)}</div>
32
+ <ox-pfp .profile=${profile} .name=${(_a = names[0]) === null || _a === void 0 ? void 0 : _a.value}></ox-pfp>
33
+
32
34
  <div name-content>
33
35
  ${names.map(item => html `<div @change=${(e) => this.onChangeItem(e, item)} .item=${item} field>
34
36
  <span>name</span>
@@ -95,6 +97,7 @@ let OxContactEdit = class OxContactEdit extends LitElement {
95
97
  buildStageContact() {
96
98
  this.stageContact = {
97
99
  ...this.stageContact,
100
+ profile: this.pfp.profile,
98
101
  note: this.note.value,
99
102
  items: this.buildItems()
100
103
  };
@@ -172,23 +175,10 @@ OxContactEdit.styles = [
172
175
  font-size: 1.4em;
173
176
  }
174
177
 
175
- :host > div[name] > [monogram] {
178
+ :host ox-pfp {
176
179
  display: inline-block;
177
180
  width: 100px;
178
181
  height: 100px;
179
- line-height: 100px;
180
- border-radius: 999px;
181
- border: 1px solid darkgray;
182
- box-sizing: border-box;
183
- padding: 0;
184
- font-size: 40px;
185
- font-family: system-ui;
186
- overflow: hidden;
187
- text-align: center;
188
- vertical-align: center;
189
- background-color: gray;
190
- color: white;
191
- text-transform: uppercase;
192
182
  }
193
183
 
194
184
  :host > div[name] > div[name-content] {
@@ -235,6 +225,9 @@ __decorate([
235
225
  __decorate([
236
226
  query('#note')
237
227
  ], OxContactEdit.prototype, "note", void 0);
228
+ __decorate([
229
+ query('ox-pfp')
230
+ ], OxContactEdit.prototype, "pfp", void 0);
238
231
  __decorate([
239
232
  queryAll('[field]')
240
233
  ], OxContactEdit.prototype, "fields", void 0);
package/dist/src/ox-contact-edit.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ox-contact-edit.js","sourceRoot":"","sources":["../../src/ox-contact-edit.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon-button'\n\nimport { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state, query, queryAll } from 'lit/decorators.js'\nimport { Contact, ContactField, ContactItem } from './ox-contact'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('ox-contact-edit')\nexport class OxContactEdit extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: block;\n padding: 25px;\n\n --mdc-icon-button-size: 16px;\n --mdc-icon-size: 16px;\n }\n\n :host > div {\n padding: 10px 0;\n display: block;\n border-bottom: 1px solid blue;\n }\n\n :host > div > div {\n padding: 4px 0;\n box-sizing: border-box;\n\n display: flex;\n flex-direction: row;\n gap: 10px;\n }\n\n :host > div > div:hover {\n position: relative;\n }\n\n [data-item='label'] {\n width: 100px;\n text-align: right;\n }\n\n [data-item='value'] {\n flex: 1;\n }\n\n :host > div[name] {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: bold;\n font-size: 1.4em;\n }\n\n :host > div[name] > [monogram] {\n display: inline-block;\n width: 100px;\n height: 100px;\n line-height: 100px;\n border-radius: 999px;\n border: 1px solid darkgray;\n box-sizing: border-box;\n padding: 0;\n font-size: 40px;\n font-family: system-ui;\n overflow: hidden;\n text-align: center;\n vertical-align: center;\n background-color: gray;\n color: white;\n text-transform: uppercase;\n }\n\n :host > div[name] > div[name-content] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n }\n\n div[field] {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n }\n\n div[field] > span {\n width: 100px;\n text-align: right;\n }\n\n div[field] > input {\n flex: 1;\n }\n\n textarea {\n width: 100%;\n height: 100px;\n }\n\n div[buttons] {\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n }\n `\n ]\n\n @property({ type: Object }) contact: Contact = {}\n\n @state() private stageContact: Contact = JSON.parse(JSON.stringify(this.contact))\n\n @query('#note') note!: HTMLTextAreaElement\n @queryAll('[field]') fields!: NodeListOf<HTMLDivElement>\n\n render() {\n const { items = [], note } = this.stageContact || {}\n var sorted: { [type: string]: ContactItem[] } = {}\n\n items.forEach(item => {\n if (!sorted[item.type as string]) {\n sorted[item.type] = [item]\n } else {\n sorted[item.type as string].push(item)\n }\n })\n\n const names = [...(sorted[ContactField.Name] || [{ type: ContactField.Name, label: 'name', value: '' }])]\n const companies = [\n ...(sorted[ContactField.Company] || [{ type: ContactField.Company, label: 'company', value: '' }])\n ]\n\n return html`\n <div name>\n <div monogram>${names[0]?.value.replace(/\\s/g, '').slice(0, 2)}</div>\n <div name-content>\n ${names.map(\n item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n <span>name</span>\n <input type=\"hidden\" .value=${item.label} data-item=\"label\" disabled />\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n ${companies.map(\n item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n <span>company</span>\n <input type=\"hidden\" .value=${item.label} data-item=\"label\" disabled />\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n </div>\n </div>\n ${['email', 'phone', 'address'].map(type => {\n var items = [...(sorted[type] || []), { type: type as ContactField, label: 'work', value: '' }]\n\n return html`\n <div data-type=${type}>\n ${type}\n ${items.map(\n item =>\n html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n ${item.value\n ? html`<mwc-icon-button\n icon=\"cancel\"\n @click=${() => {\n item.value = ''\n this.buildStageContact()\n }}\n ></mwc-icon-button>`\n : html`<mwc-icon-button></mwc-icon-button>`}\n <select .value=${item.label} data-item=\"label\">\n ${['home', 'work', 'other', 'mobile'].map(\n option => html` <option value=${option} ?selected=${option === item.label}>${option}</option>`\n )}\n </select>\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n </div>\n `\n })}\n <div note>\n note\n <textarea id=\"note\" .value=${note || ''} @change=${() => this.buildStageContact()}></textarea>\n </div>\n\n <div buttons>\n <button value=\"Done\" @click=${() => this.onSave()}>Done</button>\n <button value=\"Cancel\" @click=${() => this.onCancel()}>Cancel</button>\n <button value=\"Reset\" @click=${() => this.onReset()}>Reset</button>\n </div>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('contact')) {\n this.stageContact = JSON.parse(JSON.stringify(this.contact))\n }\n }\n\n buildItems() {\n const items: ContactItem[] = []\n\n this.fields.forEach(fieldElement => {\n const item = (fieldElement as any).item\n if (item.value) {\n items.push(item)\n }\n })\n\n return items\n }\n\n buildStageContact() {\n this.stageContact = {\n ...this.stageContact,\n note: this.note.value,\n items: this.buildItems()\n }\n }\n\n onChangeItem(e: Event, item: ContactItem) {\n const target = e.currentTarget as HTMLElement\n const labelElement = target.querySelector('[data-item=\"label\"') as HTMLSelectElement\n const valueElement = target.querySelector('[data-item=\"value\"') as HTMLInputElement\n\n item.label = labelElement.value\n item.value = valueElement.value\n\n if (e.target === valueElement || item.value) {\n this.buildStageContact()\n }\n }\n\n onSave() {\n this.buildStageContact()\n\n this.dispatchEvent(\n new CustomEvent('edit-done', {\n detail: this.stageContact\n })\n )\n }\n\n onCancel() {\n this.dispatchEvent(\n new CustomEvent('edit-cancel', {\n detail: this.stageContact\n })\n )\n }\n\n onReset() {\n this.buildStageContact()\n\n this.stageContact = JSON.parse(JSON.stringify(this.contact))\n }\n}\n"]}
1
+ {"version":3,"file":"ox-contact-edit.js","sourceRoot":"","sources":["../../src/ox-contact-edit.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon-button'\nimport './ox-pfp.js'\n\nimport { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state, query, queryAll } from 'lit/decorators.js'\nimport { Contact, ContactField, ContactItem } from './ox-contact'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { OxPfp } from './ox-pfp.js'\n\n@customElement('ox-contact-edit')\nexport class OxContactEdit extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: block;\n padding: 25px;\n\n --mdc-icon-button-size: 16px;\n --mdc-icon-size: 16px;\n }\n\n :host > div {\n padding: 10px 0;\n display: block;\n border-bottom: 1px solid blue;\n }\n\n :host > div > div {\n padding: 4px 0;\n box-sizing: border-box;\n\n display: flex;\n flex-direction: row;\n gap: 10px;\n }\n\n :host > div > div:hover {\n position: relative;\n }\n\n [data-item='label'] {\n width: 100px;\n text-align: right;\n }\n\n [data-item='value'] {\n flex: 1;\n }\n\n :host > div[name] {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: bold;\n font-size: 1.4em;\n }\n\n :host ox-pfp {\n display: inline-block;\n width: 100px;\n height: 100px;\n }\n\n :host > div[name] > div[name-content] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n }\n\n div[field] {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n }\n\n div[field] > span {\n width: 100px;\n text-align: right;\n }\n\n div[field] > input {\n flex: 1;\n }\n\n textarea {\n width: 100%;\n height: 100px;\n }\n\n div[buttons] {\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n }\n `\n ]\n\n @property({ type: Object }) contact: Contact = {}\n\n @state() private stageContact: Contact = JSON.parse(JSON.stringify(this.contact))\n\n @query('#note') note!: HTMLTextAreaElement\n @query('ox-pfp') pfp!: OxPfp\n @queryAll('[field]') fields!: NodeListOf<HTMLDivElement>\n\n render() {\n const { profile, items = [], note } = this.stageContact || {}\n var sorted: { [type: string]: ContactItem[] } = {}\n\n items.forEach(item => {\n if (!sorted[item.type as string]) {\n sorted[item.type] = [item]\n } else {\n sorted[item.type as string].push(item)\n }\n })\n\n const names = [...(sorted[ContactField.Name] || [{ type: ContactField.Name, label: 'name', value: '' }])]\n const companies = [\n ...(sorted[ContactField.Company] || [{ type: ContactField.Company, label: 'company', value: '' }])\n ]\n\n return html`\n <div name>\n <ox-pfp .profile=${profile} .name=${names[0]?.value}></ox-pfp>\n\n <div name-content>\n ${names.map(\n item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n <span>name</span>\n <input type=\"hidden\" .value=${item.label} data-item=\"label\" disabled />\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n ${companies.map(\n item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n <span>company</span>\n <input type=\"hidden\" .value=${item.label} data-item=\"label\" disabled />\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n </div>\n </div>\n ${['email', 'phone', 'address'].map(type => {\n var items = [...(sorted[type] || []), { type: type as ContactField, label: 'work', value: '' }]\n\n return html`\n <div data-type=${type}>\n ${type}\n ${items.map(\n item =>\n html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>\n ${item.value\n ? html`<mwc-icon-button\n icon=\"cancel\"\n @click=${() => {\n item.value = ''\n this.buildStageContact()\n }}\n ></mwc-icon-button>`\n : html`<mwc-icon-button></mwc-icon-button>`}\n <select .value=${item.label} data-item=\"label\">\n ${['home', 'work', 'other', 'mobile'].map(\n option => html` <option value=${option} ?selected=${option === item.label}>${option}</option>`\n )}\n </select>\n <input type=\"text\" .value=${item.value} data-item=\"value\" />\n </div>`\n )}\n </div>\n `\n })}\n <div note>\n note\n <textarea id=\"note\" .value=${note || ''} @change=${() => this.buildStageContact()}></textarea>\n </div>\n\n <div buttons>\n <button value=\"Done\" @click=${() => this.onSave()}>Done</button>\n <button value=\"Cancel\" @click=${() => this.onCancel()}>Cancel</button>\n <button value=\"Reset\" @click=${() => this.onReset()}>Reset</button>\n </div>\n `\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('contact')) {\n this.stageContact = JSON.parse(JSON.stringify(this.contact))\n }\n }\n\n buildItems() {\n const items: ContactItem[] = []\n\n this.fields.forEach(fieldElement => {\n const item = (fieldElement as any).item\n if (item.value) {\n items.push(item)\n }\n })\n\n return items\n }\n\n buildStageContact() {\n this.stageContact = {\n ...this.stageContact,\n profile: this.pfp.profile,\n note: this.note.value,\n items: this.buildItems()\n }\n }\n\n onChangeItem(e: Event, item: ContactItem) {\n const target = e.currentTarget as HTMLElement\n const labelElement = target.querySelector('[data-item=\"label\"') as HTMLSelectElement\n const valueElement = target.querySelector('[data-item=\"value\"') as HTMLInputElement\n\n item.label = labelElement.value\n item.value = valueElement.value\n\n if (e.target === valueElement || item.value) {\n this.buildStageContact()\n }\n }\n\n onSave() {\n this.buildStageContact()\n\n this.dispatchEvent(\n new CustomEvent('edit-done', {\n detail: this.stageContact\n })\n )\n }\n\n onCancel() {\n this.dispatchEvent(\n new CustomEvent('edit-cancel', {\n detail: this.stageContact\n })\n )\n }\n\n onReset() {\n this.buildStageContact()\n\n this.stageContact = JSON.parse(JSON.stringify(this.contact))\n }\n}\n"]}
package/dist/src/ox-contact-view.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import './ox-pfp-view.js';
1
2
  import { LitElement } from 'lit';
2
3
  import { Contact } from './ox-contact';
3
4
  export declare class OxContactView extends LitElement {