@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-panel.mjs

@@ -0,0 +1,80 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+let nextId = 0;
+var Panel = class Panel {
+	heading = input.required(...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	headingLevel = input(3, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	headingId = `gbt-panel-heading-${nextId++}`;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Panel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Panel,
+		isStandalone: true,
+		selector: "gbt-panel",
+		inputs: {
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<section class=\"gbt-panel\" [attr.aria-labelledby]=\"headingId\">\n  <div class=\"gbt-panel__header\">\n    @switch (headingLevel()) {\n      @case (2) {\n        <h2 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h2>\n      }\n      @case (4) {\n        <h4 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h4>\n      }\n      @default {\n        <h3 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h3>\n      }\n    }\n    <div class=\"gbt-panel__actions\"><ng-content select=\"[panel-actions]\" /></div>\n  </div>\n  <div class=\"gbt-panel__body\"><ng-content /></div>\n</section>\n",
+		styles: [":host{display:block}::ng-deep gbt-panel+gbt-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gbt-hairline)}.gbt-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.75rem;margin-bottom:.5rem}.gbt-panel__heading{font-family:var(--gbt-font-display, var(--font-display));min-width:0;margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.gbt-panel__actions{display:flex;flex:none;align-items:center;gap:.25rem}.gbt-panel__actions:empty{display:none}.gbt-panel__body{color:var(--text-primary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Panel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-panel",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<section class=\"gbt-panel\" [attr.aria-labelledby]=\"headingId\">\n  <div class=\"gbt-panel__header\">\n    @switch (headingLevel()) {\n      @case (2) {\n        <h2 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h2>\n      }\n      @case (4) {\n        <h4 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h4>\n      }\n      @default {\n        <h3 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h3>\n      }\n    }\n    <div class=\"gbt-panel__actions\"><ng-content select=\"[panel-actions]\" /></div>\n  </div>\n  <div class=\"gbt-panel__body\"><ng-content /></div>\n</section>\n",
+			styles: [":host{display:block}::ng-deep gbt-panel+gbt-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gbt-hairline)}.gbt-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.75rem;margin-bottom:.5rem}.gbt-panel__heading{font-family:var(--gbt-font-display, var(--font-display));min-width:0;margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.gbt-panel__actions{display:flex;flex:none;align-items:center;gap:.25rem}.gbt-panel__actions:empty{display:none}.gbt-panel__body{color:var(--text-primary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}\n"]
+		}]
+	}],
+	propDecorators: {
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: true
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}]
+	}
+});
+export { Panel };
+
+//# sourceMappingURL=masmarino-gabarit-panel.mjs.map

package/fesm2022/masmarino-gabarit-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-panel.mjs","names":[],"sources":["../../../projects/gabarit/panel/panel.ts","../../../projects/gabarit/panel/panel.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\n\nexport type PanelHeadingLevel = 2 | 3 | 4\n\nlet nextId = 0\n\n@Component({\n  selector: 'gbt-panel',\n  standalone: true,\n  templateUrl: './panel.html',\n  styleUrl: './panel.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Panel {\n  heading = input.required<string>()\n  headingLevel = input<PanelHeadingLevel>(3)\n\n  protected readonly headingId = `gbt-panel-heading-${nextId++}`\n}\n","<section class=\"gbt-panel\" [attr.aria-labelledby]=\"headingId\">\n  <div class=\"gbt-panel__header\">\n    @switch (headingLevel()) {\n      @case (2) {\n        <h2 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h2>\n      }\n      @case (4) {\n        <h4 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h4>\n      }\n      @default {\n        <h3 class=\"gbt-panel__heading\" [id]=\"headingId\">{{ heading() }}</h3>\n      }\n    }\n    <div class=\"gbt-panel__actions\"><ng-content select=\"[panel-actions]\" /></div>\n  </div>\n  <div class=\"gbt-panel__body\"><ng-content /></div>\n</section>\n"],"mappings":";;AAIA,IAAI,SAAS;AASb,IAAa,QAAb,MAAa,MAAK;CAChB,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,eAAe,MAAyB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEvB,YAAY,qBAAqB;CAJzC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAK,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAL,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAK,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UCblB;EAiBA,QAAA,CAAA,8pBAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADJa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAK,YAAA,CAAA;EAPjB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAW,YACT;GAAI,iBAGC,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,8pBAAA;EAAA,CAAA"}