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

Comparing version 1.0.23 to 1.0.24

app/context-info/context-info-view.js

@@ -5,1 +5,2 @@ import { createSelector } from "reselect";
 export const contextInfoView = createSelector(contextInfoSelector, (res) => res && res.state);
+export const isFetchingSelector = createSelector(contextInfoSelector, res => res.isFetching);

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

 import { html } from '@polymer/lit-element';
-export default html `<custom-style><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:row;-webkit-flex-direction:row;flex-direction:row}.episode-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;flex:0 0 25%}.episode-container iron-icon{color:#00B0FF;margin-right:16px}.episode-container .episode-title{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.episode-container .episode-title span{color:#00B0FF;font-size:1.571rem;font-weight:300;line-height:1.857rem}.episode-container .days{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:baseline;color:#00B0FF}.episode-container .days .days-value{font-size:74px;font-weight:100;margin-right:6px}.episode-container .days .days-label{text-transform:uppercase;font-weight:500;font-size:.8571rem}.metadata{opacity:.6;font-weight:300;font-size:1.143rem}.summary{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-left:42px;flex:0 0 50%}.summary-text{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.text-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:24px;padding-bottom:6px;border-bottom:1px solid #445661}.label{font-size:.8571rem;text-transform:uppercase;opacity:.5}.value{font-size:1.286rem;line-height:24px;font-weight:300;opacity:.9;text-transform:lowercase}.value:first-letter{text-transform:uppercase}.summary-data{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}.summary-data .data-item:nth-child(1){margin-right:12px}.summary-data .data-item:nth-child(3){margin-right:12px}.data-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:24px;flex:1 0 47%;padding-bottom:6px;border-bottom:1px solid #445661}
+export default html `<custom-style><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}uxl-progress-indicator{-ms-flex:1;-webkit-flex:1;flex:1;--uxl-progress-indicator-background-color: transparent;--uxl-progress-indicator-title-color: white;--uxl-progress-indicator-color: white}.content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.episode-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;flex:0 0 25%}.episode-container iron-icon{color:#00B0FF;margin-right:16px}.episode-container .episode-title{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.episode-container .episode-title span{color:#00B0FF;font-size:1.571rem;font-weight:300;line-height:1.857rem}.episode-container .days{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:baseline;color:#00B0FF}.episode-container .days .days-value{font-size:74px;font-weight:100;margin-right:6px}.episode-container .days .days-label{text-transform:uppercase;font-weight:500;font-size:.8571rem}.metadata{opacity:.6;font-weight:300;font-size:1.143rem}.summary{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-left:42px;flex:0 0 50%}.summary-text{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.text-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:24px;padding-bottom:6px;border-bottom:1px solid #445661}.label{font-size:.8571rem;text-transform:uppercase;opacity:.5}.value{font-size:1.286rem;line-height:24px;font-weight:300;opacity:.9;text-transform:lowercase}.value:first-letter{text-transform:uppercase}.summary-data{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}.summary-data .data-item:nth-child(1){margin-right:12px}.summary-data .data-item:nth-child(3){margin-right:12px}.data-item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-bottom:24px;flex:1 0 47%;padding-bottom:6px;border-bottom:1px solid #445661}
 </style></custom-style>`;

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

 import { html } from '@polymer/lit-element/lit-element';
 import { moduleName } from "../../constants";
+import '@uxland/uxl-progress-indicator/uxl-progress-indicator';
 const innerTemplate = (props) => html `
+<uxl-progress-indicator .active="${props.isFetching}" .text="${props.localize(`${moduleName}.busy`)}">
 ${props.contextInfo ? html `
@@ -48,3 +50,4 @@ <div class="content">
 ` : ``}
+</uxl-progress-indicator>
 `;
 export const template = innerTemplate;

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

@@ -7,3 +7,3 @@ import * as tslib_1 from "tslib";
 import { template as TEMPLATE } from './ip-ci-dialog-item-template.js';
-import { contextInfoView } from "../../app/context-info/context-info-view";
+import { contextInfoView, isFetchingSelector } from "../../app/context-info/context-info-view";
 import { format, differenceInDays } from 'date-fns';
@@ -28,2 +28,6 @@ let IpCiDialogItem = class IpCiDialogItem extends Locale(LitElement) {
 ], IpCiDialogItem.prototype, "contextInfo", void 0);
+tslib_1.__decorate([
+    property({ statePath: isFetchingSelector }),
+    tslib_1.__metadata("design:type", Boolean)
+], IpCiDialogItem.prototype, "isFetching", void 0);
 IpCiDialogItem = tslib_1.__decorate([
@@ -30,0 +34,0 @@ customElement('ip-ci-dialog-item')

components/ip-context-region/ip-context-region-styles.js

 import { html } from '@polymer/lit-element';
-export default html `<custom-style><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:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1}#context-info-region-container{padding:32px 0 32px 48px}
+export default html `<custom-style><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:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1}#context-info-region-container{padding:32px 0 32px 48px;width:100%}
 </style></custom-style>`;

index.d.ts

@@ -11,2 +11,3 @@ declare module '@uxland-admin/ip-context-info/constants' {
 	        [moduleName]: {
+	            busy: string;
 	            diagnostic: string;
@@ -82,2 +83,3 @@ origen: string;
 	export const contextInfoView: import("reselect").OutputSelector<import("../../reducer").AppContextInfoState, ContextInfo, (res: AsyncState<ContextInfo>) => ContextInfo>;
+	export const isFetchingSelector: import("reselect").OutputSelector<import("../../reducer").AppContextInfoState, boolean, (res: AsyncState<ContextInfo>) => boolean>;
 
@@ -102,2 +104,3 @@ }
 	import { TemplateResult } from 'lit-html';
+	import '@uxland/uxl-progress-indicator/uxl-progress-indicator';
 	export const template: (props: any) => TemplateResult;
@@ -111,3 +114,4 @@
 	    contextInfo: string;
-	    formatDate(date: any): string;
+	    isFetching: boolean;
+	    formatDate(date: any): any;
 	    formatEmptyValue(value: any): any;
@@ -114,0 +118,0 @@ readonly episodeDays: number;

locales.js

@@ -5,2 +5,3 @@ import { moduleName } from "./constants";
         [moduleName]: {
+            busy: 'Carregant dades',
             diagnostic: 'Diagnòstic',
@@ -7,0 +8,0 @@ origen: 'Origen de la visita',

package.json

 {
   "name": "@uxland-admin/ip-context-info",
   "description": "ICS Process - Context info",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "main": "index.js",
@@ -6,0 +6,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

26058

increased by3.9%

Lines of code

426

increased by3.4%

No dependency changes