@churchillliving/se-ui-toolkit 6.52.71 → 6.52.73

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -7866,7 +7866,7 @@
     CardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'se-card',
-                    template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n  cdkDropList\r\n  cdkDropListOrientation=\"horizontal\"\r\n  class=\"example-list\"\r\n  (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n  <div \r\n  class=\"p-d-flex cards-wrapper\" \r\n  [ngStyle]=\"{ width: width, height: height }\" \r\n  *ngIf=\"data\" \r\n  [class]=\"card && card.class ? card.class : ''\">\r\n    <div\r\n      cdkDrag\r\n      class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n      [class]=\"\r\n        card && card.width && card.width.length > 0\r\n          ? 'p-col-' + card.width\r\n          : 'p-col-3'\r\n      \"\r\n      *ngFor=\"let file of data; let i = index\"\r\n      (click)=\"onClickEvent(file,i)\"\r\n      [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n    >\r\n      <!-- start cards image functionality -->\r\n      <se-file\r\n        [url]=\"file.blobfileurl\"\r\n        [type]=\"file.fileextension\"\r\n        [caption]=\"file?.filecaption\"\r\n        [height]=\"card?.height\"\r\n        [allowDownloadFile]=\"card?.allowDownload\"\r\n        [allowEditableCaption]=\"card?.allowEditableCaption\"\r\n        [allowDeleteFile]=\"card?.allowDelete\"\r\n        [name]=\"file.blobfileurl\"\r\n        [id]=\"file.fileextension\"\r\n        (onDeleteEvent)=\"deleteImage($event)\"\r\n        (onSaveEvent)=\"saveCaption($event)\"\r\n      ></se-file>\r\n      <!-- End cards image functionality -->\r\n\r\n      <!-- start form functionality in card -->\r\n      <se-form\r\n        class=\"form-content\"\r\n        [form]=\"file.dynamicform\"\r\n        [hideSaveButton]=\"true\"\r\n        [hideCancelButton]=\"true\"\r\n      ></se-form>\r\n      <!-- End form functionality in card -->\r\n    </div>\r\n  </div>\r\n\r\n  <!-- in case of form and data is empty or null -->\r\n  <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\r\n    <se-form\r\n      cdkDrag\r\n      *ngIf=\"dynamicForm\"\r\n      [form]=\"dynamicForm\"\r\n      [hideSaveButton]=\"true\"\r\n      [hideCancelButton]=\"true\"\r\n    ></se-form>\r\n  </div>\r\n</div>\r\n",
+                    template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n  cdkDropList\r\n  cdkDropListOrientation=\"horizontal\"\r\n  class=\"example-list\"\r\n  (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n  <div \r\n  class=\"p-d-flex cards-wrapper\" \r\n  [ngStyle]=\"{ width: width, height: height }\" \r\n  *ngIf=\"data\" \r\n  [class]=\"card && card.class ? card.class : ''\">\r\n    <div\r\n      cdkDrag\r\n      class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n      [class]=\"\r\n        card && card.width && card.width.length > 0\r\n          ? 'p-col-' + card.width\r\n          : 'p-col-3'\r\n      \"\r\n      *ngFor=\"let file of data; let i = index\"\r\n      (click)=\"onClickEvent(file,i)\"\r\n      [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n    >\r\n      <!-- start cards image functionality -->\r\n      <se-file\r\n        [url]=\"file.url\"\r\n        [type]=\"file.fileextension\"\r\n        [caption]=\"file?.filecaption\"\r\n        [height]=\"card?.height\"\r\n        [allowDownloadFile]=\"card?.allowDownload\"\r\n        [allowEditableCaption]=\"card?.allowEditableCaption\"\r\n        [allowDeleteFile]=\"card?.allowDelete\"\r\n        [name]=\"file.blobfileurl\"\r\n        [id]=\"file.fileextension\"\r\n        (onDeleteEvent)=\"deleteImage($event)\"\r\n        (onSaveEvent)=\"saveCaption($event)\"\r\n      ></se-file>\r\n      <!-- End cards image functionality -->\r\n\r\n      <!-- start form functionality in card -->\r\n      <se-form\r\n        class=\"form-content\"\r\n        [form]=\"file.dynamicform\"\r\n        [hideSaveButton]=\"true\"\r\n        [hideCancelButton]=\"true\"\r\n      ></se-form>\r\n      <!-- End form functionality in card -->\r\n    </div>\r\n  </div>\r\n\r\n  <!-- in case of form and data is empty or null -->\r\n  <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\r\n    <se-form\r\n      cdkDrag\r\n      *ngIf=\"dynamicForm\"\r\n      [form]=\"dynamicForm\"\r\n      [hideSaveButton]=\"true\"\r\n      [hideCancelButton]=\"true\"\r\n    ></se-form>\r\n  </div>\r\n</div>\r\n",
                     styles: [":host ::ng-deep .custom-card .action-buttons{display:flex;justify-content:flex-end;background-color:#eee;position:absolute;top:0;left:0;width:100%;visibility:hidden}:host ::ng-deep .custom-card .p-card-body{padding:0}:host ::ng-deep .custom-card .p-card-content{padding:0}:host ::ng-deep .custom-card .p-button.p-button-icon-only{padding:5px;height:unset}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}:host ::ng-deep .form-content .fixed-height{height:unset!important}:host ::ng-deep .p-accordion-content{border:1px solid lightgray;border-top:1px solid lightgray;border-radius:10px!important;box-shadow:1px 1px 1px #0003,1px 1px 1px inset #0003}:host ::ng-deep .card-active .p-accordion-content{background:#eee!important}.cards-wrapper{padding:10px;overflow:auto}.custom-card{width:100%;height:400px}.custom-card .image-wrapper{position:relative}.custom-card .image-wrapper img{width:100%;height:300px}.custom-card h4{margin:auto;text-align:center;width:90%;height:27px;padding-bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list span{height:unset!important}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-icons{background-color:#eee;text-align:right;opacity:0}.example-box:hover .header-icons{opacity:1}.card-active{transform:scale(1.1);transition:all .2s linear;z-index:999}\n"]
                 },] }
     ];