@coolon/angular-ui-powerups 3.4.2 → 3.4.4-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/assets/mixins.scss +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.js +46 -9
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +47 -9
- package/esm2015/lib/components/card-container/card-container.component.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +84 -47
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/card-container/card-container.component.d.ts +45 -7
- package/package.json +2 -2
- package/schematics/collection.json +2 -2
- package/schematics/ng-add/index.js +1 -1
- package/schematics/place-add/index.js +1 -1
- package/schematics/place-add/index.js.map +1 -1
- package/schematics/place-add/templates/component/__name@dasherize__.component.spec.ts.template +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.4.4-alpha.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.4.3...v3.4.4-alpha.0) (2020-11-13)
|
|
6
|
+
|
|
7
|
+
### [3.4.3](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.4.2...v3.4.3) (2020-10-29)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* added missing aup-activity-actions styles ([86e4845](https://bitbucket.org/coolon/angular-ui-powerups/commit/86e4845bfd65b0b9e807ed25876c38bdb74e2546))
|
|
13
|
+
* card min height wasn't been used in the grid definition ([6e6151a](https://bitbucket.org/coolon/angular-ui-powerups/commit/6e6151a05a7923799b0eed244e0471285e48fa6c))
|
|
14
|
+
* improved error message when places-add uses non place directory ([cb02114](https://bitbucket.org/coolon/angular-ui-powerups/commit/cb02114245943da39f79ba254498144db5a71a56))
|
|
15
|
+
* incorrect descriptions ([07829ab](https://bitbucket.org/coolon/angular-ui-powerups/commit/07829ab5a6c0c212d05ffa61caafc70403627897))
|
|
16
|
+
* removed additional > character ([eaebc33](https://bitbucket.org/coolon/angular-ui-powerups/commit/eaebc3362e9525f1301ea1e30439558a75d0c2f9))
|
|
17
|
+
* updated to test card min height ([e2ba19e](https://bitbucket.org/coolon/angular-ui-powerups/commit/e2ba19e416397b4bc1e9b5021a39d281488761ca))
|
|
18
|
+
* updated to use aup-command-face instead of aup-icon ([9c3adec](https://bitbucket.org/coolon/angular-ui-powerups/commit/9c3adeca059e75d1993a64c338a7c4c1c138dd52))
|
|
19
|
+
|
|
5
20
|
### [3.4.2](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.4.1...v3.4.2) (2020-10-18)
|
|
6
21
|
|
|
7
22
|
### [3.4.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.4.0...v3.4.1) (2020-10-17)
|
package/assets/mixins.scss
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
@mixin new-card-
|
|
9
|
+
@mixin aup-card-container-new-card-style($color: rgba(0,0,0,0.54), $background-color: rgba(255,255,255,0.8), $hover-color: $color, $background-hover-color: white) {
|
|
10
10
|
box-sizing: border-box;
|
|
11
11
|
border: 2px dashed rgba(0, 0, 0, 0.1);
|
|
12
12
|
border-radius: 6px;
|
|
@@ -634,6 +634,49 @@
|
|
|
634
634
|
|
|
635
635
|
/**
|
|
636
636
|
* @example
|
|
637
|
+
* // basic usage
|
|
638
|
+
* <aup-card-container>
|
|
639
|
+
* <my-card *ngFor="..."></my-card>
|
|
640
|
+
* </aup-card-container>
|
|
641
|
+
*
|
|
642
|
+
* // adds an add button with a the '+' icon to the end of the card list.
|
|
643
|
+
* <aup-card-container [addCardCommand]="addCard">
|
|
644
|
+
* <my-card *ngFor="..."></my-card>
|
|
645
|
+
* </aup-card-container>
|
|
646
|
+
*
|
|
647
|
+
* // adds an add button with the specified face
|
|
648
|
+
* <aup-card-container [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
|
|
649
|
+
* <my-card *ngFor="..."></my-card>
|
|
650
|
+
* </aup-card-container>
|
|
651
|
+
*
|
|
652
|
+
* // adds an add card component using the specified template. The template
|
|
653
|
+
* // will fill it's container in the grid.
|
|
654
|
+
* <aup-card-container>
|
|
655
|
+
* <my-card *ngFor="..."></my-card>
|
|
656
|
+
* <ng-template #addCardTemplate>
|
|
657
|
+
* <div>This is a new card template, it will the the size of the other cards.</div>
|
|
658
|
+
* </ng-template>
|
|
659
|
+
* </aup-card-container>
|
|
660
|
+
*
|
|
661
|
+
* // sing the default new card styles for your template
|
|
662
|
+
* @import "../../../../assets/styles";
|
|
663
|
+
* .my-new-card {
|
|
664
|
+
* @include aup-card-container-new-card-style();
|
|
665
|
+
* // OR
|
|
666
|
+
* @include aup-card-container-new-card-style(
|
|
667
|
+
* $color: rgba(0,0,0,0.54),
|
|
668
|
+
* $background-color: rgba(255,255,255,0.8),
|
|
669
|
+
* $hover-color: $color,
|
|
670
|
+
* $background-hover-color: white
|
|
671
|
+
* )
|
|
672
|
+
* }
|
|
673
|
+
* <aup-card-container>
|
|
674
|
+
* <my-card *ngFor="..."></my-card>
|
|
675
|
+
* <ng-template #addCardTemplate>
|
|
676
|
+
* <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
|
|
677
|
+
* </ng-template>
|
|
678
|
+
* </aup-card-container>
|
|
679
|
+
*
|
|
637
680
|
* // CSS Vars
|
|
638
681
|
* aup-card-container {
|
|
639
682
|
* --card-gap: var(--card-gap, 16px);
|
|
@@ -642,13 +685,6 @@
|
|
|
642
685
|
* --card-min-height: var(--card-min-height, auto);
|
|
643
686
|
* --card-background: var(--card-background, #fcfcfb);
|
|
644
687
|
* }
|
|
645
|
-
*
|
|
646
|
-
* // Content Templates:
|
|
647
|
-
* #addCardTemplate
|
|
648
|
-
* <ng-template #addCardTemplate>
|
|
649
|
-
* This is a new card template, it will the the size of the other cards.
|
|
650
|
-
* </nav-template>
|
|
651
|
-
*
|
|
652
688
|
*/
|
|
653
689
|
var CardContainerComponent = /** @class */ (function (_super) {
|
|
654
690
|
__extends(CardContainerComponent, _super);
|
|
@@ -662,13 +698,14 @@
|
|
|
662
698
|
CardContainerComponent.decorators = [
|
|
663
699
|
{ type: i0.Component, args: [{
|
|
664
700
|
selector: 'aup-card-container',
|
|
665
|
-
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-icon icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n",
|
|
666
|
-
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width))/2);position:relative}aup-icon fa-icon .svg-inline--fa{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(
|
|
701
|
+
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [face]=\"addCardFace\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n",
|
|
702
|
+
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width))/2);position:relative}aup-icon fa-icon .svg-inline--fa{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(var(--resolved-card-min-height),var(--resolved-card-height)));max-width:100%;min-height:calc(var(--resolved-card-height) + 2*var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2*var(--resolved-card-gap));padding:var(--resolved-card-gap);width:calc((var(--resolved-card-width) + var(--resolved-card-gap))*2 + var(--grid-gap))}.add-card-container{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;flex-direction:column;font-weight:300;height:var(--resolved-card-height);justify-content:center;min-height:var(--resolved-card-min-height);transition:all .28s cubic-bezier(.4,0,.2,1);width:var(--resolved-card-width)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{background-color:#fff;border-color:transparent;color:rgba(0,0,0,.54);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{align-items:stretch;display:flex;flex-direction:column;height:var(--resolved-card-height);justify-content:stretch;width:var(--resolved-card-width)}"]
|
|
667
703
|
},] }
|
|
668
704
|
];
|
|
669
705
|
CardContainerComponent.ctorParameters = function () { return []; };
|
|
670
706
|
CardContainerComponent.propDecorators = {
|
|
671
707
|
addCardCommand: [{ type: i0.Input }],
|
|
708
|
+
addCardFace: [{ type: i0.Input }],
|
|
672
709
|
addCardTemplate: [{ type: i0.ContentChild, args: ["addCardTemplate",] }]
|
|
673
710
|
};
|
|
674
711
|
__decorate([
|