@uxland-admin/ip-context-info - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

components/ip-ci-dialog-item/ip-ci-dialog-item-styles.js

 import { html } from '@polymer/lit-element';
-export default html `<style>mwc-fab{--mdc-theme-secondary: #00bcd4}mwc-button{--mdc-theme-primary: #26c5da}mwc-checkbox{--mdc-theme-secondary: #26c5da}#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}.content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.patient-header{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #1263a4;margin-bottom:32px;padding-bottom:32px}.name{font-size:1.714rem;line-height:1.714rem;font-weight:300;margin-right:32px}.metadata{opacity:.6;font-weight:300;font-size:1.143rem}.summary{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ffffff14}.summary-text{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1 0 50%}.summary-data{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1 0 50%}.text-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:32px}.text-item .label{opacity:.6;font-weight:300}.text-item .value{font-size:1.714rem;line-height:24px;font-weight:300}.text-item .value span{margin-right:24px}.text-item .value span:first-letter{text-transform:uppercase}.data-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;margin-bottom:32px}.data-item iron-icon{margin-right:10px;width:55px;height:40px;opacity:.7}.data-info{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.data-info .label{opacity:.6;font-weight:300}.data-info .value{font-size:1.714rem;line-height:1.714rem;font-weight:300}
+export default html `<style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}.content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.patient-header{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #1263a4;margin-bottom:32px;padding-bottom:32px}.name{font-size:1.714rem;line-height:1.714rem;font-weight:300;margin-right:32px}.metadata{opacity:.6;font-weight:300;font-size:1.143rem}.summary{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ffffff14}.summary-text{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1 0 50%}.summary-data{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1 0 50%}.text-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:32px}.text-item .label{opacity:.6;font-weight:300}.text-item .value{font-size:1.714rem;line-height:24px;font-weight:300}.text-item .value span{margin-right:24px}.text-item .value span:first-letter{text-transform:uppercase}.data-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;margin-bottom:32px}.data-item iron-icon{margin-right:10px;width:55px;height:40px;opacity:.7}.data-info{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.data-info .label{opacity:.6;font-weight:300}.data-info .value{font-size:1.714rem;line-height:1.714rem;font-weight:300}
 </style>`;

components/ip-ci/ip-ci-styles.js

 import { html } from '@polymer/lit-element';
-export default html `<style>mwc-fab{--mdc-theme-secondary: #00bcd4}mwc-button{--mdc-theme-primary: #26c5da}mwc-checkbox{--mdc-theme-secondary: #26c5da}#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:flex;margin-left:32px}*[hidden]{display:none !important}#context-info-toolbar{background-color:#F7F7F7;padding:6px 12px;border-radius:5px;font-size:12px;color:#37464D;cursor:pointer}#context-info-toolbar:hover{background-color:#D9D9D9}#context-info-dialog{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#01589d;color:#fff;z-index:1000}#context-info-dialog-header{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:24px}#context-info-dialog-container{padding:0 90px;overflow-y:auto}#context-info-dialog-container::-webkit-scrollbar-track{background-color:#01589d}#context-info-dialog-container::-webkit-scrollbar{background-color:#01589d}#context-info-dialog-container::-webkit-scrollbar-thumb{background-color:#84cfff}paper-icon-button{--iron-icon-fill-color: #fff;padding:0}
+export default html `<style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:flex;margin-left:32px}*[hidden]{display:none !important}#context-info-toolbar{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:12px;color:#fff}#context-info-toolbar paper-icon-button{width:40px;height:40px;padding:8px;margin-right:6px;--iron-icon-fill-color: #03a9f4}#context-info-toolbar paper-icon-button:hover{background-color:#546e7a;border-radius:50%}#context-info-toolbar .diagnostic{font-weight:500;font-size:.9286rem;margin-right:12px;line-height:1rem}.context-info{text-transform:uppercase;opacity:.67}.separator{border-right:1px solid #798188;height:20px;margin:0 16px 0 24px}#context-info-dialog{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#01589d;color:#fff;z-index:1000}#context-info-dialog-header{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:24px}#context-info-dialog-container{padding:0 90px;overflow-y:auto}#context-info-dialog-container::-webkit-scrollbar-track{background-color:#01589d}#context-info-dialog-container::-webkit-scrollbar{background-color:#01589d}#context-info-dialog-container::-webkit-scrollbar-thumb{background-color:#84cfff}paper-icon-button{--iron-icon-fill-color: #fff;padding:0}
 </style>`;

components/ip-ci/ip-ci-template.js

 import { html } from '@polymer/lit-element/lit-element';
-import { moduleName } from "../../constants";
 import '@polymer/paper-icon-button/paper-icon-button';
@@ -8,3 +7,8 @@ import { iconTemplate } from '../ip-cs-icons';
 ${props.contextInfo
-    ? html `<div id="context-info-toolbar">${props.contextInfo.description} - ${props.localize(`${moduleName}.diagnostic`)}: ${props.contextInfo.diagnostic}</div>`
+    ? html `<div id="context-info-toolbar">
+                <paper-icon-button id="open-context" icon="ip-ci-icons:info-outline"></paper-icon-button>
+                <div class="diagnostic">${props.contextInfo.diagnostic}</div>
+                <div class="context-info">${props.contextInfo.description}</div>
+                <div class="separator"></div>
+            </div>`
     : html `-`}
@@ -18,6 +22,3 @@ <div ?hidden="${!props.displayInfo}" id="context-info-dialog">
     </div>
-</div>
-
-
-`;
+</div>`;
 export const template = innerTemplate;

components/ip-ci/ip-ci.js

@@ -47,3 +47,3 @@ import * as tslib_1 from "tslib";
 tslib_1.__decorate([
-    listen('click', '#context-info-toolbar'),
+    listen('click', '#open-context'),
     tslib_1.__metadata("design:type", Function),
@@ -50,0 +50,0 @@ tslib_1.__metadata("design:paramtypes", [Object]),

components/ip-cs-icons.js

@@ -10,2 +10,3 @@ import '@polymer/iron-icons/iron-icons';
       <g id="total"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></g>
+      <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
    </defs>
@@ -12,0 +13,0 @@ </svg>

index.d.ts

@@ -98,3 +98,3 @@ declare module '@uxland-admin/ip-context-info/constants' {
 declare module '@uxland-admin/ip-context-info/components/ip-ci/ip-ci-styles' {
-	 const _default: import("lit-html/lib/template-result").TemplateResult;
+	 const _default: import("lit-html").TemplateResult;
 	export default _default;
@@ -110,3 +110,3 @@
 declare module '@uxland-admin/ip-context-info/components/ip-ci/ip-ci' {
-	import { IRegion } from '@uxland/uxl-regions'; const IpCi_base: import("@uxland/uxl-regions/region-host-mixin").IRegionHostMixin<{}>;
+	import { IRegion } from '@uxland/uxl-regions'; const IpCi_base: import("@uxland/uxl-regions").IRegionHostMixin<{}>;
 	export class IpCi extends IpCi_base {
@@ -126,3 +126,3 @@ activeChanged(current: boolean): void;
 declare module '@uxland-admin/ip-context-info/components/ip-ci-dialog-item/ip-ci-dialog-item-styles' {
-	 const _default: import("lit-html/lib/template-result").TemplateResult;
+	 const _default: import("lit-html").TemplateResult;
 	export default _default;
@@ -129,0 +129,0 @@

main.js

@@ -8,3 +8,3 @@ import { calculateModuleBaseRoute } from '@uxland/uxl-prism/calculate-module-base.route';
 import { regionManager } from "@uxland/uxl-regions/region-manager";
-import { header } from '@uxland-admin/ics-process-core/regions';
+import { actionsToolbar } from '@uxland-admin/ics-process-core/regions';
 import { infoContent } from '@uxland-admin/context-info-core/regions';
@@ -16,3 +16,3 @@ export const initialize = (mi) => {
     injectReducer(moduleName, reducer);
-    regionManager.registerViewWithRegion(header, moduleName, { htmlTag: 'ip-ci', htmlUrl: url('ip-ci/ip-ci'), sortHint: '002' });
+    regionManager.registerViewWithRegion(actionsToolbar, moduleName, { htmlTag: 'ip-ci', htmlUrl: url('ip-ci/ip-ci'), sortHint: '002' });
     regionManager.registerViewWithRegion(infoContent, moduleName, { htmlTag: 'ip-ci-dialog-item', htmlUrl: url('ip-ci-dialog-item/ip-ci-dialog-item'), sortHint: '002' });
@@ -19,0 +19,0 @@ };

package.json

 {
   "name": "@uxland-admin/ip-context-info",
   "description": "ICS Process - Context info",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "main": "index.js",
@@ -30,3 +30,3 @@ "repository": {
     "typescript": "^3.1.6",
-    "@uxland-admin/ics-process": "1.1.21"
+    "@uxland-admin/ics-process": "1.1.29"
   },
@@ -33,0 +33,0 @@ "dependencies": {

No alert changes

Improved metrics

Total package byte prevSize

23451

increased by2.52%

Lines of code

402

increased by1.26%

No dependency changes