@coolon/angular-ui-powerups 16.1.0-aplpha.18 → 16.1.0-aplpha.181

package/assets/activities/activities.scss

@@ -52,8 +52,10 @@
   aup-activity-body {
     display: block;
 
-    padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
-    padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
+    &:not(.full-height) {
+      padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
+      padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
+    }
 
     &:not(.full-width) {
       padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
@@ -62,7 +64,7 @@
   }
 
   aup-activity-title.transparent-background + aup-activity-body {
-    padding-top: 0;//var(--aup-activity-padding-top, var(--aup-activity-padding));
+    padding-top: 0; //var(--aup-activity-padding-top, var(--aup-activity-padding));
   }
 
   aup-activity-actions {

package/assets/activities/input-activities.scss

@@ -1,12 +1,11 @@
-
 @mixin apply-theme($color-config, $typography-config) {
 
   .aup-input-activity {
 
-    padding-left: var(--aup-activity-padding-left, 0);
-    padding-right: var(--aup-activity-padding-right, 0);
-    padding-top: var(--aup-activity-padding-top, 0);
-    padding-bottom: var(--aup-activity-padding-bottom, 0);
+    padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
+    padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
+    padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
+    padding-right: var(--aup-activity-padding-right, var(--aup-activity-padding));
 
     //&[layout=block] {
     //}
@@ -15,6 +14,7 @@
     &[layout=inline] {
       display: flex;
       flex-direction: row;
+      align-items: center;
     }
 
     aup-activity-actions {
@@ -27,9 +27,17 @@
     padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
     padding-right: var(--aup-activity-padding-right, var(--aup-activity-padding));
 
+    &[layout=inline] {
+      --p: calc(var(--aup-activity-padding)/2);
+      padding-top: var(--aup-activity-padding-top, var(--p));
+      padding-bottom: var(--aup-activity-padding-bottom, var(--p));
+    }
+
     &[layout=block] {
-      padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
+      padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
+      padding-bottom: 0; //var(--aup-activity-padding-bottom, var(--aup-activity-padding));
     }
+
   }
 
 

package/assets/draw.scss

@@ -0,0 +1,20 @@
+mat-drawer-container {
+  background-color: white;
+  &.flex, &[flex] {
+    flex: 1;
+    ::ng-deep {
+      .mat-drawer-inner-container {
+        display:flex;
+        flex-direction: column;
+        align-items: stretch;
+      }
+    }
+
+    mat-drawer-content {
+      display:flex;
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+  }
+}

package/assets/form.scss

@@ -7,6 +7,12 @@
 
   display: block;
 
+  span[matsuffix] {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
   mat-form-field, input {
     width: 100%;
 
@@ -16,6 +22,12 @@
     }
   }
 
+  &.disabled {
+    mat-hint {
+      color: var(--mdc-outlined-text-field-disabled-label-text-color)
+    }
+  }
+
   mat-form-field {
     // matPrefix/Suffix alignment is a bit shit..
     // Icons float much higher than the text, button icons don't center.
@@ -27,10 +39,12 @@
       align-self: flex-end; // sit on the bottom of the line
       align-items: center; // and center our internal content.
     }
+
     /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
     .mat-form-field-infix {
       width: auto;
     }
+
     /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
     /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
     .mat-form-field-suffix {
@@ -39,42 +53,72 @@
       }
     }
 
+    // Stops floating labels being clobbered by the form contents
+    .mdc-text-field--outlined .mdc-notched-outline {
+      z-index: 2;
+    }
+
+    --mat-form-field-subscript-text-line-height: 13px; // was 20px
+    .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper {
+      padding: 0 4px;
+    }
+
   }
 
+  &:not(.dense) {
+    margin-top: 4px; // HACK: make room for the float label
+  }
 
   &.dense {
+
     mat-form-field {
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      .mat-form-field-infix {
-        border-top: none;
-      }
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      .mat-form-field-flex {
-        padding-top: 0;
-        align-items: center; // normally baseline but this causes the date range picker to add about 3px to the height
-      }
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      .mat-form-field-wrapper {
-        padding-bottom: 0;
-        border-bottom: 0;
+      .mat-mdc-form-field-icon-prefix > .mat-icon {
+        padding: 6px 0 6px 8px;
       }
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      .mat-form-field-underline {
-        bottom: 0
-      }
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      &.mat-form-field-can-float.mat-form-field-should-float {
-        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-        .mat-form-field-label-wrapper {
-          display: none;
-        }
+
+      .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
+        min-height: 37px;
+        padding-top: 6px;
+        padding-bottom: 6px;
+
       }
-      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-      &.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
-        transform: translateY(0); // stop the arrow moving up to center with the input and the now missing label.
+
+      .mat-mdc-form-field-subscript-wrapper {
+        // TODO: make it visible if there's a hint or error
+        display: none;
       }
 
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //.mat-form-field-infix {
+      //  border-top: none;
+      //}
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //.mat-form-field-flex {
+      //  padding-top: 0;
+      //  align-items: center; // normally baseline but this causes the date range picker to add about 3px to the height
+      //}
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //.mat-form-field-wrapper {
+      //  padding-bottom: 0;
+      //  border-bottom: 0;
+      //}
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //.mat-form-field-underline {
+      //  bottom: 0
+      //}
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //&.mat-form-field-can-float.mat-form-field-should-float {
+      //  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //  .mat-form-field-label-wrapper {
+      //    display: none;
+      //  }
+      //}
+      ///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+      //&.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
+      //  transform: translateY(0); // stop the arrow moving up to center with the input and the now missing label.
+      //}
+
     }
   }
 }
@@ -87,15 +131,18 @@ aup-table-cell-renderer > .aup-input-component {
   .mat-form-field-flex {
     padding-top: 0;
   }
+
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
   .mat-form-field-infix {
     width: 0; // ensure it doesn't expand the cell.
     //border-top: none; // remove label space
   }
+
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
   .mat-form-field-label-wrapper { // hide the label
     display: none;
   }
+
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
   .mat-form-field-subscript-wrapper {
 

package/assets/icons.scss

@@ -7,6 +7,7 @@
 aup-icon {
   // egregious hackery to get the font awesome icons positioning correctly
   --fa-icon-offset: calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);
+  line-height: 0;
 
   position: relative;
   fa-icon {

package/assets/layout.scss

@@ -0,0 +1,3 @@
+[flex], .flex {
+  flex:1;
+}

package/assets/styles.scss

@@ -4,7 +4,9 @@
 @use "./activities/activities";
 @use "./cards";
 @use "./router";
+@use "./layout";
 @use "./tabs";
+@use "./draw";
 @use "./interaction";
 @use "./form";
 @use "./table";

package/assets/table.scss

@@ -1,16 +1,25 @@
 @use '@angular/material' as mat;
 
-.aup-table-component {
-  --resolved-column-gap: var(--column-gap, var(--aup-table-column-gap, var(--default-padding, 16px))); // material design table column padding
-  --resolved-row-selected-background-color: var(--row-selected-background-color, var(--aup-table-row-selected-background-color, rgba(0, 0, 255, 0.04)));
-  --resolved-row-hover-background-color: var(--row-hover-background-color, var(--aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)));
-  --resolved-first-column-padding-left: var(--first-column-padding-left, var(--aup-table-first-column-padding-left, var(--resolved-column-gap)));
-  --resolved-last-column-padding-right: var(--last-column-padding-right, var(--aup-table-last-column-padding-right, var(--resolved-column-gap)));
-  //--resolved-header-row-height: var(--aup-table-header-row-height, 48px);
-  //--resolved-row-height: var(--aup-table-row-height, 48px);
+:root {
+  --aup-table-column-gap: var(--default-padding, 16px); // material design table column padding
+  --aup-table-row-selected-background-color: rgba(0, 0, 255, 0.04);
+  --aup-table-row-hover-background-color: rgba(0, 0, 0, 0.05);
+  --aup-table-first-column-padding-left: var(--aup-table-column-gap);
+  --aup-table-last-column-padding-right: var(--aup-table-last-column-padding-right, var(--aup-table-column-gap));
+  --aup-table-header-row-height: 48px;
+  --aup-table-row-height: 40px;
+}
 
-  @include mat.all-component-densities(-3);
+.aup-table-component {
+  --resolved-column-gap: var(--column-gap, var(--aup-table-column-gap)); // material design table column padding
+  --resolved-row-selected-background-color: var(--aup-table-row-selected-background-color);
+  --resolved-row-hover-background-color: var(--aup-table-row-hover-background-color);
+  --resolved-first-column-padding-left: var(--aup-table-first-column-padding-left);
+  --resolved-last-column-padding-right: var(--aup-table-last-column-padding-right, var(--resolved-column-gap));
+  --resolved-header-row-height: var(--aup-table-header-row-height);
+  --resolved-row-height: var(--aup-table-row-height);
 
+  @include mat.all-component-densities(-2);
 
   &.hide-header {
     .mat-mdc-table thead {
@@ -26,9 +35,29 @@
     }
 
     tr.mat-mdc-header-row {
-      height: auto;
+      //height: auto;
     }
 
+    tr.mat-mdc-footer-row {
+      min-height: 0;
+      > td {
+        @include mat.all-component-densities(0);
+        aup-table-footer-row {
+          // same as mat-md-cell
+          border-top-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
+          border-top-width: var(--mat-table-row-item-outline-width, 1px);
+          border-top-style: solid;
+
+          padding: 6px var(--resolved-first-column-padding-left) 6px var(--resolved-last-column-padding-right);
+          min-height: var(--resolved-row-height);
+          &.no-padding {
+            padding: 0;
+            height: auto;
+            min-height: auto;
+          }
+        }
+      }
+    }
 
     .mdc-data-table__cell, .mdc-data-table__header-cell {
       padding: 0
@@ -61,6 +90,7 @@
       }
     }
 
+
   }
 
   aup-table-cell, aup-table-header-cell {
@@ -78,7 +108,7 @@
 
     &.last-visible-column {
       padding-right: var(--resolved-last-column-padding-right);
-      &.aup-col-more-menu {
+      &.aup-col-custom-more-menu, &.aup-col-actions {
         padding-right: 0;
       }
     }
@@ -102,12 +132,4 @@
     }
   }
 
-  aup-table-header-cell {
-    //min-height: calc(var(--resolved-header-row-height) - 1px); // subtracting the bottom border width.
-  }
-
-  aup-table-cell {
-    //min-height: var(--resolved-row-height); // same as mat table row height - border bottom.
-  }
-
 }

package/assets/tabs.scss

@@ -5,12 +5,9 @@
 }
 
 [full-height-tabs], mat-tab-group.full-height-tabs {
-  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
-  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
-  .mat-tab-body-wrapper {
+  .mat-mdc-tab-body-wrapper {
     flex: 1;
-    /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
-    mat-tab-body, .mat-tab-body-content {
+    mat-tab-body, .mat-mdc-tab-body-content {
       display: flex;
       flex-direction: column;
       justify-content: stretch;
@@ -18,3 +15,16 @@
   }
 }
 
+mat-tab-group {
+  &[flex], &.flex {
+    flex:1;
+    .mat-mdc-tab-body-wrapper {
+      flex: 1;
+      mat-tab-body, .mat-mdc-tab-body-content {
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+      }
+    }
+  }
+}

package/esm2022/lib/animations/slide-animations.mjs

@@ -2,24 +2,16 @@ import { animate, group, style, transition, trigger } from '@angular/animations'
 const slideDownOnEnterDef = style({
     opacity: 0,
     'height': '0',
+    'max-height': '0',
     paddingTop: '0',
     paddingBottom: '0'
 });
-// TODO: params aren't getting customised in the view.  Need to figure out the correct approach.
-export const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
-    transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
-    transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
-]);
 const slideLeftOnEnterDef = style({
     opacity: 0,
     'width': '0',
     paddingLeft: '0',
     paddingRight: '0'
 });
-export const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
-    transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
-    transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
-]);
 const ZERO_WIDTH = {
     opacity: 0,
     width: '0',
@@ -32,6 +24,19 @@ const ZERO_HEIGHT = {
     paddingTop: '0',
     paddingBottom: '0',
 };
+// TODO: params aren't getting customised in the view.  Need to figure out the correct approach.
+export const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
+    transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
+]);
+export const slideDownWhenOpenAnimation = trigger('slideDownWhenOpen', [
+    transition('closed => open', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition('open => closed', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
+]);
+export const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
+    transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
+]);
 export const slideDownAndRightOnEnterAnimation = trigger('slideDownAndRightOnEnter', [
     transition(':enter', [
         style({ overflow: "hidden", whiteSpace: "nowrap", ...ZERO_WIDTH, ...ZERO_HEIGHT }),
@@ -48,4 +53,4 @@ export const slideDownAndRightOnEnterAnimation = trigger('slideDownAndRightOnEnt
         ])
     ], { params: { duration: '100ms' } })
 ]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2FuaW1hdGlvbnMvc2xpZGUtYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRS9FLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLE9BQU8sRUFBRSxDQUFDO0lBQ1YsUUFBUSxFQUFFLEdBQUc7SUFDYixVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUMsQ0FBQztBQUVILGdHQUFnRztBQUNoRyxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxPQUFPLENBQUMsa0JBQWtCLEVBQUU7SUFDbkUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLG1CQUFtQixFQUFFLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7SUFDdkcsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7Q0FDeEcsQ0FBQyxDQUFDO0FBRUgsTUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUM7SUFDaEMsT0FBTyxFQUFFLENBQUM7SUFDVixPQUFPLEVBQUUsR0FBRztJQUNaLFdBQVcsRUFBRSxHQUFHO0lBQ2hCLFlBQVksRUFBRSxHQUFHO0NBQ2xCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtJQUNyRSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsT0FBTyxDQUFDLGNBQWMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUN2RyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztDQUN4RyxDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsR0FBRztJQUNqQixPQUFPLEVBQUUsQ0FBQztJQUNWLEtBQUssRUFBRSxHQUFHO0lBQ1YsV0FBVyxFQUFFLEdBQUc7SUFDaEIsWUFBWSxFQUFFLEdBQUc7Q0FDbEIsQ0FBQztBQUNGLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLE9BQU8sRUFBRSxDQUFDO0lBQ1YsTUFBTSxFQUFFLEdBQUc7SUFDWCxVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxpQ0FBaUMsR0FBRyxPQUFPLENBQUMsMEJBQTBCLEVBQUU7SUFDbkYsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsR0FBRyxVQUFVLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUNsRixPQUFPLENBQUMsY0FBYyxDQUFDO0tBQ3hCLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUNyQyxVQUFVLENBQUMsUUFBUSxFQUNqQjtRQUNFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ25ELEtBQUssQ0FBQztZQUNKLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQzNDLHFIQUFxSDtZQUNySCxxSEFBcUg7WUFDckgsc0dBQXNHO1lBQ3RHLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3BDLENBQUM7S0FDSCxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7Q0FDeEMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHthbmltYXRlLCBncm91cCwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBzbGlkZURvd25PbkVudGVyRGVmID0gc3R5bGUoe1xuICBvcGFjaXR5OiAwLFxuICAnaGVpZ2h0JzogJzAnLFxuICBwYWRkaW5nVG9wOiAnMCcsXG4gIHBhZGRpbmdCb3R0b206ICcwJ1xufSk7XG5cbi8vIFRPRE86IHBhcmFtcyBhcmVuJ3QgZ2V0dGluZyBjdXN0b21pc2VkIGluIHRoZSB2aWV3LiAgTmVlZCB0byBmaWd1cmUgb3V0IHRoZSBjb3JyZWN0IGFwcHJvYWNoLlxuZXhwb3J0IGNvbnN0IHNsaWRlRG93bk9uRW50ZXJBbmltYXRpb24gPSB0cmlnZ2VyKCdzbGlkZURvd25PbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc2xpZGVEb3duT25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc2xpZGVEb3duT25FbnRlckRlZildLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pXG5dKTtcblxuY29uc3Qgc2xpZGVMZWZ0T25FbnRlckRlZiA9IHN0eWxlKHtcbiAgb3BhY2l0eTogMCxcbiAgJ3dpZHRoJzogJzAnLFxuICBwYWRkaW5nTGVmdDogJzAnLFxuICBwYWRkaW5nUmlnaHQ6ICcwJ1xufSk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVJpZ2h0T25FbnRlckFuaW1hdGlvbiA9IHRyaWdnZXIoJ3NsaWRlUmlnaHRPbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc2xpZGVMZWZ0T25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc2xpZGVMZWZ0T25FbnRlckRlZildLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pXG5dKTtcblxuY29uc3QgWkVST19XSURUSCA9IHtcbiAgb3BhY2l0eTogMCxcbiAgd2lkdGg6ICcwJyxcbiAgcGFkZGluZ0xlZnQ6ICcwJyxcbiAgcGFkZGluZ1JpZ2h0OiAnMCcsXG59O1xuY29uc3QgWkVST19IRUlHSFQgPSB7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogJzAnLFxuICBwYWRkaW5nVG9wOiAnMCcsXG4gIHBhZGRpbmdCb3R0b206ICcwJyxcbn07XG5leHBvcnQgY29uc3Qgc2xpZGVEb3duQW5kUmlnaHRPbkVudGVyQW5pbWF0aW9uID0gdHJpZ2dlcignc2xpZGVEb3duQW5kUmlnaHRPbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgc3R5bGUoeyBvdmVyZmxvdzogXCJoaWRkZW5cIiwgd2hpdGVTcGFjZTogXCJub3dyYXBcIiwgLi4uWkVST19XSURUSCwgLi4uWkVST19IRUlHSFQgfSksXG4gICAgYW5pbWF0ZSgne3tkdXJhdGlvbn19JylcbiAgXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJyxcbiAgICBbXG4gICAgICBzdHlsZSh7IG92ZXJmbG93OiBcImhpZGRlblwiLCB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiIH0pLFxuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKCd7e2R1cmF0aW9ufX0nLCBzdHlsZShaRVJPX0hFSUdIVCkpLFxuICAgICAgICAvLyBIYWNrOiAxMDBtcyBpcyB0b28gcXVpY2sgYXMgaXQgYW5pbWF0ZXMgZnJvbSAqIC0gMCBhcyB3ZSBvbmx5IHNlZSBpdCBhbmltYXRlIHRoZSB3aWR0aCBpcyBncmVhdGVyIHRoYW4gdGhlIHBhcmVudC5cbiAgICAgICAgLy8gTm90IHN1cmUgaG93IHRvIGFuaW1hdGUgZnJvbSAqIHRvIG5hdHVyYWwgbmV3IHdpZHRoIG9mIHBhcmVudC4gIFRoaXMgaGFjayB3b24ndCB3b3JrIGZvciB0ZXh0IHRoYXQncyBqdXN0IGEgbGl0dGxlXG4gICAgICAgIC8vIGJpdCB3aWRlciB0aGFuIHRoZSBwYXJlbnQgYXMgaXQnbGwgZmFsbCB3aXRoaW4gdGhlIHBhcmVudCBib3VuZHMgdmVyeSBlYXJseSBpbiB0aGUgYW5pbWF0aW9uIGN5Y2xlLlxuICAgICAgICBhbmltYXRlKCczMDBtcycsIHN0eWxlKFpFUk9fV0lEVEgpKSxcbiAgICAgIF0pXG4gICAgXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KVxuXSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2FuaW1hdGlvbnMvc2xpZGUtYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRS9FLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLE9BQU8sRUFBRSxDQUFDO0lBQ1YsUUFBUSxFQUFFLEdBQUc7SUFDYixZQUFZLEVBQUUsR0FBRztJQUNqQixVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUMsQ0FBQztBQUVILE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLE9BQU8sRUFBRSxDQUFDO0lBQ1YsT0FBTyxFQUFFLEdBQUc7SUFDWixXQUFXLEVBQUUsR0FBRztJQUNoQixZQUFZLEVBQUUsR0FBRztDQUNsQixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsR0FBRztJQUNqQixPQUFPLEVBQUUsQ0FBQztJQUNWLEtBQUssRUFBRSxHQUFHO0lBQ1YsV0FBVyxFQUFFLEdBQUc7SUFDaEIsWUFBWSxFQUFFLEdBQUc7Q0FDbEIsQ0FBQztBQUVGLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLE9BQU8sRUFBRSxDQUFDO0lBQ1YsTUFBTSxFQUFFLEdBQUc7SUFDWCxVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUM7QUFHRixnR0FBZ0c7QUFDaEcsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQUcsT0FBTyxDQUFDLGtCQUFrQixFQUFFO0lBQ25FLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxPQUFPLENBQUMsY0FBYyxDQUFDLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQ3ZHLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0NBQ3hHLENBQUMsQ0FBQztBQUdILE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtJQUNyRSxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxPQUFPLENBQUMsY0FBYyxDQUFDLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQy9HLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7Q0FDaEgsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixFQUFFO0lBQ3JFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxPQUFPLENBQUMsY0FBYyxDQUFDLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQ3ZHLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLG1CQUFtQixDQUFDLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0NBQ3hHLENBQUMsQ0FBQztBQUdILE1BQU0sQ0FBQyxNQUFNLGlDQUFpQyxHQUFHLE9BQU8sQ0FBQywwQkFBMEIsRUFBRTtJQUNuRixVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxHQUFHLFVBQVUsRUFBRSxHQUFHLFdBQVcsRUFBRSxDQUFDO1FBQ2xGLE9BQU8sQ0FBQyxjQUFjLENBQUM7S0FDeEIsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQ3JDLFVBQVUsQ0FBQyxRQUFRLEVBQ2pCO1FBQ0UsS0FBSyxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUM7UUFDbkQsS0FBSyxDQUFDO1lBQ0osT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDM0MscUhBQXFIO1lBQ3JILHFIQUFxSDtZQUNySCxzR0FBc0c7WUFDdEcsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDcEMsQ0FBQztLQUNILEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztDQUN4QyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIGdyb3VwLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmNvbnN0IHNsaWRlRG93bk9uRW50ZXJEZWYgPSBzdHlsZSh7XG4gIG9wYWNpdHk6IDAsXG4gICdoZWlnaHQnOiAnMCcsXG4gICdtYXgtaGVpZ2h0JzogJzAnLFxuICBwYWRkaW5nVG9wOiAnMCcsXG4gIHBhZGRpbmdCb3R0b206ICcwJ1xufSk7XG5cbmNvbnN0IHNsaWRlTGVmdE9uRW50ZXJEZWYgPSBzdHlsZSh7XG4gIG9wYWNpdHk6IDAsXG4gICd3aWR0aCc6ICcwJyxcbiAgcGFkZGluZ0xlZnQ6ICcwJyxcbiAgcGFkZGluZ1JpZ2h0OiAnMCdcbn0pO1xuXG5jb25zdCBaRVJPX1dJRFRIID0ge1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogJzAnLFxuICBwYWRkaW5nTGVmdDogJzAnLFxuICBwYWRkaW5nUmlnaHQ6ICcwJyxcbn07XG5cbmNvbnN0IFpFUk9fSEVJR0hUID0ge1xuICBvcGFjaXR5OiAwLFxuICBoZWlnaHQ6ICcwJyxcbiAgcGFkZGluZ1RvcDogJzAnLFxuICBwYWRkaW5nQm90dG9tOiAnMCcsXG59O1xuXG5cbi8vIFRPRE86IHBhcmFtcyBhcmVuJ3QgZ2V0dGluZyBjdXN0b21pc2VkIGluIHRoZSB2aWV3LiAgTmVlZCB0byBmaWd1cmUgb3V0IHRoZSBjb3JyZWN0IGFwcHJvYWNoLlxuZXhwb3J0IGNvbnN0IHNsaWRlRG93bk9uRW50ZXJBbmltYXRpb24gPSB0cmlnZ2VyKCdzbGlkZURvd25PbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc2xpZGVEb3duT25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc2xpZGVEb3duT25FbnRlckRlZildLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pXG5dKTtcblxuXG5leHBvcnQgY29uc3Qgc2xpZGVEb3duV2hlbk9wZW5BbmltYXRpb24gPSB0cmlnZ2VyKCdzbGlkZURvd25XaGVuT3BlbicsIFtcbiAgdHJhbnNpdGlvbignY2xvc2VkID0+IG9wZW4nLCBbc2xpZGVEb3duT25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIFthbmltYXRlKCd7e2R1cmF0aW9ufX0nLCBzbGlkZURvd25PbkVudGVyRGVmKV0sIHsgcGFyYW1zOiB7IGR1cmF0aW9uOiAnMTAwbXMnIH0gfSlcbl0pO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVSaWdodE9uRW50ZXJBbmltYXRpb24gPSB0cmlnZ2VyKCdzbGlkZVJpZ2h0T25FbnRlcicsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW3NsaWRlTGVmdE9uRW50ZXJEZWYsIGFuaW1hdGUoJ3t7ZHVyYXRpb259fScpXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW2FuaW1hdGUoJ3t7ZHVyYXRpb259fScsIHNsaWRlTGVmdE9uRW50ZXJEZWYpXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KVxuXSk7XG5cblxuZXhwb3J0IGNvbnN0IHNsaWRlRG93bkFuZFJpZ2h0T25FbnRlckFuaW1hdGlvbiA9IHRyaWdnZXIoJ3NsaWRlRG93bkFuZFJpZ2h0T25FbnRlcicsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgIHN0eWxlKHsgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsIC4uLlpFUk9fV0lEVEgsIC4uLlpFUk9fSEVJR0hUIH0pLFxuICAgIGFuaW1hdGUoJ3t7ZHVyYXRpb259fScpXG4gIF0sIHsgcGFyYW1zOiB7IGR1cmF0aW9uOiAnMTAwbXMnIH0gfSksXG4gIHRyYW5zaXRpb24oJzpsZWF2ZScsXG4gICAgW1xuICAgICAgc3R5bGUoeyBvdmVyZmxvdzogXCJoaWRkZW5cIiwgd2hpdGVTcGFjZTogXCJub3dyYXBcIiB9KSxcbiAgICAgIGdyb3VwKFtcbiAgICAgICAgYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc3R5bGUoWkVST19IRUlHSFQpKSxcbiAgICAgICAgLy8gSGFjazogMTAwbXMgaXMgdG9vIHF1aWNrIGFzIGl0IGFuaW1hdGVzIGZyb20gKiAtIDAgYXMgd2Ugb25seSBzZWUgaXQgYW5pbWF0ZSB0aGUgd2lkdGggaXMgZ3JlYXRlciB0aGFuIHRoZSBwYXJlbnQuXG4gICAgICAgIC8vIE5vdCBzdXJlIGhvdyB0byBhbmltYXRlIGZyb20gKiB0byBuYXR1cmFsIG5ldyB3aWR0aCBvZiBwYXJlbnQuICBUaGlzIGhhY2sgd29uJ3Qgd29yayBmb3IgdGV4dCB0aGF0J3MganVzdCBhIGxpdHRsZVxuICAgICAgICAvLyBiaXQgd2lkZXIgdGhhbiB0aGUgcGFyZW50IGFzIGl0J2xsIGZhbGwgd2l0aGluIHRoZSBwYXJlbnQgYm91bmRzIHZlcnkgZWFybHkgaW4gdGhlIGFuaW1hdGlvbiBjeWNsZS5cbiAgICAgICAgYW5pbWF0ZSgnMzAwbXMnLCBzdHlsZShaRVJPX1dJRFRIKSksXG4gICAgICBdKVxuICAgIF0sIHsgcGFyYW1zOiB7IGR1cmF0aW9uOiAnMTAwbXMnIH0gfSlcbl0pO1xuIl19

package/esm2022/lib/components/cards/abstract-card-container.component.mjs

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-import { Command, proxify, Proxify } from '@coolon/pectin';
+import { Command, Dsl, proxify, Proxify, StoreInValueModel, ValueModel } from '@coolon/pectin';
 import { CommandFace } from '../commands/command-face';
 import { DisposableComponent } from '../disposable-component';
 import * as i0 from "@angular/core";
@@ -8,30 +8,53 @@ export class AbstractCardContainerComponent extends DisposableComponent {
     #addCardCommand_accessor_storage = proxify((Command));
     get addCardCommand() { return this.#addCardCommand_accessor_storage; }
     set addCardCommand(value) { this.#addCardCommand_accessor_storage = value; }
-    addCardFace;
+    #addCardFace$_accessor_storage = proxify((ValueModel));
+    get addCardFace$() { return this.#addCardFace$_accessor_storage; }
+    set addCardFace$(value) { this.#addCardFace$_accessor_storage = value; }
+    #addCardFace_accessor_storage;
+    get addCardFace() { return this.#addCardFace_accessor_storage; }
+    set addCardFace(value) { this.#addCardFace_accessor_storage = value; }
     addCardTemplate;
+    _addCardFaces$;
+    hasFace$;
     constructor() {
         super();
+        const { chain } = Dsl.disposeWith(this);
+        this._addCardFaces$ = chain(this.addCardFace$).mapToList(f => f ? [f] : this.addCardCommand.faces$.value, {
+            allowNil: true,
+            dependsOn: this.addCardCommand.faces$
+        });
+        this.hasFace$ = chain(this._addCardFaces$).isNotEmpty();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace$: "addCardFace$", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
 __decorate([
     Proxify(),
     __metadata("design:type", Object)
 ], AbstractCardContainerComponent.prototype, "addCardCommand", null);
+__decorate([
+    Proxify(),
+    __metadata("design:type", ValueModel)
+], AbstractCardContainerComponent.prototype, "addCardFace$", null);
+__decorate([
+    StoreInValueModel(),
+    __metadata("design:type", Object)
+], AbstractCardContainerComponent.prototype, "addCardFace", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'aup-abstract-card-container',
-                    template: '',
+                    template: ''
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { addCardCommand: [{
                 type: Input
+            }], addCardFace$: [{
+                type: Input
             }], addCardFace: [{
                 type: Input
             }], addCardTemplate: [{
                 type: ContentChild,
                 args: ['addCardTemplate']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQU01RCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBRzVELG1DQUFpQixPQUFPLENBQUMsQ0FBQSxPQUFZLENBQUEsQ0FBQyxDQUFDO0lBQXZDLElBQUEsY0FBYyxvREFBeUI7SUFBdkMsSUFBQSxjQUFjLDBEQUF5QjtJQUdoRCxXQUFXLENBQWM7SUFHekIsZUFBZSxDQUFtQjtJQUVsQztRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzt1R0FiVSw4QkFBOEI7MkZBQTlCLDhCQUE4QixvUkFGL0IsRUFBRTs7QUFLSDtJQURDLE9BQU8sRUFBRTs7b0VBQzZCOzJGQUhyQyw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsUUFBUSxFQUFFLEVBQUU7aUJBQ2I7MEVBSVUsY0FBYztzQkFEdEIsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1hbmQsIHByb3hpZnksIFByb3hpZnl9IGZyb20gJ0Bjb29sb24vcGVjdGluJztcbmltcG9ydCB7Q29tbWFuZEZhY2V9IGZyb20gJy4uL2NvbW1hbmRzL2NvbW1hbmQtZmFjZSc7XG5pbXBvcnQge0Rpc3Bvc2FibGVDb21wb25lbnR9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWFic3RyYWN0LWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6ICcnLFxufSlcbmV4cG9ydCBjbGFzcyBBYnN0cmFjdENhcmRDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBEaXNwb3NhYmxlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBAUHJveGlmeSgpXG4gIGFjY2Vzc29yIGFkZENhcmRDb21tYW5kID0gcHJveGlmeShDb21tYW5kPGFueT4pO1xuXG4gIEBJbnB1dCgpXG4gIGFkZENhcmRGYWNlOiBDb21tYW5kRmFjZTtcblxuICBAQ29udGVudENoaWxkKCdhZGRDYXJkVGVtcGxhdGUnKVxuICBhZGRDYXJkVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUVMLE9BQU8sRUFDUCxHQUFHLEVBRUgsT0FBTyxFQUNQLE9BQU8sRUFDUCxpQkFBaUIsRUFDakIsVUFBVSxFQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQU05RCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBRzVELG1DQUFpQixPQUFPLENBQUMsQ0FBQSxPQUFZLENBQUEsQ0FBQyxDQUFDO0lBQXZDLElBQUEsY0FBYyxvREFBeUI7SUFBdkMsSUFBQSxjQUFjLDBEQUF5QjtJQUd2QyxpQ0FBd0MsT0FBTyxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7SUFBekUsSUFBQSxZQUFZLGtEQUE2RDtJQUF6RSxJQUFBLFlBQVksd0RBQTZEO0lBR3pFLDhCQUF5QjtJQUF6QixJQUFBLFdBQVcsaURBQWM7SUFBekIsSUFBQSxXQUFXLHVEQUFjO0lBR2xDLGVBQWUsQ0FBbUI7SUFFZixjQUFjLENBQThCO0lBQzVDLFFBQVEsQ0FBeUI7SUFFcEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXhDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxTQUFTLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRTtZQUN6RyxRQUFRLEVBQUUsSUFBSTtZQUNkLFNBQVMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU07U0FDdEMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFBO0lBQ3pELENBQUM7dUdBMUJVLDhCQUE4QjsyRkFBOUIsOEJBQThCLGtUQUYvQixFQUFFOztBQUtIO0lBREMsT0FBTyxFQUFFOztvRUFDNkI7QUFHdkM7SUFEQyxPQUFPLEVBQUU7OEJBQ0ksVUFBVTtrRUFBaUQ7QUFHekU7SUFEQyxpQkFBaUIsRUFBRTs7aUVBQ0s7MkZBVHZCLDhCQUE4QjtrQkFKMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUUsRUFBRTtpQkFDYjswRUFJVSxjQUFjO3NCQUR0QixLQUFLO2dCQUlHLFlBQVk7c0JBRHBCLEtBQUs7Z0JBSUcsV0FBVztzQkFEbkIsS0FBSztnQkFJTixlQUFlO3NCQURkLFlBQVk7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQm9vbGVhblZhbHVlTW9kZWxDaGFpbixcbiAgQ29tbWFuZCxcbiAgRHNsLFxuICBMaXN0TW9kZWxDaGFpbixcbiAgcHJveGlmeSxcbiAgUHJveGlmeSxcbiAgU3RvcmVJblZhbHVlTW9kZWwsXG4gIFZhbHVlTW9kZWxcbn0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHsgQ29tbWFuZEZhY2UgfSBmcm9tICcuLi9jb21tYW5kcy9jb21tYW5kLWZhY2UnO1xuaW1wb3J0IHsgRGlzcG9zYWJsZUNvbXBvbmVudCB9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWFic3RyYWN0LWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIEFic3RyYWN0Q2FyZENvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIEBQcm94aWZ5KClcbiAgYWNjZXNzb3IgYWRkQ2FyZENvbW1hbmQgPSBwcm94aWZ5KENvbW1hbmQ8YW55Pik7XG5cbiAgQElucHV0KCkgQFByb3hpZnkoKVxuICBhY2Nlc3NvciBhZGRDYXJkRmFjZSQ6IFZhbHVlTW9kZWw8Q29tbWFuZEZhY2U+ID0gcHJveGlmeShWYWx1ZU1vZGVsPENvbW1hbmRGYWNlPik7XG5cbiAgQElucHV0KCkgQFN0b3JlSW5WYWx1ZU1vZGVsKClcbiAgYWNjZXNzb3IgYWRkQ2FyZEZhY2U6IENvbW1hbmRGYWNlO1xuXG4gIEBDb250ZW50Q2hpbGQoJ2FkZENhcmRUZW1wbGF0ZScpXG4gIGFkZENhcmRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgX2FkZENhcmRGYWNlcyQ6IExpc3RNb2RlbENoYWluPENvbW1hbmRGYWNlPjtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGhhc0ZhY2UkOiBCb29sZWFuVmFsdWVNb2RlbENoYWluO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgY29uc3QgeyBjaGFpbiB9ID0gRHNsLmRpc3Bvc2VXaXRoKHRoaXMpO1xuXG4gICAgdGhpcy5fYWRkQ2FyZEZhY2VzJCA9IGNoYWluKHRoaXMuYWRkQ2FyZEZhY2UkKS5tYXBUb0xpc3QoIGYgPT4gZiA/IFtmXSA6IHRoaXMuYWRkQ2FyZENvbW1hbmQuZmFjZXMkLnZhbHVlLCB7XG4gICAgICBhbGxvd05pbDogdHJ1ZSxcbiAgICAgIGRlcGVuZHNPbjogdGhpcy5hZGRDYXJkQ29tbWFuZC5mYWNlcyRcbiAgICB9KTtcbiAgICB0aGlzLmhhc0ZhY2UkID0gY2hhaW4odGhpcy5fYWRkQ2FyZEZhY2VzJCkuaXNOb3RFbXB0eSgpXG4gIH1cblxufVxuIl19