@operato/contact 1.1.52

package/dist/test/ox-contact.test.js

@@ -0,0 +1,24 @@
+import { html } from 'lit';
+import { fixture, expect } from '@open-wc/testing';
+import '../src/ox-contact.js';
+describe('OxContact', () => {
+    it('has a default title "Hey there" and counter 5', async () => {
+        const el = await fixture(html `<ox-contact></ox-contact>`);
+        // expect(el.title).to.equal('Hey there');
+        // expect(el.counter).to.equal(5);
+    });
+    it('increases the counter on button click', async () => {
+        const el = await fixture(html `<ox-contact></ox-contact>`);
+        el.shadowRoot.querySelector('button').click();
+        // expect(el.counter).to.equal(6);
+    });
+    it('can override the title via attribute', async () => {
+        const el = await fixture(html `<ox-contact title="attribute title"></ox-contact>`);
+        // expect(el.title).to.equal('attribute title');
+    });
+    it('passes the a11y audit', async () => {
+        const el = await fixture(html `<ox-contact></ox-contact>`);
+        await expect(el).shadowDom.to.be.accessible();
+    });
+});
+//# sourceMappingURL=ox-contact.test.js.map

package/dist/test/ox-contact.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-contact.test.js","sourceRoot":"","sources":["../../test/ox-contact.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,sBAAsB,CAAA;AAE7B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAA;QAEpE,0CAA0C;QAC1C,kCAAkC;IACpC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAA;QACpE,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAA;QAE/C,kCAAkC;IACpC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,mDAAmD,CAAC,CAAA;QAE5F,gDAAgD;IAClD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAA;QAEpE,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\nimport { fixture, expect } from '@open-wc/testing'\nimport { OxContact } from '../src/ox-contact.js'\nimport '../src/ox-contact.js'\n\ndescribe('OxContact', () => {\n  it('has a default title \"Hey there\" and counter 5', async () => {\n    const el = await fixture<OxContact>(html`<ox-contact></ox-contact>`)\n\n    // expect(el.title).to.equal('Hey there');\n    // expect(el.counter).to.equal(5);\n  })\n\n  it('increases the counter on button click', async () => {\n    const el = await fixture<OxContact>(html`<ox-contact></ox-contact>`)\n    el.shadowRoot!.querySelector('button')!.click()\n\n    // expect(el.counter).to.equal(6);\n  })\n\n  it('can override the title via attribute', async () => {\n    const el = await fixture<OxContact>(html`<ox-contact title=\"attribute title\"></ox-contact>`)\n\n    // expect(el.title).to.equal('attribute title');\n  })\n\n  it('passes the a11y audit', async () => {\n    const el = await fixture<OxContact>(html`<ox-contact></ox-contact>`)\n\n    await expect(el).shadowDom.to.be.accessible()\n  })\n})\n"]}

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.d.ts","../../../node_modules/lit/decorators.d.ts","../../../node_modules/@material/base/foundation.d.ts","../../../node_modules/@material/mwc-base/utils.d.ts","../../../node_modules/@material/base/types.d.ts","../../../node_modules/@material/mwc-base/base-element.d.ts","../../../node_modules/@material/ripple/types.d.ts","../../../node_modules/@material/ripple/adapter.d.ts","../../../node_modules/@material/ripple/foundation.d.ts","../../../node_modules/@material/mwc-ripple/mwc-ripple-base.d.ts","../../../node_modules/@material/mwc-ripple/mwc-ripple.d.ts","../../../node_modules/@material/mwc-base/aria-property.d.ts","../../../node_modules/@material/mwc-ripple/ripple-handlers.d.ts","../../../node_modules/@material/mwc-icon-button/mwc-icon-button-base.d.ts","../../../node_modules/@material/mwc-icon-button/mwc-icon-button.d.ts","../../styles/dist/src/headroom-styles.d.ts","../../styles/dist/src/scrollbar-styles.d.ts","../../styles/dist/src/spinner-styles.d.ts","../../styles/dist/src/tooltip-styles.d.ts","../../styles/dist/src/common-button-styles.d.ts","../../styles/dist/src/common-grist-styles.d.ts","../../styles/dist/src/index.d.ts","../src/ox-contact-edit.ts","../src/ox-contact-view.ts","../src/ox-contact.ts","../src/index.ts","../../../node_modules/@material/mwc-icon/mwc-icon.d.ts","../stories/index.stories.ts","../../../node_modules/@types/chai/index.d.ts","../../../node_modules/@open-wc/semantic-dom-diff/get-diffable-html.d.ts","../../../node_modules/@open-wc/semantic-dom-diff/chai-dom-diff-plugin.d.ts","../../../node_modules/@open-wc/semantic-dom-diff/chai-dom-diff.d.ts","../../../node_modules/@open-wc/semantic-dom-diff/index.d.ts","../../../node_modules/chai-a11y-axe/chai-a11y-axe-plugin.d.ts","../../../node_modules/chai-a11y-axe/src/accessible.d.ts","../../../node_modules/chai-a11y-axe/index.d.ts","../../../node_modules/@types/chai-dom/index.d.ts","../../../node_modules/@types/sinonjs__fake-timers/index.d.ts","../../../node_modules/@types/sinon/index.d.ts","../../../node_modules/@types/sinon-chai/index.d.ts","../../../node_modules/@open-wc/testing/register-chai-plugins.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/elementupdated.d.ts","../../../node_modules/lit-html/static.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/renderable.d.ts","../../../node_modules/@open-wc/dedupe-mixin/index.d.ts","../../../node_modules/@open-wc/scoped-elements/types/src/types.d.ts","../../../node_modules/@open-wc/scoped-elements/types/src/scopedelementsmixin.d.ts","../../../node_modules/@open-wc/scoped-elements/types/index.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/fixture-no-side-effect.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/fixture.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/fixturewrapper.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/helpers.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/scopedelementswrapper.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/litfixture.d.ts","../../../node_modules/@open-wc/testing-helpers/types/src/stringfixture.d.ts","../../../node_modules/@open-wc/testing-helpers/types/index.d.ts","../../../node_modules/@open-wc/testing/index.d.ts","../test/ox-contact.test.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts","../node_modules/@types/node/util.d.ts","../node_modules/lit/index.d.ts","../node_modules/@lit/reactive-element/reactive-element.d.ts","../node_modules/lit-html/lit-html.d.ts","../node_modules/lit-element/lit-element.d.ts","../node_modules/lit-html/is-server.d.ts"],"fileInfos":[{"version":"8730f4bf322026ff5229336391a18bcaa1f94d4f82416c8b2f3954e2ccaae2ba","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","4b421cbfb3a38a27c279dec1e9112c3d1da296f77a1a85ddadf7e7a425d45d18","1fc5ab7a764205c68fa10d381b08417795fc73111d6dd16b5b1ed36badb743d9",{"version":"3aafcb693fe5b5c3bd277bd4c3a617b53db474fe498fc5df067c5603b1eebde7","affectsGlobalScope":true},{"version":"adb996790133eb33b33aadb9c09f15c2c575e71fb57a62de8bf74dbf59ec7dfb","affectsGlobalScope":true},{"version":"8cc8c5a3bac513368b0157f3d8b31cfdcfe78b56d3724f30f80ed9715e404af8","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"c5c05907c02476e4bde6b7e76a79ffcd948aedd14b6a8f56e4674221b0417398","affectsGlobalScope":true},{"version":"5f406584aef28a331c36523df688ca3650288d14f39c5d2e555c95f0d2ff8f6f","affectsGlobalScope":true},{"version":"22f230e544b35349cfb3bd9110b6ef37b41c6d6c43c3314a31bd0d9652fcec72","affectsGlobalScope":true},{"version":"7ea0b55f6b315cf9ac2ad622b0a7813315bb6e97bf4bb3fbf8f8affbca7dc695","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"eb26de841c52236d8222f87e9e6a235332e0788af8c87a71e9e210314300410a","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"81cac4cbc92c0c839c70f8ffb94eb61e2d32dc1c3cf6d95844ca099463cf37ea","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"5e5e095c4470c8bab227dbbc61374878ecead104c74ab9960d3adcccfee23205","affectsGlobalScope":true},{"version":"09aa50414b80c023553090e2f53827f007a301bc34b0495bfb2c3c08ab9ad1eb","affectsGlobalScope":true},{"version":"d7f680a43f8cd12a6b6122c07c54ba40952b0c8aa140dcfcf32eb9e6cb028596","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"2768ef564cfc0689a1b76106c421a2909bdff0acbe87da010785adab80efdd5c","affectsGlobalScope":true},{"version":"b248e32ca52e8f5571390a4142558ae4f203ae2f94d5bac38a3084d529ef4e58","affectsGlobalScope":true},{"version":"52d1bb7ab7a3306fd0375c8bff560feed26ed676a5b0457fa8027b563aecb9a4","affectsGlobalScope":true},"14a84fbe4ec531dcbaf5d2594fd95df107258e60ae6c6a076404f13c3f66f28e","52dd370c807255c61765347fc90a9bee3c522b8744dc222714e2bf6b5be3a823","1e5743b25a63fd34ffbae89adcbf248ee17db6ed08d90079ffa93803c3e80d2a","3cbcdf2a84c93c6b62d8d4584f613c8af7c6330ac2ba1ff781d10a3e0935beb9","2fcd2d22b1f30555e785105597cd8f57ed50300e213c4f1bbca6ae149f782c38",{"version":"bb4248c7f953233ac52332088fac897d62b82be07244e551d87c5049600b6cf7","affectsGlobalScope":true},"3f30c6b57bf5eb7a7d4298506b78b18d428a39a409e1eadd93a3fdd0299d2687","62da965db3bd1b4ce135048ae8a317d7eb1949068824cb949dd4a91f7e3d6c2d","eba7cf33380cc3a3cf614faf67300e14d0bdff9ea6c5cd6f4b040b1756a48ab1","5e7e090243bf203382a5cb04eabbdc38d78f6d5922f16f543e4da8fa007d5ff9","cd823094ded7c8ac4f94ab6dc387dab699293eb8323d9f948304efc07e4ae7b2","241000969e5367a9a9b9a4f57963e54e5a012c9d89c273526c0115650a7b9e5f","ac388c7c7a262213a3700451bc921e382a93fb27c0252c34ccf03540b4ce044b","097a7e3badfd1c4b35f72aa0f722f5714a4f6a84e53fca5a79dcfebbfc5e718d","fb0107c83e2e0e75b77dacd0c3c6c3ab6844e98dce2a8f858c6f0a57c12136a6","0a478dcb6e6bd8a5d871165659c79cee7b8c3b7a87289118d22e1a04d171e252","e385eb01000d045ea07cea09c488f66e051709a9ac460bf271623f9984e0c419","bf69beba89702c85d84546269e0d4e8b128d32e26b314ee9b501b0b32c82490b","46f3a421b048670d16a3c02589261f17c1cea687f2602eed31e1335b53aed785","4bcb813ea56182beaaab1e8274524eb9f1449b0d8e79efc4a0399de09e43f816","c784eab1cf838d9d6527bce3d9f2d373145606666b68f7610291a7adf6e6bda9","f0380f581cb015778c0fe51e95b5b7f6dae237280654558469b2486c1572268a","a0667520a6521c12128fc28cbd5b2af58eef11c5b2a7441e0f0d47f50bf6c8e3","0dcf4c2bf1bb547e2ae5b8dce4656a56fbd15e3401ff5236ea0b93b6c60f9249","820c26194ad4089bc503b02bbedbd86a865e9c8a05c58ef88c8d19d9c019712a","790b453e1b76814112c3870d6e12f5db992d3194fdb3529445317dd75cb538be","d375de88ab19f6c105a65fc89eca1ae782362c5c395283b0c85ef39c7b835dfe","aeda2fffbc651fe1fa60b913d45f291f5544c4840206cb3b1badc16d9f01a0f0","7b3c1d688dcb8645b5a6c37bce5b047da92b4c298ed8709e03e987e0efb035b1","29c64e1acb5b73f08a60e71154c65c8a34f885f1f2cc55ffa06dfd244c058883",{"version":"7d176f155e5f6fc9756ddcc1a6d3eb2673030a066e2b7846dfc81b5271f3e269","affectsGlobalScope":true},"024fea9ee598cfe747f18340ad74e4ea428fc2a7988250ff9fcfce5673b7d422","aea18a267a0770c365cc390ad0a0b9725ed7a4540e9a96319b0f5094ee0ca124","a5a7c7d197c7b1918bddb0dd30bf8979a38828b24467ec45db093bf4621507ef",{"version":"afcd875785333f656f79bf1b3a445ceecc6aaf8e2b7cde59309a8778f41de613","affectsGlobalScope":true},"cf93fb9208a01c80f0fad245c4360356e5de6c2384b7641acf0b9cc2f5c42448","336398b0efaf964124e636a9b29c4edd5870aee79ac64bf87be58a9d66b7c048","571bc65ec37ba124e762bb822e14a2b8502dc684e356be8feaccbd6b9cadd023","2bbbefc1235500bdb5091f240dc8cba861a95342272f7d11b7574a0d2ef4f85e","7cd455fc4c4818f19263d73b29c59f3fb5fd54b45a6ab83ca3eb3661281db56b","1c6b9b5501774a2ece6574be8e26092800e3f1f836f8c179b4f9fdd271a620f8","0929ec89582904044a56ca8220114b7256450a197da22eb5c9b630be69a41372",{"version":"e7694b2f6f994ef91c8ae22fb31c980fdac85e2f92b403685574464d662ad6b5","signature":"ea81b9440082819cf6132d74a1a2d7e6b51c7eb3247870da2e11442ffd4d7764"},{"version":"1c7ad70b2cf7602aad327f682075cbab47fa2aa979bdcd0751d2c7186efb34cc","signature":"284ba3cb505ca421a8191a312e2f958f350d4d952025b1c4e9cedab5a1a3a251"},{"version":"61a55d06d454498b716604bc73f4bfe367cb2c7bcc76a1f601bd23b294fd06e6","signature":"19bb246371effc90ccce753e7c17a4ccbabc462efce320fbe5271c4264dc5bbc"},{"version":"4d3dc3c4818d1a86c0a47bccd8e88e385ff37ac06c8428361940e27e0757849c","signature":"ffbb7761010040bfa1bc4130e88ceb6b49ee3478e8b4b799402d531181846a56"},{"version":"27b285e901600242883d62a5fff9f5d262c6fa128b6e6c6963f981f2630a957e","affectsGlobalScope":true},{"version":"c19ebba2c3a37b0923e8ac0b52149cac1082fb07b9763282ab685bfa7d5f2773","signature":"ecaccb1b989459b7dd08aacdac3d2f6b7b3b9a9b19e09cea0580168034bb6230"},{"version":"b9734142a4b241cfb505be4a2eb0261d211647df7c73043f817f4fdd8d96c846","affectsGlobalScope":true},"8a659f7d82d932649a78f89643c5b436953424a219d705d49b8b3d9ccd6e35ff",{"version":"75cd6dce1c5f87511772c891de86d0c9e6829e6273dea9f92a5bec9d0479d1e7","affectsGlobalScope":true},{"version":"cd711db43a952f15464b571ac11b7a440332cd52342bc92c4bf908c70688f57f","affectsGlobalScope":true},"9d8709c916778cb34830708ed47b78e9a46d1fb2eb73a682b14eee990bed4aa6",{"version":"5d90911f942229eb9049feab241739a5ced76f137948f8f42a615e5f01d4e7ea","affectsGlobalScope":true},"999a90d30a3183dcee987d0a5a7c586aba5bacbf6ce087ba8635124082ccfeea","8a5878edd52f4a720560b4c6e6247e9ddc3df6118ad9cf2f9927903b03d5f440",{"version":"2e63505ebab0e2b832e3bd3e876b9d2c8bede991e6e13e725f36a3101cd92415","affectsGlobalScope":true},"f83b320cceccfc48457a818d18fc9a006ab18d0bdd727aa2c2e73dc1b4a45e98","354abbae08f72ea982b1a767a8908f1b3efe8bbe53955c64f9c0c249c8832d5d",{"version":"4f0ad52a7fbd6bfba88ec22ec719b6956a0fc647030462f9db490e74236d116f","affectsGlobalScope":true},"65b91a3725399231d3469529b5e27b85bf2aa98013e607f308e5fe260b47eeff","a11181f6d68200e83ccb1fb48b262a7132a3257e0a230f41c9dc4c351964297a","359f23bc7fccaec08632ee5c33eb333a5b207fc8ae17c881c7b69919aced4d58","51bce1535d9cb87390d75581866d79de7b2e2cb525a89fba84411c8bb5be52d2","88cda4269c54f0803834fd62b2fac61af8bff7a085693f7ca9df85c1f19dee8a",{"version":"d40075d9f1c08b4a8d8e468076f5258900e99895e7259c40f3923b7044bbed6c","affectsGlobalScope":true},"754006450e5de2b7dac5993194326e3a65c1474673f7304c20810f5eda18ca05","fdf0aa1a72ff0188a9013926201a391116ef6701cd439b89850786abdf755fb8","0b5817d9435c019648f2a2326eaf1086efb72e8e90e28eb53a58b2f31f61e161","abf9ea97b78a7b239186cf5b7ed59c4a593abac3c408c8c95fc5e604cfdfdb43","ae91c9161caf0af81c89e780a045fc5ea8382407e516342e409c5db9161d3b32","4eff87f0e05e7b2e65299869122a30538be7196bd94bc76c88663a4cac2ad88f","5e02756608c1ac8ddf96878c3af3d4db7ed4e272aef24837e255859ee0a4fb71","4a662115c4c7186cc027ef4a8163e48c7f1c57f05247f08d5acb2344fae2ca53","d598157512ae6e0d3aa6bb0dd261ae34845831dccf7bc7739695ee2589eb76f5","c523db72c97b64fb4afe53e79cd7a2b062bacc36b1d0b29c9686f71c05d4409c","e5fefd2fe7d4d459dadbc1384a3643fb7598e5f41ea97a411c0155447d9f71e5",{"version":"828e075e654e275aa3e9f0b44cba0c204c6cef5f0efd9c25402a3383ae926dd9","signature":"efbcef423c48e279912ba9c7549d151790c331b6e5677e5d0e768a77ed3becd6"},"7e771891adaa85b690266bc37bd6eb43bc57eecc4b54693ead36467e7369952a","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"ca72190df0eb9b09d4b600821c8c7b6c9747b75a1c700c4d57dc0bb72abc074c","affectsGlobalScope":true},"21a167fec8f933752fb8157f06d28fab6817af3ad9b0bdb1908a10762391eab9",{"version":"bb65c6267c5d6676be61acbf6604cf0a4555ac4b505df58ac15c831fcbff4e3e","affectsGlobalScope":true},"374ca798f244e464346f14301dc2a8b4b111af1a83b49fffef5906c338a1f922","5a94487653355b56018122d92392beb2e5f4a6c63ba5cef83bbe1c99775ef713",{"version":"d5135ad93b33adcce80b18f8065087934cdc1730d63db58562edcf017e1aad9b","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","dab86d9604fe40854ef3c0a6f9e8948873dc3509213418e5e457f410fd11200f","bb9c4ffa5e6290c6980b63c815cdd1625876dadb2efaf77edbe82984be93e55e","489532ff54b714f0e0939947a1c560e516d3ae93d51d639ab02e907a0e950114","f30bb836526d930a74593f7b0f5c1c46d10856415a8f69e5e2fc3db80371e362","14b5aa23c5d0ae1907bc696ac7b6915d88f7d85799cc0dc2dcf98fbce2c5a67c","5c439dafdc09abe4d6c260a96b822fa0ba5be7203c71a63ab1f1423cd9e838ea",{"version":"6b526a5ec4a401ca7c26cfe6a48e641d8f30af76673bad3b06a1b4504594a960","affectsGlobalScope":true},{"version":"816ad2e607a96de5bcac7d437f843f5afd8957f1fa5eefa6bba8e4ed7ca8fd84","affectsGlobalScope":true},"cec36af22f514322f870e81d30675c78df82ae8bf4863f5fd4e4424c040c678d","d903fafe96674bc0b2ac38a5be4a8fc07b14c2548d1cdb165a80ea24c44c0c54","5eec82ac21f84d83586c59a16b9b8502d34505d1393393556682fe7e7fde9ef2","04eb6578a588d6a46f50299b55f30e3a04ef27d0c5a46c57d8fcc211cd530faa","8d3c583a07e0c37e876908c2d5da575019f689df8d9fa4c081d99119d53dba22","2c828a5405191d006115ab34e191b8474bc6c86ffdc401d1a9864b1b6e088a58",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"d076fede3cb042e7b13fc29442aaa03a57806bc51e2b26a67a01fbc66a7c0c12","7c013aa892414a7fdcfd861ae524a668eaa3ede8c7c0acafaf611948122c8d93","b0973c3cbcdc59b37bf477731d468696ecaf442593ec51bab497a613a580fe30",{"version":"4989e92ba5b69b182d2caaea6295af52b7dc73a4f7a2e336a676722884e7139d","affectsGlobalScope":true},{"version":"b3624aed92dab6da8484280d3cb3e2f4130ec3f4ef3f8201c95144ae9e898bb6","affectsGlobalScope":true},"5153a2fd150e46ce57bb3f8db1318d33f6ad3261ed70ceeff92281c0608c74a3","210d54cd652ec0fec8c8916e4af59bb341065576ecda039842f9ffb2e908507c","36b03690b628eab08703d63f04eaa89c5df202e5f1edf3989f13ad389cd2c091","0effadd232a20498b11308058e334d3339cc5bf8c4c858393e38d9d4c0013dcf","25846d43937c672bab7e8195f3d881f93495df712ee901860effc109918938cc","fd93cee2621ff42dabe57b7be402783fd1aa69ece755bcba1e0290547ae60513","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff","69ee23dd0d215b09907ad30d23f88b7790c93329d1faf31d7835552a10cf7cbf","44b8b584a338b190a59f4f6929d072431950c7bd92ec2694821c11bce180c8a5","23b89798789dffbd437c0c423f5d02d11f9736aea73d6abf16db4f812ff36eda","223c37f62ce09a3d99e77498acdee7b2705a4ae14552fbdb4093600cd9164f3f",{"version":"970a90f76d4d219ad60819d61f5994514087ba94c985647a3474a5a3d12714ed","affectsGlobalScope":true},"e10177274a35a9d07c825615340b2fcde2f610f53f3fb40269fd196b4288dda6","4c8525f256873c7ba3135338c647eaf0ca7115a1a2805ae2d0056629461186ce","3c13ef48634e7b5012fcf7e8fce7496352c2d779a7201389ca96a2a81ee4314d","5d0a25ec910fa36595f85a67ac992d7a53dd4064a1ba6aea1c9f14ab73a023f2",{"version":"f0900cd5d00fe1263ff41201fb8073dbeb984397e4af3b8002a5c207a30bdc33","affectsGlobalScope":true},{"version":"4c50342e1b65d3bee2ed4ab18f84842d5724ad11083bd666d8705dc7a6079d80","affectsGlobalScope":true},"06d7c42d256f0ce6afe1b2b6cfbc97ab391f29dadb00dd0ae8e8f23f5bc916c3","ec4bd1b200670fb567920db572d6701ed42a9641d09c4ff6869768c8f81b404c","e59a892d87e72733e2a9ca21611b9beb52977be2696c7ba4b216cbbb9a48f5aa",{"version":"da26af7362f53d122283bc69fed862b9a9fe27e01bc6a69d1d682e0e5a4df3e6","affectsGlobalScope":true},"8a300fa9b698845a1f9c41ecbe2c5966634582a8e2020d51abcace9b55aa959e",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"8dbe725f8d237e70310977afcfa011629804d101ebaa0266cafda6b61ad72236",{"version":"5f186a758a616c107c70e8918db4630d063bd782f22e6e0b17573b125765b40b","affectsGlobalScope":true}],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[167],[46,167],[54,167],[46,54,167],[46,54,62,167],[44,45,167],[53,65,66,67,167],[53,73,74,75,167],[53,76,167],[53,167],[53,66,68,70,71,167],[53,72,167],[66,167],[67,69,167],[65,70,167],[109,167],[46,107,108,167],[46,107,167],[91,92,167],[93,167],[92,94,167],[104,105,112,113,114,116,117,167],[106,110,167],[111,167],[107,167],[106,111,115,167],[106,167],[91,103,118,167],[95,98,99,102,167],[91,167],[121,167],[124,167],[125,130,158,167],[126,137,138,145,155,166,167],[126,127,137,145,167],[128,167],[129,130,138,146,167],[130,155,163,167],[131,133,137,145,167],[132,167],[133,134,167],[137,167],[135,137,167],[137,138,139,155,166,167],[137,138,139,152,155,158,167],[167,171],[133,140,145,155,166,167],[137,138,140,141,145,155,163,166,167],[140,142,155,163,166,167],[121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],[137,143,167],[144,166,167],[133,137,145,155,167],[146,167],[147,167],[124,148,167],[149,165,167,171],[150,167],[151,167],[137,152,153,167],[152,154,167,169],[125,137,155,156,157,158,167],[125,155,157,167],[155,156,167],[158,167],[159,167],[137,161,162,167],[161,162,167],[130,145,155,163,167],[164,167],[145,165,167],[125,140,151,166,167],[130,167],[155,167,168],[167,169],[167,170],[125,130,137,139,148,155,166,167,169,171],[155,167,172],[91,101,167],[100,167],[47,167],[97,167],[96,167],[46,50,167],[50,167],[48,49,167],[55,56,57,58,59,60,61,62,63,167],[46,50,51,52,167],[43,87,167],[43,53,64,77,84,87,167],[43,53,64,87,167],[43,53,64,85,86,167],[43,53,77,87,89,167],[43,53,87,119,167],[78,79,80,81,82,83,167],[176],[65,66,67,176,177],[73,74,75,176,177],[76,176,177],[176,177],[66,68,70,71,176,177],[72,176,177],[66,176],[67,69,176],[65,70,176],[176,178,179,180,181],[87],[50,53,77,87],[50,53,87],[85,86,177,179],[53,77,87,89],[78,79,80,81,82,83,176]],"referencedMap":[[44,1],[54,2],[55,3],[58,4],[56,4],[60,4],[63,5],[62,1],[61,4],[59,4],[57,3],[45,1],[46,6],[65,1],[67,1],[74,1],[68,7],[66,1],[76,8],[77,9],[89,10],[72,11],[73,12],[75,13],[70,14],[71,15],[69,1],[107,1],[110,16],[109,17],[108,18],[93,19],[94,20],[92,1],[95,21],[118,22],[104,1],[111,23],[112,24],[113,1],[114,25],[116,26],[106,10],[115,27],[117,24],[119,28],[103,29],[99,30],[91,1],[175,1],[121,31],[122,31],[124,32],[125,33],[126,34],[127,35],[128,36],[129,37],[130,38],[131,39],[132,40],[133,41],[134,41],[136,42],[135,43],[137,42],[138,44],[139,45],[123,46],[173,1],[140,47],[141,48],[142,49],[174,50],[143,51],[144,52],[145,53],[146,54],[147,55],[148,56],[149,57],[150,58],[151,59],[152,60],[153,60],[154,61],[155,62],[157,63],[156,64],[158,65],[159,66],[160,1],[161,67],[162,68],[163,69],[164,70],[165,71],[166,72],[167,73],[168,74],[169,75],[170,76],[171,77],[172,78],[102,79],[101,80],[100,1],[48,81],[47,1],[96,30],[98,82],[97,83],[51,84],[49,85],[52,1],[50,86],[105,85],[64,87],[53,88],[43,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[33,1],[30,1],[31,1],[32,1],[34,1],[7,1],[35,1],[40,1],[41,1],[36,1],[37,1],[38,1],[39,1],[1,1],[42,1],[88,89],[85,90],[86,91],[87,92],[90,93],[120,94],[82,1],[83,10],[78,10],[84,95],[79,10],[80,10],[81,10]],"exportedModulesMap":[[44,1],[54,2],[55,3],[58,4],[56,4],[60,4],[63,5],[62,1],[61,4],[59,4],[57,3],[45,1],[46,6],[65,96],[67,96],[74,96],[68,97],[66,96],[76,98],[77,99],[89,100],[72,101],[73,102],[75,103],[70,104],[71,105],[69,96],[107,1],[110,16],[109,17],[108,18],[93,19],[94,20],[92,1],[95,21],[118,22],[104,1],[111,23],[112,24],[113,1],[114,25],[116,26],[106,10],[115,27],[117,24],[119,28],[103,29],[99,30],[91,1],[175,1],[121,31],[122,31],[124,32],[125,33],[126,34],[127,35],[128,36],[129,37],[130,38],[131,39],[132,40],[133,41],[134,41],[136,42],[135,43],[137,42],[138,44],[139,45],[123,46],[173,1],[140,47],[141,48],[142,49],[174,50],[143,51],[144,52],[145,53],[146,54],[147,55],[148,56],[149,57],[150,58],[151,59],[152,60],[153,60],[154,61],[155,62],[157,63],[156,64],[158,65],[159,66],[160,1],[161,67],[162,68],[163,69],[164,70],[165,71],[166,72],[167,73],[168,74],[169,75],[170,76],[171,77],[172,78],[102,79],[101,80],[100,1],[48,81],[47,1],[96,30],[98,82],[97,83],[51,84],[49,85],[52,1],[50,86],[105,85],[64,87],[53,106],[43,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[33,1],[30,1],[31,1],[32,1],[34,1],[7,1],[35,1],[40,1],[41,1],[36,1],[37,1],[38,1],[39,1],[1,1],[42,1],[88,107],[85,108],[86,109],[87,110],[90,111],[120,107],[82,96],[83,100],[78,100],[84,112],[79,100],[80,100],[81,100]],"semanticDiagnosticsPerFile":[44,54,55,58,56,60,63,62,61,59,57,45,46,65,67,74,68,66,76,77,89,72,73,75,70,71,69,107,110,109,108,93,94,92,95,118,104,111,112,113,114,116,106,115,117,119,103,99,91,175,121,122,124,125,126,127,128,129,130,131,132,133,134,136,135,137,138,139,123,173,140,141,142,174,143,144,145,146,147,148,149,150,151,152,153,154,155,157,156,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,102,101,100,48,47,96,98,97,51,49,52,50,105,64,53,43,8,10,9,2,11,12,13,14,15,16,17,18,3,4,22,19,20,21,23,24,25,5,26,27,28,29,6,33,30,31,32,34,7,35,40,41,36,37,38,39,1,42,88,85,86,87,90,120,82,83,78,84,79,80,81]},"version":"4.9.4"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@operato/contact",
+  "description": "Webcomponent ox-contact following open-wc recommendations",
+  "author": "heartyoh",
+  "version": "1.1.52",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "publishConfig": {
+    "access": "public",
+    "@operato:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hatiolab/operato.git",
+    "directory": "webcomponents/contact"
+  },
+  "exports": {
+    ".": "./dist/src/index.js",
+    "./ox-contact.js": "./dist/src/ox-contact.js"
+  },
+  "typesVersions": {
+    "*": {
+      "ox-contact.js": [
+        "./dist/src/ox-contact.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "storybook": "tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
+    "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
+  },
+  "dependencies": {
+    "@material/mwc-icon": "^0.27.0",
+    "@material/mwc-icon-button": "^0.27.0",
+    "@operato/styles": "^1.1.52",
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@hatiolab/prettier-config": "^1.0.0",
+    "@open-wc/eslint-config": "^8.0.2",
+    "@open-wc/testing": "^3.1.6",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@web/dev-server": "^0.1.34",
+    "@web/dev-server-storybook": "^0.5.4",
+    "@web/test-runner": "^0.15.0",
+    "concurrently": "^5.3.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.8.4"
+  },
+  "customElements": "custom-elements.json",
+  "prettier": "@hatiolab/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "gitHead": "127a7b565d59baadf7764255dcc98c70ac836d70"
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { OxContact } from './ox-contact.js'

package/src/ox-contact-edit.ts

@@ -0,0 +1,261 @@
+import '@material/mwc-icon-button'
+
+import { html, css, LitElement, PropertyValues } from 'lit'
+import { customElement, property, state, query, queryAll } from 'lit/decorators.js'
+import { Contact, ContactField, ContactItem } from './ox-contact'
+import { ScrollbarStyles } from '@operato/styles'
+
+@customElement('ox-contact-edit')
+export class OxContactEdit extends LitElement {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: block;
+        padding: 25px;
+
+        --mdc-icon-button-size: 16px;
+        --mdc-icon-size: 16px;
+      }
+
+      :host > div {
+        padding: 10px 0;
+        display: block;
+        border-bottom: 1px solid blue;
+      }
+
+      :host > div > div {
+        padding: 4px 0;
+        box-sizing: border-box;
+
+        display: flex;
+        flex-direction: row;
+        gap: 10px;
+      }
+
+      :host > div > div:hover {
+        position: relative;
+      }
+
+      [data-item='label'] {
+        width: 100px;
+        text-align: right;
+      }
+
+      [data-item='value'] {
+        flex: 1;
+      }
+
+      :host > div[name] {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        font-weight: bold;
+        font-size: 1.4em;
+      }
+
+      :host > div[name] > [monogram] {
+        display: inline-block;
+        width: 100px;
+        height: 100px;
+        line-height: 100px;
+        border-radius: 999px;
+        border: 1px solid darkgray;
+        box-sizing: border-box;
+        padding: 0;
+        font-size: 40px;
+        font-family: system-ui;
+        overflow: hidden;
+        text-align: center;
+        vertical-align: center;
+        background-color: gray;
+        color: white;
+        text-transform: uppercase;
+      }
+
+      :host > div[name] > div[name-content] {
+        flex: 1;
+
+        display: flex;
+        flex-direction: column;
+      }
+
+      div[field] {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 10px;
+      }
+
+      div[field] > span {
+        width: 100px;
+        text-align: right;
+      }
+
+      div[field] > input {
+        flex: 1;
+      }
+
+      textarea {
+        width: 100%;
+        height: 100px;
+      }
+
+      div[buttons] {
+        display: flex;
+        flex-direction: row-reverse;
+        gap: 10px;
+      }
+    `
+  ]
+
+  @property({ type: Object }) contact: Contact = {}
+
+  @state() private stageContact: Contact = JSON.parse(JSON.stringify(this.contact))
+
+  @query('#note') note!: HTMLTextAreaElement
+  @queryAll('[field]') fields!: NodeListOf<HTMLDivElement>
+
+  render() {
+    const { items = [], note } = this.stageContact || {}
+    var sorted: { [type: string]: ContactItem[] } = {}
+
+    items.forEach(item => {
+      if (!sorted[item.type as string]) {
+        sorted[item.type] = [item]
+      } else {
+        sorted[item.type as string].push(item)
+      }
+    })
+
+    const names = [...(sorted[ContactField.Name] || [{ type: ContactField.Name, label: 'name', value: '' }])]
+    const companies = [
+      ...(sorted[ContactField.Company] || [{ type: ContactField.Company, label: 'company', value: '' }])
+    ]
+
+    return html`
+      <div name>
+        <div monogram>${names[0]?.value.replace(/\s/g, '').slice(0, 2)}</div>
+        <div name-content>
+          ${names.map(
+            item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>
+              <span>name</span>
+              <input type="hidden" .value=${item.label} data-item="label" disabled />
+              <input type="text" .value=${item.value} data-item="value" />
+            </div>`
+          )}
+          ${companies.map(
+            item => html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>
+              <span>company</span>
+              <input type="hidden" .value=${item.label} data-item="label" disabled />
+              <input type="text" .value=${item.value} data-item="value" />
+            </div>`
+          )}
+        </div>
+      </div>
+      ${['email', 'phone', 'address'].map(type => {
+        var items = [...(sorted[type] || []), { type: type as ContactField, label: 'work', value: '' }]
+
+        return html`
+          <div data-type=${type}>
+            ${type}
+            ${items.map(
+              item =>
+                html`<div @change=${(e: Event) => this.onChangeItem(e, item)} .item=${item} field>
+                  ${item.value
+                    ? html`<mwc-icon-button
+                        icon="cancel"
+                        @click=${() => {
+                          item.value = ''
+                          this.buildStageContact()
+                        }}
+                      ></mwc-icon-button>`
+                    : html`<mwc-icon-button></mwc-icon-button>`}
+                  <select .value=${item.label} data-item="label">
+                    ${['home', 'work', 'other', 'mobile'].map(
+                      option => html` <option value=${option} ?selected=${option === item.label}>${option}</option>`
+                    )}
+                  </select>
+                  <input type="text" .value=${item.value} data-item="value" />
+                </div>`
+            )}
+          </div>
+        `
+      })}
+      <div note>
+        note
+        <textarea id="note" .value=${note || ''} @change=${() => this.buildStageContact()}></textarea>
+      </div>
+
+      <div buttons>
+        <button value="Done" @click=${() => this.onSave()}>Done</button>
+        <button value="Cancel" @click=${() => this.onCancel()}>Cancel</button>
+        <button value="Reset" @click=${() => this.onReset()}>Reset</button>
+      </div>
+    `
+  }
+
+  updated(changes: PropertyValues<this>) {
+    if (changes.has('contact')) {
+      this.stageContact = JSON.parse(JSON.stringify(this.contact))
+    }
+  }
+
+  buildItems() {
+    const items: ContactItem[] = []
+
+    this.fields.forEach(fieldElement => {
+      const item = (fieldElement as any).item
+      if (item.value) {
+        items.push(item)
+      }
+    })
+
+    return items
+  }
+
+  buildStageContact() {
+    this.stageContact = {
+      ...this.stageContact,
+      note: this.note.value,
+      items: this.buildItems()
+    }
+  }
+
+  onChangeItem(e: Event, item: ContactItem) {
+    const target = e.currentTarget as HTMLElement
+    const labelElement = target.querySelector('[data-item="label"') as HTMLSelectElement
+    const valueElement = target.querySelector('[data-item="value"') as HTMLInputElement
+
+    item.label = labelElement.value
+    item.value = valueElement.value
+
+    if (e.target === valueElement || item.value) {
+      this.buildStageContact()
+    }
+  }
+
+  onSave() {
+    this.buildStageContact()
+
+    this.dispatchEvent(
+      new CustomEvent('edit-done', {
+        detail: this.stageContact
+      })
+    )
+  }
+
+  onCancel() {
+    this.dispatchEvent(
+      new CustomEvent('edit-cancel', {
+        detail: this.stageContact
+      })
+    )
+  }
+
+  onReset() {
+    this.buildStageContact()
+
+    this.stageContact = JSON.parse(JSON.stringify(this.contact))
+  }
+}

package/src/ox-contact-view.ts

@@ -0,0 +1,146 @@
+import { html, css, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+import { Contact, ContactField, ContactItem } from './ox-contact'
+
+@customElement('ox-contact-view')
+export class OxContactView extends LitElement {
+  static styles = css`
+    :host {
+      display: block;
+    }
+
+    :host > div {
+      padding: 10px 0;
+      display: block;
+      border-bottom: 1px solid blue;
+    }
+
+    :host > div > div {
+      padding: 4px 0;
+      box-sizing: border-box;
+
+      display: flex;
+      flex-direction: row;
+      gap: 10px;
+    }
+
+    :host > div > div:hover {
+      position: relative;
+    }
+
+    :host > div > div:hover::before {
+      content: '';
+      display: block;
+      position: absolute;
+      text-align: left;
+      line-height: 24px;
+      top: 0;
+      right: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0.3;
+      background-image: linear-gradient(var(--primary-color, gray), var(--primary-color, gray));
+      z-index: -1;
+    }
+
+    [data-item='label'] {
+      width: 100px;
+      text-align: right;
+    }
+
+    [data-item='value'] {
+      flex: 1;
+    }
+
+    :host > div[name] {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-weight: bold;
+      font-size: 1.4em;
+    }
+
+    :host > div[name] > [monogram] {
+      display: inline-block;
+      width: 100px;
+      height: 100px;
+      line-height: 100px;
+      border-radius: 999px;
+      border: 1px solid darkgray;
+      box-sizing: border-box;
+      padding: 0;
+      font-size: 40px;
+      font-family: system-ui;
+      overflow: hidden;
+      text-align: center;
+      vertical-align: center;
+      background-color: gray;
+      color: white;
+      text-transform: uppercase;
+    }
+
+    :host > div[name] > div[name-content] {
+      flex: 1;
+
+      display: flex;
+      flex-direction: column;
+    }
+  `
+
+  @property({ type: Object }) contact: Contact = {}
+
+  render() {
+    const { items = [], note } = this.contact || {}
+    var sorted: { [type: string]: ContactItem[] } = {}
+
+    items.forEach(item => {
+      if (!sorted[item.type as string]) {
+        sorted[item.type] = [item]
+      } else {
+        sorted[item.type as string].push(item)
+      }
+    })
+
+    const names = sorted[ContactField.Name] || []
+    const companies = sorted[ContactField.Company] || []
+
+    return html`
+      <div name>
+        <div monogram>${names[0]?.value.replace(/\s/g, '').slice(0, 2)}</div>
+        <div name-content>
+          ${names.map(
+            item =>
+              html`<div>
+                <span data-item="value">${item.value}</span>
+              </div>`
+          )}
+          ${companies.map(
+            item =>
+              html`<div>
+                <span data-item="value">${item.value}</span>
+              </div>`
+          )}
+        </div>
+      </div>
+      ${['email', 'phone', 'address', 'company', 'etc']
+        .map(type => sorted[type])
+        .filter(items => items && items.length > 0)
+        .map(
+          items => html`<div data-type=${items[0].type}>
+            ${items[0].type}
+            ${items.map(
+              item =>
+                html`<div>
+                  <label data-item="label">${item.label}</label>
+                  <span data-item="value">${item.value}</span>
+                </div>`
+            )}
+          </div>`
+        )}
+      <div note>
+        note
+        <div>${note || ''}</div>
+      </div>
+    `
+  }
+}