@masterteam/components 0.0.154 → 0.0.155
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.
|
@@ -11,13 +11,13 @@ class Card {
|
|
|
11
11
|
headless = contentChild('headless', ...(ngDevMode ? [{ debugName: "headless" }] : /* istanbul ignore next */ []));
|
|
12
12
|
cardEnd = contentChild('cardEnd', ...(ngDevMode ? [{ debugName: "cardEnd" }] : /* istanbul ignore next */ []));
|
|
13
13
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Card, isStandalone: true, selector: "mt-card", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, paddingless: { classPropertyName: "paddingless", publicName: "paddingless", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block bg-content rounded-lg border-1 border-surface" }, queries: [{ propertyName: "headless", first: true, predicate: ["headless"], descendants: true, isSignal: true }, { propertyName: "cardEnd", first: true, predicate: ["cardEnd"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Card, isStandalone: true, selector: "mt-card", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, paddingless: { classPropertyName: "paddingless", publicName: "paddingless", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block bg-content rounded-lg border-1 border-surface" }, queries: [{ propertyName: "headless", first: true, predicate: ["headless"], descendants: true, isSignal: true }, { propertyName: "cardEnd", first: true, predicate: ["cardEnd"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1 min-h-0\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Card, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'mt-card', standalone: true, imports: [CommonModule], host: {
|
|
19
19
|
class: 'block bg-content rounded-lg border-1 border-surface',
|
|
20
|
-
}, template: "<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
20
|
+
}, template: "<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1 min-h-0\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
21
21
|
}], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], paddingless: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingless", required: false }] }], headless: [{ type: i0.ContentChild, args: ['headless', { isSignal: true }] }], cardEnd: [{ type: i0.ContentChild, args: ['cardEnd', { isSignal: true }] }] } });
|
|
22
22
|
|
|
23
23
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masterteam-components-card.mjs","sources":["../../../../packages/masterteam/components/card/card.ts","../../../../packages/masterteam/components/card/card.html","../../../../packages/masterteam/components/card/masterteam-components-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n Component,\r\n input,\r\n contentChild,\r\n TemplateRef,\r\n booleanAttribute,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'mt-card',\r\n standalone: true,\r\n templateUrl: './card.html',\r\n styleUrl: './card.scss',\r\n imports: [CommonModule],\r\n host: {\r\n class: 'block bg-content rounded-lg border-1 border-surface',\r\n },\r\n})\r\nexport class Card {\r\n readonly class = input<string>('');\r\n readonly title = input<string>('');\r\n readonly paddingless = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n // Content child to get the headless template\r\n headless = contentChild<TemplateRef<any>>('headless');\r\n cardEnd = contentChild<TemplateRef<any>>('cardEnd');\r\n}\r\n","<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAmBa,IAAI,CAAA;AACN,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;IACzB,WAAW,GAAG,KAAK,CAAmB,KAAK,mFAClD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;AAEF,IAAA,QAAQ,GAAG,YAAY,CAAmB,UAAU,+EAAC;AACrD,IAAA,OAAO,GAAG,YAAY,CAAmB,SAAS,8EAAC;uGARxC,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qDAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBjB,
|
|
1
|
+
{"version":3,"file":"masterteam-components-card.mjs","sources":["../../../../packages/masterteam/components/card/card.ts","../../../../packages/masterteam/components/card/card.html","../../../../packages/masterteam/components/card/masterteam-components-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n Component,\r\n input,\r\n contentChild,\r\n TemplateRef,\r\n booleanAttribute,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'mt-card',\r\n standalone: true,\r\n templateUrl: './card.html',\r\n styleUrl: './card.scss',\r\n imports: [CommonModule],\r\n host: {\r\n class: 'block bg-content rounded-lg border-1 border-surface',\r\n },\r\n})\r\nexport class Card {\r\n readonly class = input<string>('');\r\n readonly title = input<string>('');\r\n readonly paddingless = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n // Content child to get the headless template\r\n headless = contentChild<TemplateRef<any>>('headless');\r\n cardEnd = contentChild<TemplateRef<any>>('cardEnd');\r\n}\r\n","<div class=\"size-full flex flex-col\">\r\n @if (headless()) {\r\n <!-- Custom headless template -->\r\n <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n } @else {\r\n @if (title() || cardEnd()) {\r\n <!-- Default header with dynamic title -->\r\n <div\r\n class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n >\r\n @if (title()) {\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n }\r\n @if (cardEnd()) {\r\n <div class=\"flex\">\r\n <ng-container [ngTemplateOutlet]=\"cardEnd()\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"flex-1 min-h-0\" [class.p-4]=\"!paddingless()\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|