@k2b/ui 0.1.0-rc.0

package/dist/browser/layout/PanelHeader.js

@@ -0,0 +1,91 @@
+import { template as _$template } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<h1>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<h3>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<h2>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<p class=k2b-panel-header__subtitle>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-panel-header__actions>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div><div class=k2b-panel-header__copy><!$><!/><!$><!/></div><!$><!/>`);
+import { Show } from "solid-js";
+const Heading = props => {
+  const className = `k2b-panel-header__title ${props.size === "md" ? "is-medium" : ""}`;
+  if (props.as === "h1") return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$className(_el$, className);
+    _$insert(_el$, () => props.title);
+    return _el$;
+  })();
+  if (props.as === "h3") return (() => {
+    var _el$2 = _$getNextElement(_tmpl$2);
+    _$className(_el$2, className);
+    _$insert(_el$2, () => props.title);
+    return _el$2;
+  })();
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$3);
+    _$className(_el$3, className);
+    _$insert(_el$3, () => props.title);
+    return _el$3;
+  })();
+};
+export function PanelHeader(props) {
+  return (() => {
+    var _el$4 = _$getNextElement(_tmpl$6),
+      _el$5 = _el$4.firstChild,
+      _el$7 = _el$5.firstChild,
+      [_el$8, _co$] = _$getNextMarker(_el$7.nextSibling),
+      _el$9 = _el$8.nextSibling,
+      [_el$0, _co$2] = _$getNextMarker(_el$9.nextSibling),
+      _el$10 = _el$5.nextSibling,
+      [_el$11, _co$3] = _$getNextMarker(_el$10.nextSibling);
+    _$insert(_el$5, _$createComponent(Heading, {
+      get as() {
+        return props.as;
+      },
+      get size() {
+        return props.size;
+      },
+      get title() {
+        return props.title;
+      }
+    }), _el$8, _co$);
+    _$insert(_el$5, _$createComponent(Show, {
+      get when() {
+        return props.subtitle;
+      },
+      get children() {
+        var _el$6 = _$getNextElement(_tmpl$4);
+        _$insert(_el$6, () => props.subtitle);
+        return _el$6;
+      }
+    }), _el$0, _co$2);
+    _$insert(_el$4, _$createComponent(Show, {
+      get when() {
+        return props.actions;
+      },
+      get children() {
+        var _el$1 = _$getNextElement(_tmpl$5);
+        _$insert(_el$1, () => props.actions);
+        return _el$1;
+      }
+    }), _el$11, _co$3);
+    _$effect(_p$ => {
+      var _v$ = `k2b-panel-header ${props.class ?? ""}`,
+        _v$2 = props.size ?? "sm";
+      _v$ !== _p$.e && _$className(_el$4, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$4, "data-size", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$4;
+  })();
+}
+//# sourceMappingURL=PanelHeader.js.map

package/dist/browser/layout/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Show","Heading","props","className","size","as","_el$","_$getNextElement","_tmpl$","_$className","_$insert","title","_el$2","_tmpl$2","_el$3","_tmpl$3","PanelHeader","_el$4","_tmpl$6","_el$5","firstChild","_el$7","_el$8","_co$","_$getNextMarker","nextSibling","_el$9","_el$0","_co$2","_el$10","_el$11","_co$3","_$createComponent","when","subtitle","children","_el$6","_tmpl$4","actions","_el$1","_tmpl$5","_$effect","_p$","_v$","class","_v$2","e","t","_$setAttribute","undefined"],"sources":["layout/PanelHeader.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type PanelHeaderProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  actions?: JSX.Element;\n  as?: \"h1\" | \"h2\" | \"h3\";\n  size?: \"sm\" | \"md\";\n  class?: string;\n};\n\nconst Heading = (props: Pick<PanelHeaderProps, \"as\" | \"size\" | \"title\">): JSX.Element => {\n  const className = `k2b-panel-header__title ${props.size === \"md\" ? \"is-medium\" : \"\"}`;\n  if (props.as === \"h1\") return <h1 class={className}>{props.title}</h1>;\n  if (props.as === \"h3\") return <h3 class={className}>{props.title}</h3>;\n  return <h2 class={className}>{props.title}</h2>;\n};\n\nexport function PanelHeader(props: PanelHeaderProps): JSX.Element {\n  return (\n    <div class={`k2b-panel-header ${props.class ?? \"\"}`} data-size={props.size ?? \"sm\"}>\n      <div class=\"k2b-panel-header__copy\">\n        <Heading as={props.as} size={props.size} title={props.title} />\n        <Show when={props.subtitle}>\n          <p class=\"k2b-panel-header__subtitle\">{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-header__actions\">{props.actions}</div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}