ps-toolkit-ui 1.11.36 → 1.11.39

package/bundles/ps-toolkit-ui.umd.js

@@ -77,7 +77,7 @@
     AccordionComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-accordion',
-                    template: "<div [id]=\"'Accordion' + accordion.name\" [className]=\"'accordion ' + accordion.class\">\r\n  <div *ngIf=\"accordion.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"accordion.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!accordion.access\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"accordion.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!accordion.access\" class=\"loading access\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ accordion.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <div *ngIf=\"accordion.displayLabel\" class=\"title underline\">{{accordion.l(accordion.name)}}</div>\r\n  <div class=\"accordion-item-con w-100\" *ngFor=\"let acc of accordion.rows; let i = index\">\r\n    <div class=\"accordion-item\" [id]=\"'AccordionRow' + acc.id\" *ngIf=\"acc.show\">\r\n      <div class=\"header\" *ngIf=\"accordion.rows.length > 1\" (click)=\"toggle($event)\">\r\n        <div class=\"title\">{{accordion.l(acc.name)}}</div>\r\n        <i [className]=\"(i == 0 ? 'fa-caret-down ' : 'fa-caret-left ') + 'fa-duotone icon'\"></i>\r\n        <i *ngIf=\"accordion.hasDelete\" (click)=\"deleteRow(acc)\" class=\"fas fa-times delete-icon\"></i>\r\n      </div>\r\n      <div [className]=\"(i == 0 ? 'open ' : '') + 'content'\">\r\n        <lib-table *ngIf=\"acc.table != null\" [table]=\"acc.table\"></lib-table>\r\n        <lib-form *ngIf=\"acc.form != null\" [form]=\"acc.form\"></lib-form>\r\n        <lib-chart *ngIf=\"acc.chart != null\" [chart]=\"acc.chart\"></lib-chart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div [id]=\"'Accordion' + accordion.name\" [className]=\"'accordion ' + accordion.class\">\r\n  <div *ngIf=\"accordion.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"accordion.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!accordion.access\" class=\"loading access\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ accordion.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <div *ngIf=\"accordion.rows.length === 0\" class=\"loading access\">\r\n    <div class=\"text\"><i class=\"fa-duotone fa-empty-set icon\"></i>{{ accordion.l(\"EmptyData\") }}</div>\r\n  </div>\r\n  <div *ngIf=\"accordion.displayLabel\" class=\"title underline\">{{accordion.l(accordion.name)}}</div>\r\n  <div class=\"accordion-item-con w-100\" *ngFor=\"let acc of accordion.rows; let i = index\">\r\n    <div class=\"accordion-item\" [id]=\"'AccordionRow' + acc.id\" *ngIf=\"acc.show\">\r\n      <div class=\"header\" *ngIf=\"accordion.rows.length > 1\" (click)=\"toggle($event)\">\r\n        <div class=\"title\">{{accordion.l(acc.name)}}</div>\r\n        <i [className]=\"(i == 0 ? 'fa-caret-down ' : 'fa-caret-left ') + 'fa-duotone icon'\"></i>\r\n        <i *ngIf=\"accordion.hasDelete\" (click)=\"deleteRow(acc)\" class=\"fas fa-times delete-icon\"></i>\r\n      </div>\r\n      <div [className]=\"(i == 0 ? 'open ' : '') + 'content'\">\r\n        <lib-table *ngIf=\"acc.table != null\" [table]=\"acc.table\"></lib-table>\r\n        <lib-form *ngIf=\"acc.form != null\" [form]=\"acc.form\"></lib-form>\r\n        <lib-chart *ngIf=\"acc.chart != null\" [chart]=\"acc.chart\"></lib-chart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:700;height:35px;line-height:35px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}::ng-deep .accordion>.loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.accordion>.title{font-size:16px;font-weight:700;height:30px;line-height:30px;text-align:center}.accordion .accordion-item,.accordion>.title{float:right;margin-bottom:10px;position:relative;width:100%}.accordion .accordion-item .header{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;position:relative;width:100%}.accordion .accordion-item .title{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;cursor:pointer;float:right;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}.accordion .accordion-item .title:hover{background-color:var(--base-dark)}.accordion .accordion-item .header .icon{right:0}.accordion .accordion-item .header .delete-icon,.accordion .accordion-item .header .icon{color:#fff;cursor:pointer;font-size:18px;height:30px;line-height:29px;position:absolute;text-align:center;top:0;width:30px}.accordion .accordion-item .header .delete-icon{left:0}.accordion .accordion-item .content{display:none;float:right;padding:10px;width:100%}.accordion .accordion-item-con:first-of-type .content{display:block}::ng-deep .accordion .accordion-item .content .table-con{box-shadow:unset!important}"]
                 },] }
     ];
@@ -7600,7 +7600,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-chart',
                     template: "<div class=\"chart-con\" [style]=\"chart.style\">\r\n  <div *ngIf=\"chart.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"chart.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"chart.empty\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"chart.l('EmptyData')\"></div>\r\n  </div>\r\n  <div style=\"height: 100%\" [id]=\"this.chart.name + 'Chart'\"></div>\r\n</div>\r\n",
-                    styles: [".chart-con{direction:ltr;float:right;position:relative;width:100%}.chart-con .loading{background-color:#fff;height:100%;position:absolute;right:0;top:0;width:100%;z-index:9}.chart-con .loading .text{direction:rtl;font-weight:700;height:40px;line-height:40px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}"]
+                    styles: [".chart-con{direction:ltr;float:right;min-height:200px;position:relative;width:100%}.chart-con .loading{background-color:#fff;height:100%;position:absolute;right:0;top:0;width:100%;z-index:9}.chart-con .loading .text{direction:rtl;font-weight:700;height:40px;line-height:40px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}"]
                 },] }
     ];
     ChartComponent.ctorParameters = function () { return []; };