@churchillliving/se-ui-toolkit 6.53.362 → 6.53.363

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

@@ -8920,7 +8920,7 @@
   CardComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: 'se-card',
-                  template: "<!-- Display Files Card -->\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\n<div\n  cdkDropList\n  cdkDropListOrientation=\"horizontal\"\n  class=\"example-list\"\n  (cdkDropListDropped)=\"dragAndDrop($event)\"\n>\n  <div \n  class=\"p-d-flex cards-wrapper\" \n  [ngStyle]=\"{ width: width, height: height }\" \n  *ngIf=\"data\" \n  [class]=\"card && card.class ? card.class : ''\">\n    <div\n      cdkDrag\n      class=\"example-box p-d-flex p-flex-column cards-wrapper\"\n      [class]=\"\n        card && card.width && card.width.length > 0\n          ? 'p-col-' + card.width\n          : 'p-col-3'\n      \"\n      *ngFor=\"let file of data; let i = index\"\n      (click)=\"onClickEvent(file,i)\"\n      [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\n    >\n      <!-- start cards image functionality -->\n      <se-file\n        [url]=\"file.blobfileurl\"\n        [type]=\"file.fileextension\"\n        [caption]=\"file?.filecaption\"\n        [height]=\"card?.height\"\n        [allowDownloadFile]=\"card?.allowDownload\"\n        [allowEditableCaption]=\"card?.allowEditableCaption\"\n        [allowDeleteFile]=\"card?.allowDelete\"\n        [name]=\"file.blobfileurl\"\n        [id]=\"file.fileextension\"\n        (onDeleteEvent)=\"deleteImage($event)\"\n        (onSaveEvent)=\"saveCaption($event)\"\n      ></se-file>\n      <!-- End cards image functionality -->\n\n      <!-- start form functionality in card -->\n      <se-form\n        class=\"form-content\"\n        [form]=\"file.dynamicform\"\n        [hideSaveButton]=\"true\"\n        [hideCancelButton]=\"true\"\n      ></se-form>\n      <!-- End form functionality in card -->\n    </div>\n  </div>\n\n  <!-- in case of form and data is empty or null -->\n  <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\n    <se-form\n      cdkDrag\n      *ngIf=\"dynamicForm\"\n      [form]=\"dynamicForm\"\n      [hideSaveButton]=\"true\"\n      [hideCancelButton]=\"true\"\n    ></se-form>\n  </div>\n</div>\n",
+                  template: "<!-- Display Files Card -->\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\n<div\n  cdkDropList\n  cdkDropListOrientation=\"horizontal\"\n  class=\"example-list\"\n  (cdkDropListDropped)=\"dragAndDrop($event)\"\n>\n  <div \n  class=\"p-d-flex cards-wrapper\" \n  [ngStyle]=\"{ width: width, height: height }\" \n  *ngIf=\"data\" \n  [class]=\"card && card.class ? card.class : ''\">\n    <div\n      cdkDrag\n      class=\"example-box p-d-flex p-flex-column cards-wrapper\"\n      [class]=\"\n        card && card.width && card.width.length > 0\n          ? 'p-col-' + card.width\n          : 'p-col-3'\n      \"\n      *ngFor=\"let file of data; let i = index\"\n      (click)=\"onClickEvent(file,i)\"\n      [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\n    >\n      <!-- start cards image functionality -->\n      <se-file\n        [url]=\"file.blobfileurl\"\n        [type]=\"file.fileextension\"\n        [caption]=\"file?.filecaption\"\n        [height]=\"card?.height\"\n        [allowDownloadFile]=\"card?.allowDownload\"\n        [allowEditableCaption]=\"card?.allowEditableCaption\"\n        [allowDeleteFile]=\"card?.allowDelete\"\n        [name]=\"file.blobfileurl\"\n        [id]=\"file.fileextension\"\n        (onDeleteEvent)=\"deleteImage($event)\"\n        (onSaveEvent)=\"saveCaption($event)\"\n      ></se-file>\n      <!-- End cards image functionality -->\n\n      <!-- start form functionality in card -->\n      <se-form\n        class=\"form-content\"\n        [form]=\"file.dynamicform\"\n        [hideSaveButton]=\"true\"\n        [hideCancelButton]=\"true\"\n      ></se-form>\n      <!-- End form functionality in card -->\n    </div>\n  </div>\n\n  <!-- in case of form and data is empty or null -->\n  <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\n    <se-form\n      *ngIf=\"dynamicForm\"\n      [form]=\"dynamicForm\"\n      [hideSaveButton]=\"true\"\n      [hideCancelButton]=\"true\"\n    ></se-form>\n  </div>\n</div>\n",
                   styles: [":host ::ng-deep .custom-card .action-buttons{visibility:hidden}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}.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-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:hover .header-icons{opacity:1}.card-active{transform:scale(1.1);transition:all .2s linear;z-index:999}\n"]
               },] }
   ];