@mesgflow/ui-kit 0.6.0

package/fesm2022/mesgflow-ui-kit-card.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { input, computed, Directive } from '@angular/core';
+import { cn } from '@mesgflow/ui-kit/core';
+import { cva } from 'class-variance-authority';
+
+/**
+ * BORDER-FIRST (2026-09 Deep Emerald geçişi, kullanıcı kararıyla önceki
+ * "light modda kenarlıksız, sadece gölge" ilkesinin YERİNE geçti): iki modda
+ * da `border-hairline` (color.css — %8-12 opak marka-tonlu 1px çizgi),
+ * gölge YOK. `interactive` kartlarda hover'da hafif bir yükselme hâlâ
+ * `shadow-2` ile veriliyor — bu artık istisna, varsayılan durum gölgesiz.
+ */
+const cardVariants = cva('rounded-lg border border-hairline bg-surface', {
+    variants: {
+        padding: {
+            none: '',
+            sm: 'p-4',
+            md: 'p-6',
+        },
+        /** Tıklanabilir/navigasyona giden kartlar için (ör. bir listedeki satır-kart) — hover'da hafif bir yükselme, kartın tıklanabilir olduğunu ima eder. Statik/salt-bilgi kartlarında (varsayılan `false`) KULLANILMAZ. */
+        interactive: {
+            true: 'transition-[box-shadow,transform] duration-fast ease-out hover:-translate-y-px hover:shadow-2',
+            false: '',
+        },
+    },
+    defaultVariants: { padding: 'md', interactive: false },
+});
+/**
+ * `CardHeader`/`CardBody`/`CardFooter`'ın paylaştığı dolgu ölçeği — `Card`'ın
+ * kendi `padding` ekseniyle AYNI üç basamak. Alt parçalar kullanılırken dış
+ * `mfCard`'ın `padding="none"` olması BEKLENİR (aksi halde dolgu iki katmanda
+ * çakışır) — bu, çağıranın sorumluluğunda (bkz. `Field`'ın `for`/id
+ * eşleşmesiyle aynı desen, `field.ts`'teki not).
+ */
+const cardSectionPadding = {
+    none: '',
+    sm: 'p-4',
+    md: 'p-6',
+};
+
+/** `<div mfCard padding="md" [interactive]="true">...</div>` — `interactive` tıklanabilir/navigasyona giden kartlar için hover'da hafif bir yükselme ekler. */
+class Card {
+    padding = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    interactive = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(cardVariants({ padding: this.padding(), interactive: this.interactive() })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Card, isStandalone: true, selector: "[mfCard]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Card, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfCard]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }] } });
+
+/** `<div mfCardBody>...</div>` — bkz. `CardHeader`'ın JSDoc'u. */
+class CardBody {
+    padding = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(cardSectionPadding[this.padding() ?? 'md']), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: CardBody, isStandalone: true, selector: "[mfCardBody]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfCardBody]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }] } });
+
+/**
+ * `<div mfCardFooter bordered>...</div>` — bkz. `CardHeader`'ın JSDoc'u.
+ * Aksiyon düğmeleri için sağa yaslanmış bir satır varsayar (`justify-end`).
+ */
+class CardFooter {
+    padding = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    bordered = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex items-center justify-end gap-2', cardSectionPadding[this.padding() ?? 'md'], this.bordered() && 'border-t border-border'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: CardFooter, isStandalone: true, selector: "[mfCardFooter]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfCardFooter]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }] } });
+
+/**
+ * `<div mfCard padding="none"><div mfCardHeader bordered>...</div>...</div>`
+ * — bkz. `cardSectionPadding`'in JSDoc'u (dış `mfCard`'ın `padding="none"`
+ * olması beklenir). `bordered` alttaki içerikten ayıran bir `border-b` ekler
+ * — tek başlık kartlarında (alt parça yok) gereksiz, o yüzden varsayılan `false`.
+ */
+class CardHeader {
+    padding = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    bordered = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex items-start justify-between gap-3', cardSectionPadding[this.padding() ?? 'md'], this.bordered() && 'border-b border-border'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: CardHeader, isStandalone: true, selector: "[mfCardHeader]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CardHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfCardHeader]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Card, CardBody, CardFooter, CardHeader, cardSectionPadding, cardVariants };
+//# sourceMappingURL=mesgflow-ui-kit-card.mjs.map

package/fesm2022/mesgflow-ui-kit-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesgflow-ui-kit-card.mjs","sources":["../../../projects/ui-kit/card/card.variants.ts","../../../projects/ui-kit/card/card.ts","../../../projects/ui-kit/card/card-body.ts","../../../projects/ui-kit/card/card-footer.ts","../../../projects/ui-kit/card/card-header.ts","../../../projects/ui-kit/card/mesgflow-ui-kit-card.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * BORDER-FIRST (2026-09 Deep Emerald geçişi, kullanıcı kararıyla önceki\r\n * \"light modda kenarlıksız, sadece gölge\" ilkesinin YERİNE geçti): iki modda\r\n * da `border-hairline` (color.css — %8-12 opak marka-tonlu 1px çizgi),\r\n * gölge YOK. `interactive` kartlarda hover'da hafif bir yükselme hâlâ\r\n * `shadow-2` ile veriliyor — bu artık istisna, varsayılan durum gölgesiz.\r\n */\r\nexport const cardVariants = cva('rounded-lg border border-hairline bg-surface', {\r\n  variants: {\r\n    padding: {\r\n      none: '',\r\n      sm: 'p-4',\r\n      md: 'p-6',\r\n    },\r\n    /** Tıklanabilir/navigasyona giden kartlar için (ör. bir listedeki satır-kart) — hover'da hafif bir yükselme, kartın tıklanabilir olduğunu ima eder. Statik/salt-bilgi kartlarında (varsayılan `false`) KULLANILMAZ. */\r\n    interactive: {\r\n      true: 'transition-[box-shadow,transform] duration-fast ease-out hover:-translate-y-px hover:shadow-2',\r\n      false: '',\r\n    },\r\n  },\r\n  defaultVariants: { padding: 'md', interactive: false },\r\n});\r\n\r\nexport type CardPadding = VariantProps<typeof cardVariants>['padding'];\r\nexport type CardInteractive = VariantProps<typeof cardVariants>['interactive'];\r\n\r\n/**\r\n * `CardHeader`/`CardBody`/`CardFooter`'ın paylaştığı dolgu ölçeği — `Card`'ın\r\n * kendi `padding` ekseniyle AYNI üç basamak. Alt parçalar kullanılırken dış\r\n * `mfCard`'ın `padding=\"none\"` olması BEKLENİR (aksi halde dolgu iki katmanda\r\n * çakışır) — bu, çağıranın sorumluluğunda (bkz. `Field`'ın `for`/id\r\n * eşleşmesiyle aynı desen, `field.ts`'teki not).\r\n */\r\nexport const cardSectionPadding: Record<NonNullable<CardPadding>, string> = {\r\n  none: '',\r\n  sm: 'p-4',\r\n  md: 'p-6',\r\n};\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { cardVariants, type CardInteractive, type CardPadding } from './card.variants';\r\n\r\n/** `<div mfCard padding=\"md\" [interactive]=\"true\">...</div>` — `interactive` tıklanabilir/navigasyona giden kartlar için hover'da hafif bir yükselme ekler. */\r\n@Directive({\r\n  selector: '[mfCard]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class Card {\r\n  readonly padding = input<CardPadding>('md');\r\n  readonly interactive = input<CardInteractive>(false);\r\n  protected readonly classes = computed(() =>\r\n    cn(cardVariants({ padding: this.padding(), interactive: this.interactive() })),\r\n  );\r\n}\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { cardSectionPadding, type CardPadding } from './card.variants';\r\n\r\n/** `<div mfCardBody>...</div>` — bkz. `CardHeader`'ın JSDoc'u. */\r\n@Directive({\r\n  selector: '[mfCardBody]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class CardBody {\r\n  readonly padding = input<CardPadding>('md');\r\n\r\n  protected readonly classes = computed(() => cn(cardSectionPadding[this.padding() ?? 'md']));\r\n}\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { cardSectionPadding, type CardPadding } from './card.variants';\r\n\r\n/**\r\n * `<div mfCardFooter bordered>...</div>` — bkz. `CardHeader`'ın JSDoc'u.\r\n * Aksiyon düğmeleri için sağa yaslanmış bir satır varsayar (`justify-end`).\r\n */\r\n@Directive({\r\n  selector: '[mfCardFooter]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class CardFooter {\r\n  readonly padding = input<CardPadding>('md');\r\n  readonly bordered = input(false);\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'flex items-center justify-end gap-2',\r\n      cardSectionPadding[this.padding() ?? 'md'],\r\n      this.bordered() && 'border-t border-border',\r\n    ),\r\n  );\r\n}\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { cardSectionPadding, type CardPadding } from './card.variants';\r\n\r\n/**\r\n * `<div mfCard padding=\"none\"><div mfCardHeader bordered>...</div>...</div>`\r\n * — bkz. `cardSectionPadding`'in JSDoc'u (dış `mfCard`'ın `padding=\"none\"`\r\n * olması beklenir). `bordered` alttaki içerikten ayıran bir `border-b` ekler\r\n * — tek başlık kartlarında (alt parça yok) gereksiz, o yüzden varsayılan `false`.\r\n */\r\n@Directive({\r\n  selector: '[mfCardHeader]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class CardHeader {\r\n  readonly padding = input<CardPadding>('md');\r\n  readonly bordered = input(false);\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'flex items-start justify-between gap-3',\r\n      cardSectionPadding[this.padding() ?? 'md'],\r\n      this.bordered() && 'border-b border-border',\r\n    ),\r\n  );\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}