@natec/mef-dev-ui-kit 20.1.6 → 20.1.8
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.
|
@@ -14282,13 +14282,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
14282
14282
|
* ```
|
|
14283
14283
|
*/
|
|
14284
14284
|
class MDHeaderCardComponent {
|
|
14285
|
+
padding = '16px';
|
|
14285
14286
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14286
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDHeaderCardComponent, isStandalone: true, selector: "md-header-card", ngImport: i0, template: "<div
|
|
14287
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDHeaderCardComponent, isStandalone: true, selector: "md-header-card", inputs: { padding: "padding" }, ngImport: i0, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-header-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:1px;background-color:#eaeaea;border-color:#f3f3f3;border-radius:5px;height:100%;width:100%;font-family:Montserrat}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
14287
14288
|
}
|
|
14288
14289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardComponent, decorators: [{
|
|
14289
14290
|
type: Component,
|
|
14290
|
-
args: [{ selector: 'md-header-card', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
14291
|
-
}]
|
|
14291
|
+
args: [{ selector: 'md-header-card', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-header-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:1px;background-color:#eaeaea;border-color:#f3f3f3;border-radius:5px;height:100%;width:100%;font-family:Montserrat}\n"] }]
|
|
14292
|
+
}], propDecorators: { padding: [{
|
|
14293
|
+
type: Input
|
|
14294
|
+
}] } });
|
|
14292
14295
|
|
|
14293
14296
|
/**
|
|
14294
14297
|
* Container for multiple header cards with responsive CSS Grid layout.
|
|
@@ -14377,14 +14380,14 @@ class MDHeaderCardSetComponent {
|
|
|
14377
14380
|
return styles;
|
|
14378
14381
|
}
|
|
14379
14382
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14380
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDHeaderCardSetComponent, isStandalone: true, selector: "md-header-card-set", inputs: { gap: "gap", padding: "padding", minCardWidth: "minCardWidth", maxCardWidth: "maxCardWidth", noWrap: ["noWrap", "noWrap", booleanAttribute] }, host: { properties: { "class.md-header-card-set-nowrap": "noWrap" }, classAttribute: "md-header-card-set" }, queries: [{ propertyName: "cards", predicate: MDHeaderCardComponent }], exportAs: ["mdHeaderCardSet"], ngImport: i0, template: "<div class=\"md-header-card-set-container\" [ngStyle]=\"_containerStyles\">\n <div class=\"md-header-card-set-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".md-header-card-set{display:block;width:100%;position:relative;box-sizing:border-box}.md-header-card-set-container{position:relative;width:100%;box-sizing:border-box}.md-header-card-set-wrapper{--_card-min: var(--md-header-card-min-width, 300px);--_card-max: var(--md-header-card-max-width, 570px);--_gap: var(--md-header-card-set-gap, 16px);display:grid;min-width:0;max-width:calc(var(--md-header-card-count, 1) * var(--md-header-card-max-width, 570px));box-sizing:border-box}@media (max-width: 767px){.md-header-card-set-wrapper{display:flex;gap:var(--_gap);flex-wrap:
|
|
14383
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDHeaderCardSetComponent, isStandalone: true, selector: "md-header-card-set", inputs: { gap: "gap", padding: "padding", minCardWidth: "minCardWidth", maxCardWidth: "maxCardWidth", noWrap: ["noWrap", "noWrap", booleanAttribute] }, host: { properties: { "class.md-header-card-set-nowrap": "noWrap" }, classAttribute: "md-header-card-set" }, queries: [{ propertyName: "cards", predicate: MDHeaderCardComponent }], exportAs: ["mdHeaderCardSet"], ngImport: i0, template: "<div class=\"md-header-card-set-container\" [ngStyle]=\"_containerStyles\">\n <div class=\"md-header-card-set-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".md-header-card-set{display:block;width:100%;position:relative;box-sizing:border-box}.md-header-card-set-container{position:relative;width:100%;box-sizing:border-box}.md-header-card-set-wrapper{--_card-min: var(--md-header-card-min-width, 300px);--_card-max: var(--md-header-card-max-width, 570px);--_gap: var(--md-header-card-set-gap, 16px);display:grid;min-width:0;max-width:calc(var(--md-header-card-count, 1) * var(--md-header-card-max-width, 570px));box-sizing:border-box}@media (max-width: 767px){.md-header-card-set-wrapper{display:flex;gap:var(--_gap);flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.md-header-card-set-wrapper::-webkit-scrollbar{height:6px}.md-header-card-set-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.md-header-card-set-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.md-header-card-set-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.md-header-card-set-wrapper md-header-card{width:-webkit-fill-available}}@media (min-width: 768px){.md-header-card-set-wrapper{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fit,minmax(var(--_card-min),1fr))}.md-header-card-set-wrapper md-header-card{max-width:var(--_card-max);justify-self:stretch}}.md-header-card-set-nowrap .md-header-card-set-wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:unset}.md-header-card-set-nowrap .md-header-card-set-wrapper md-header-card{flex:0 0 auto;scroll-snap-align:start;min-width:var(--_card-min);max-width:var(--_card-max)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
14381
14384
|
}
|
|
14382
14385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardSetComponent, decorators: [{
|
|
14383
14386
|
type: Component,
|
|
14384
14387
|
args: [{ selector: 'md-header-card-set', host: {
|
|
14385
14388
|
class: 'md-header-card-set',
|
|
14386
14389
|
'[class.md-header-card-set-nowrap]': 'noWrap',
|
|
14387
|
-
}, exportAs: 'mdHeaderCardSet', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], standalone: true, template: "<div class=\"md-header-card-set-container\" [ngStyle]=\"_containerStyles\">\n <div class=\"md-header-card-set-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".md-header-card-set{display:block;width:100%;position:relative;box-sizing:border-box}.md-header-card-set-container{position:relative;width:100%;box-sizing:border-box}.md-header-card-set-wrapper{--_card-min: var(--md-header-card-min-width, 300px);--_card-max: var(--md-header-card-max-width, 570px);--_gap: var(--md-header-card-set-gap, 16px);display:grid;min-width:0;max-width:calc(var(--md-header-card-count, 1) * var(--md-header-card-max-width, 570px));box-sizing:border-box}@media (max-width: 767px){.md-header-card-set-wrapper{display:flex;gap:var(--_gap);flex-wrap:
|
|
14390
|
+
}, exportAs: 'mdHeaderCardSet', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], standalone: true, template: "<div class=\"md-header-card-set-container\" [ngStyle]=\"_containerStyles\">\n <div class=\"md-header-card-set-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".md-header-card-set{display:block;width:100%;position:relative;box-sizing:border-box}.md-header-card-set-container{position:relative;width:100%;box-sizing:border-box}.md-header-card-set-wrapper{--_card-min: var(--md-header-card-min-width, 300px);--_card-max: var(--md-header-card-max-width, 570px);--_gap: var(--md-header-card-set-gap, 16px);display:grid;min-width:0;max-width:calc(var(--md-header-card-count, 1) * var(--md-header-card-max-width, 570px));box-sizing:border-box}@media (max-width: 767px){.md-header-card-set-wrapper{display:flex;gap:var(--_gap);flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.md-header-card-set-wrapper::-webkit-scrollbar{height:6px}.md-header-card-set-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.md-header-card-set-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.md-header-card-set-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.md-header-card-set-wrapper md-header-card{width:-webkit-fill-available}}@media (min-width: 768px){.md-header-card-set-wrapper{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fit,minmax(var(--_card-min),1fr))}.md-header-card-set-wrapper md-header-card{max-width:var(--_card-max);justify-self:stretch}}.md-header-card-set-nowrap .md-header-card-set-wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:unset}.md-header-card-set-nowrap .md-header-card-set-wrapper md-header-card{flex:0 0 auto;scroll-snap-align:start;min-width:var(--_card-min);max-width:var(--_card-max)}\n"] }]
|
|
14388
14391
|
}], propDecorators: { cards: [{
|
|
14389
14392
|
type: ContentChildren,
|
|
14390
14393
|
args: [MDHeaderCardComponent]
|