@operato/contact 7.0.60 → 7.0.62

package/src/ox-pfp.ts

@@ -32,11 +32,9 @@ export class OxPfp extends LitElement {
 
     md-icon {
       position: absolute;
-    }
 
-    md-icon[icon='fit_screen'] {
-      bottom: 0;
-      left: 0;
+      color: var(--md-sys-color-primary);
+      --md-icon-size: 24px;
     }
 
     md-icon[icon='save'] {
@@ -55,8 +53,8 @@ export class OxPfp extends LitElement {
     }
 
     md-icon[icon='clear'] {
-      top: 0;
-      right: 16px;
+      bottom: 0;
+      left: 0;
     }
   `
 
@@ -69,9 +67,8 @@ export class OxPfp extends LitElement {
 
   render() {
     return this.editMode
-      ? html`<ox-pfp-edit .profile=${this.profile} name=${this.name || ''}>
-          <md-icon title="fit size" icon="fit_screen" @click=${() => this.edit.fit()}>fit_screen</md-icon>
-          <md-icon title="clear" icon="clear" @click=${() => this.edit.clear()}>clear</md-icon>
+      ? html`<ox-pfp-edit .profile=${this.profile} name=${this.name || ''} @dblclick=${() => this.edit.fit()}>
+          <md-icon title="clear" icon="clear" @click=${() => this.edit.clear()}>delete</md-icon>
           <md-icon
             title="save"
             icon="save"

package/stories/ox-contact.stories.ts

@@ -1,5 +1,6 @@
 import { html, TemplateResult } from 'lit'
 import '@material/web/icon/icon.js'
+import '@operato/i18n'
 import '../src/ox-contact.js'
 
 import { Contact, ContactField } from '../src/ox-contact.js'
@@ -45,6 +46,7 @@ const Template: Story<ArgTypes> = ({ contact }: ArgTypes) => html`
 
   <style>
     body {
+      background-color: var(--md-sys-color-surface);
     }
   </style>
 

package/stories/ox-pfp.stories.ts

@@ -1,5 +1,6 @@
 import { html, TemplateResult } from 'lit'
 import '@material/web/icon/icon.js'
+import '@operato/i18n'
 import '../src/ox-pfp.js'
 
 import { Profile } from '../src/ox-pfp-view.js'

package/stories/ox-zoomable-image.stories.ts

@@ -1,3 +1,4 @@
+import '@operato/i18n'
 import '../src/ox-zoomable-image.js'
 
 import { html, TemplateResult } from 'lit'

package/translations/en.json

@@ -0,0 +1,8 @@
+{
+  "button.cancel": "cancel",
+  "button.confirm": "confirm",
+  "button.edit": "edit",
+  "button.reset": "reset",
+  "label.name": "name",
+  "label.company": "compnay"
+}

package/translations/ja.json

@@ -0,0 +1,8 @@
+{
+  "button.cancel": "キャンセル",
+  "button.confirm": "確認",
+  "button.edit": "編集",
+  "button.reset": "リセット",
+  "label.name": "名前",
+  "label.company": "会社"
+}

package/translations/ko.json

@@ -0,0 +1,8 @@
+{
+  "button.cancel": "취소",
+  "button.confirm": "확인",
+  "button.edit": "편집",
+  "button.reset": "리셋",
+  "label.name": "이름",
+  "label.company": "회사"
+}

package/translations/ms.json

@@ -0,0 +1,8 @@
+{
+  "button.cancel": "batal",
+  "button.confirm": "sahkan",
+  "button.edit": "edit",
+  "button.reset": "tetapkan semula",
+  "label.name": "nama",
+  "label.company": "syarikat"
+}

package/translations/zh.json

@@ -0,0 +1,8 @@
+{
+  "button.cancel": "取消",
+  "button.confirm": "确认",
+  "button.edit": "编辑",
+  "button.reset": "重置",
+  "label.name": "名称",
+  "label.company": "公司"
+}