scb-wc-test 0.1.1

package/scb-grid/scb-grid-item.js

@@ -0,0 +1,66 @@
+import { css as m, LitElement as f, html as b } from "lit";
+import { property as l, customElement as g } from "lit/decorators.js";
+var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, y = (e) => {
+  throw TypeError(e);
+}, a = (e, t, r, c) => {
+  for (var o = c > 1 ? void 0 : c ? S(t, r) : t, h = e.length - 1, u; h >= 0; h--)
+    (u = e[h]) && (o = (c ? u(t, r, o) : u(o)) || o);
+  return c && o && v(t, r, o), o;
+}, _ = (e, t, r) => t.has(e) || y("Cannot " + r), x = (e, t, r) => t.has(e) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), p = (e, t, r) => (_(e, t, "access private method"), r), i, d, n;
+let s = class extends f {
+  constructor() {
+    super(...arguments), x(this, i), this.fit = !1;
+  }
+  firstUpdated() {
+    p(this, i, d).call(this);
+  }
+  updated() {
+    p(this, i, d).call(this);
+  }
+  render() {
+    return b`<slot></slot>`;
+  }
+};
+i = /* @__PURE__ */ new WeakSet();
+d = function() {
+  p(this, i, n).call(this, "--col-span", this.hasAttribute("col-span") ? String(this.colSpan) : null), p(this, i, n).call(this, "--col-span-compact", this.hasAttribute("col-span-compact") ? String(this.colSpanCompact) : null), p(this, i, n).call(this, "--col-span-medium", this.hasAttribute("col-span-medium") ? String(this.colSpanMedium) : null), p(this, i, n).call(this, "--col-span-expanded", this.hasAttribute("col-span-expanded") ? String(this.colSpanExpanded) : null), this.align ? this.style.setProperty("--scb-grid-item-align", this.align) : this.style.removeProperty("--scb-grid-item-align"), this.justify ? this.style.setProperty("--scb-grid-item-justify", this.justify) : this.style.removeProperty("--scb-grid-item-justify");
+};
+n = function(e, t) {
+  t === null || t === "" ? this.style.removeProperty(e) : this.style.setProperty(e, t);
+};
+s.styles = m`
+    :host {
+      box-sizing: border-box;
+      display: block;
+      align-self:  var(--scb-grid-item-align, auto);
+      justify-self: var(--scb-grid-item-justify, auto);
+    }
+    :host([fit]) { width: fit-content; max-width: 100%; }
+  `;
+a([
+  l({ type: Number, attribute: "col-span", reflect: !0 })
+], s.prototype, "colSpan", 2);
+a([
+  l({ type: Number, attribute: "col-span-compact", reflect: !0 })
+], s.prototype, "colSpanCompact", 2);
+a([
+  l({ type: Number, attribute: "col-span-medium", reflect: !0 })
+], s.prototype, "colSpanMedium", 2);
+a([
+  l({ type: Number, attribute: "col-span-expanded", reflect: !0 })
+], s.prototype, "colSpanExpanded", 2);
+a([
+  l({ type: String, reflect: !0 })
+], s.prototype, "align", 2);
+a([
+  l({ type: String, reflect: !0 })
+], s.prototype, "justify", 2);
+a([
+  l({ type: Boolean, reflect: !0 })
+], s.prototype, "fit", 2);
+s = a([
+  g("scb-grid-item")
+], s);
+export {
+  s as ScbGridItem
+};

package/scb-grid/scb-grid.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+
+/**
+ * <scb-grid>
+ * Responsivt kolumn-grid enligt M3 window size classes.
+ * Kolumner: 4 (compact) / 8 (medium) / 12 (expanded)
+ * Gap: var(--spacing-7, 24px) om inget anges
+ * Barnen (grid-items) styra span via CSS-var som sätts av <scb-grid-item>:
+ *   --col-span, --col-span-compact, --col-span-medium, --col-span-expanded
+ */
+export declare class ScbGrid extends LitElement {
+    #private;
+    colsCompact: number;
+    colsMedium: number;
+    colsExpanded: number;
+    gap: string;
+    rowGap: string;
+    columnGap: string;
+    alignItems: 'stretch' | 'start' | 'center' | 'end';
+    justifyItems: 'stretch' | 'start' | 'center' | 'end';
+    paddingInline: string;
+    paddingBlock: string;
+    maxWidth: string;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-grid': ScbGrid;
+    }
+}

package/scb-grid/scb-grid.js

@@ -0,0 +1,152 @@
+import { css as h, LitElement as v, html as b } from "lit";
+import { property as a, customElement as y } from "lit/decorators.js";
+var x = Object.defineProperty, f = Object.getOwnPropertyDescriptor, u = (r) => {
+  throw TypeError(r);
+}, s = (r, t, i, n) => {
+  for (var c = n > 1 ? void 0 : n ? f(t, i) : t, l = r.length - 1, m; l >= 0; l--)
+    (m = r[l]) && (c = (n ? m(t, i, c) : m(c)) || c);
+  return n && c && x(t, i, c), c;
+}, w = (r, t, i) => t.has(r) || u("Cannot " + i), _ = (r, t, i) => t.has(r) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), d = (r, t, i) => (w(r, t, "access private method"), i), o, g, p;
+let e = class extends v {
+  constructor() {
+    super(...arguments), _(this, o), this.colsCompact = 4, this.colsMedium = 8, this.colsExpanded = 12, this.gap = "", this.rowGap = "", this.columnGap = "", this.alignItems = "stretch", this.justifyItems = "stretch", this.paddingInline = "", this.paddingBlock = "", this.maxWidth = "";
+  }
+  firstUpdated() {
+    d(this, o, g).call(this);
+  }
+  updated() {
+    d(this, o, g).call(this);
+  }
+  render() {
+    return b`<div class="grid"><slot></slot></div>`;
+  }
+};
+o = /* @__PURE__ */ new WeakSet();
+g = function() {
+  this.style.setProperty("--scb-grid-cols-compact", String(this.colsCompact)), this.style.setProperty("--scb-grid-cols-medium", String(this.colsMedium)), this.style.setProperty("--scb-grid-cols-expanded", String(this.colsExpanded));
+  const r = "var(--spacing-7, 24px)", t = this.rowGap || this.gap || r, i = this.columnGap || this.gap || r;
+  this.style.setProperty("--scb-grid-row-gap", t), this.style.setProperty("--scb-grid-column-gap", i), this.style.setProperty("--scb-grid-gap", `${t} ${i}`), this.style.setProperty("--scb-grid-align-items", this.alignItems), this.style.setProperty("--scb-grid-justify-items", this.justifyItems), d(this, o, p).call(this, "--scb-grid-max-width", this.maxWidth), d(this, o, p).call(this, "--scb-grid-padding-inline", this.paddingInline), d(this, o, p).call(this, "--scb-grid-padding-block", this.paddingBlock);
+};
+p = function(r, t) {
+  t ? this.style.setProperty(r, t) : this.style.removeProperty(r);
+};
+e.styles = h`
+  :host {
+    box-sizing: border-box;
+    display: block;
+    max-width: var(--scb-grid-max-width, 1440px);
+    margin-inline: auto;
+    padding-inline: var(--scb-grid-padding-inline, 0);
+    padding-block:  var(--scb-grid-padding-block, 0);
+
+    container-type: inline-size;
+  }
+
+  .grid {
+    display: grid;
+    width: 100%;
+    gap: var(--scb-grid-gap, var(--spacing-7, 24px));
+    grid-auto-flow: row dense;
+    grid-auto-rows: var(--scb-grid-auto-rows, auto);
+    align-items:   var(--scb-grid-align-items, stretch);
+    justify-items: var(--scb-grid-justify-items, stretch);
+
+    /* Compact baseline */
+    grid-template-columns: repeat(var(--scb-grid-cols-compact, 4), minmax(0, 1fr));
+  }
+
+  .grid > slot { display: contents; }
+
+  .grid ::slotted(*) {
+    grid-column: span var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)));
+    grid-column: span min(
+      max(1, var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)))) ,
+      var(--scb-grid-cols-compact, 4)
+    );
+  }
+
+   @supports not (container-type: inline-size) {
+    @media (min-width: 600px) {
+      .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
+      .grid ::slotted(*) {
+        grid-column: span var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)));
+        grid-column: span min(
+          max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
+          var(--scb-grid-cols-medium, 8)
+        );
+      }
+    }
+    @media (min-width: 840px) {
+      .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
+      .grid ::slotted(*) {
+        grid-column: span var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)));
+        grid-column: span min(
+          max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
+          var(--scb-grid-cols-expanded, 12)
+        );
+      }
+    }
+  }
+
+  @supports (container-type: inline-size) {
+    @container (min-width: 600px) {
+      .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
+      .grid ::slotted(*) {
+        grid-column: span var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)));
+        grid-column: span min(
+          max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
+          var(--scb-grid-cols-medium, 8)
+        );
+      }
+    }
+    @container (min-width: 840px) {
+      .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
+      .grid ::slotted(*) {
+        grid-column: span var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)));
+        grid-column: span min(
+          max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
+          var(--scb-grid-cols-expanded, 12)
+        );
+      }
+    }
+  }
+`;
+s([
+  a({ type: Number, attribute: "cols-compact", reflect: !0 })
+], e.prototype, "colsCompact", 2);
+s([
+  a({ type: Number, attribute: "cols-medium", reflect: !0 })
+], e.prototype, "colsMedium", 2);
+s([
+  a({ type: Number, attribute: "cols-expanded", reflect: !0 })
+], e.prototype, "colsExpanded", 2);
+s([
+  a({ type: String, reflect: !0 })
+], e.prototype, "gap", 2);
+s([
+  a({ type: String, attribute: "row-gap", reflect: !0 })
+], e.prototype, "rowGap", 2);
+s([
+  a({ type: String, attribute: "column-gap", reflect: !0 })
+], e.prototype, "columnGap", 2);
+s([
+  a({ type: String, attribute: "align-items", reflect: !0 })
+], e.prototype, "alignItems", 2);
+s([
+  a({ type: String, attribute: "justify-items", reflect: !0 })
+], e.prototype, "justifyItems", 2);
+s([
+  a({ type: String, attribute: "padding-inline", reflect: !0 })
+], e.prototype, "paddingInline", 2);
+s([
+  a({ type: String, attribute: "padding-block", reflect: !0 })
+], e.prototype, "paddingBlock", 2);
+s([
+  a({ type: String, attribute: "max-width", reflect: !0 })
+], e.prototype, "maxWidth", 2);
+e = s([
+  y("scb-grid")
+], e);
+export {
+  e as ScbGrid
+};

package/scb-grid/scb-stack.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+
+/**
+ * <scb-stack>
+ * Minimal 1D-layout (flex) för innehåll inuti t.ex. <scb-grid-item>.
+ * - direction: row | column
+ * - gap: token-fallback (var(--spacing-5, 16px))
+ * - align (align-items) / justify (justify-content)
+ * - wrap: bryt rad i row-läge
+ * - inline: inline-flex istället för block
+ */
+export declare class ScbStack extends LitElement {
+    #private;
+    direction: 'row' | 'column';
+    gap: string;
+    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    wrap: boolean;
+    inline: boolean;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-stack': ScbStack;
+    }
+}

package/scb-grid/scb-stack.js

@@ -0,0 +1,82 @@
+import { css as d, LitElement as u, html as v } from "lit";
+import { property as c, customElement as g } from "lit/decorators.js";
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, f = (e) => {
+  throw TypeError(e);
+}, i = (e, t, s, n) => {
+  for (var a = n > 1 ? void 0 : n ? w(t, s) : t, o = e.length - 1, l; o >= 0; o--)
+    (l = e[o]) && (a = (n ? l(t, s, a) : l(a)) || a);
+  return n && a && b(t, s, a), a;
+}, x = (e, t, s) => t.has(e) || f("Cannot " + s), _ = (e, t, s) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), y = (e, t, s) => (x(e, t, "access private method"), s), p, h;
+let r = class extends u {
+  constructor() {
+    super(...arguments), _(this, p), this.direction = "column", this.gap = "", this.align = "stretch", this.justify = "start", this.wrap = !1, this.inline = !1;
+  }
+  firstUpdated() {
+    y(this, p, h).call(this);
+  }
+  updated() {
+    y(this, p, h).call(this);
+  }
+  render() {
+    return v`<slot></slot>`;
+  }
+};
+p = /* @__PURE__ */ new WeakSet();
+h = function() {
+  this.style.setProperty("--scb-stack-direction", this.direction), this.style.setProperty("--scb-stack-gap", this.gap || "var(--spacing-5, 16px)");
+  const e = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+    baseline: "baseline"
+  }, t = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly"
+  };
+  this.style.setProperty("--scb-stack-align", e[this.align] ?? "stretch"), this.style.setProperty("--scb-stack-justify", t[this.justify] ?? "flex-start"), this.style.setProperty("--scb-stack-wrap", this.wrap ? "wrap" : "nowrap");
+};
+r.styles = d`
+    :host {
+      box-sizing: border-box;
+      display: var(--scb-stack-display, flex);
+      flex-direction: var(--scb-stack-direction, column);
+      gap: var(--scb-stack-gap, var(--spacing-5, 16px));
+      align-items: var(--scb-stack-align, stretch);
+      justify-content: var(--scb-stack-justify, flex-start);
+      flex-wrap: var(--scb-stack-wrap, nowrap);
+      width: auto;
+      max-width: 100%;
+    }
+    :host([inline]) {
+      --scb-stack-display: inline-flex;
+    }
+  `;
+i([
+  c({ type: String, reflect: !0 })
+], r.prototype, "direction", 2);
+i([
+  c({ type: String, reflect: !0 })
+], r.prototype, "gap", 2);
+i([
+  c({ type: String, reflect: !0 })
+], r.prototype, "align", 2);
+i([
+  c({ type: String, reflect: !0 })
+], r.prototype, "justify", 2);
+i([
+  c({ type: Boolean, reflect: !0 })
+], r.prototype, "wrap", 2);
+i([
+  c({ type: Boolean, reflect: !0 })
+], r.prototype, "inline", 2);
+r = i([
+  g("scb-stack")
+], r);
+export {
+  r as ScbStack
+};

package/scb-header/scb-header-drawer-group.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+
+export declare class ScbHeaderDrawerGroup extends LitElement {
+    label: string;
+    icon?: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-drawer-group': ScbHeaderDrawerGroup;
+    }
+}

package/scb-header/scb-header-drawer-group.js

@@ -0,0 +1,28 @@
+import { css as m, LitElement as i, html as u } from "lit";
+import { property as c, customElement as f } from "lit/decorators.js";
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (a, t, p, o) => {
+  for (var r = o > 1 ? void 0 : o ? b(t, p) : t, s = a.length - 1, l; s >= 0; s--)
+    (l = a[s]) && (r = (o ? l(t, p, r) : l(r)) || r);
+  return o && r && y(t, p, r), r;
+};
+let e = class extends i {
+  constructor() {
+    super(...arguments), this.label = "";
+  }
+  render() {
+    return u`<slot></slot>`;
+  }
+};
+e.styles = m`:host{display:none !important}`;
+n([
+  c({ type: String })
+], e.prototype, "label", 2);
+n([
+  c({ type: String })
+], e.prototype, "icon", 2);
+e = n([
+  f("scb-header-drawer-group")
+], e);
+export {
+  e as ScbHeaderDrawerGroup
+};

package/scb-header/scb-header-drawer-item.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+
+export declare class ScbHeaderDrawerItem extends LitElement {
+    label: string;
+    href: string;
+    icon?: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-drawer-item': ScbHeaderDrawerItem;
+    }
+}

package/scb-header/scb-header-drawer-item.js

@@ -0,0 +1,31 @@
+import { css as a, LitElement as c, html as f } from "lit";
+import { property as i, customElement as y } from "lit/decorators.js";
+var h = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (m, t, s, o) => {
+  for (var e = o > 1 ? void 0 : o ? u(t, s) : t, l = m.length - 1, n; l >= 0; l--)
+    (n = m[l]) && (e = (o ? n(t, s, e) : n(e)) || e);
+  return o && e && h(t, s, e), e;
+};
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.label = "", this.href = "#";
+  }
+  render() {
+    return f`<slot></slot>`;
+  }
+};
+r.styles = a`:host{display:none !important}`;
+p([
+  i({ type: String })
+], r.prototype, "label", 2);
+p([
+  i({ type: String })
+], r.prototype, "href", 2);
+p([
+  i({ type: String })
+], r.prototype, "icon", 2);
+r = p([
+  y("scb-header-drawer-item")
+], r);
+export {
+  r as ScbHeaderDrawerItem
+};

package/scb-header/scb-header-tab.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+
+export declare class ScbHeaderTab extends LitElement {
+    label: string;
+    href: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-tab': ScbHeaderTab;
+    }
+}

package/scb-header/scb-header-tab.js

@@ -0,0 +1,28 @@
+import { css as c, LitElement as f, html as i } from "lit";
+import { property as m, customElement as b } from "lit/decorators.js";
+var h = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (a, r, o, s) => {
+  for (var e = s > 1 ? void 0 : s ? u(r, o) : r, p = a.length - 1, l; p >= 0; p--)
+    (l = a[p]) && (e = (s ? l(r, o, e) : l(e)) || e);
+  return s && e && h(r, o, e), e;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.label = "", this.href = "#";
+  }
+  render() {
+    return i`<slot></slot>`;
+  }
+};
+t.styles = c`:host{display:none !important}`;
+n([
+  m({ type: String })
+], t.prototype, "label", 2);
+n([
+  m({ type: String })
+], t.prototype, "href", 2);
+t = n([
+  b("scb-header-tab")
+], t);
+export {
+  t as ScbHeaderTab
+};

package/scb-header/scb-header-utility.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+
+export declare class ScbHeaderUtility extends LitElement {
+    label: string;
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header-utility': ScbHeaderUtility;
+    }
+}

package/scb-header/scb-header-utility.js

@@ -0,0 +1,31 @@
+import { css as a, LitElement as m, html as c } from "lit";
+import { property as i, customElement as f } from "lit/decorators.js";
+var h = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (y, r, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? u(r, s) : r, l = y.length - 1, n; l >= 0; l--)
+    (n = y[l]) && (t = (o ? n(r, s, t) : n(t)) || t);
+  return o && t && h(r, s, t), t;
+};
+let e = class extends m {
+  constructor() {
+    super(...arguments), this.label = "", this.href = "#";
+  }
+  render() {
+    return c`<slot></slot>`;
+  }
+};
+e.styles = a`:host{display:none !important}`;
+p([
+  i({ type: String })
+], e.prototype, "label", 2);
+p([
+  i({ type: String })
+], e.prototype, "href", 2);
+p([
+  i({ type: String })
+], e.prototype, "target", 2);
+e = p([
+  f("scb-header-utility")
+], e);
+export {
+  e as ScbHeaderUtility
+};

package/scb-header/scb-header.d.ts

@@ -0,0 +1,105 @@
+import { LitElement, TemplateResult } from 'lit';
+
+export interface HeaderTab {
+    label: string;
+    href: string;
+}
+export interface UtilityItem {
+    label: string;
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+}
+export interface DrawerNode {
+    label: string;
+    href?: string;
+    icon?: string;
+    children?: DrawerNode[];
+}
+export declare class ScbHeader extends LitElement {
+    maxWidth: string;
+    logoText: string;
+    logoHref: string;
+    banner: boolean;
+    bannerLabel?: string;
+    private static readonly _JSON_ARRAY;
+    tabs: HeaderTab[];
+    activeTab: number;
+    utilityItems: UtilityItem[];
+    searchPlaceholder?: string;
+    drawerLabel?: string;
+    drawerSubLabel?: string;
+    drawerSectionLabel?: string;
+    drawerSearchPlaceholder?: string;
+    menuData?: DrawerNode[];
+    showDrawer: boolean;
+    showSearch: boolean;
+    includeUtilityInDrawer: boolean;
+    searchMax?: string;
+    searchMin?: string;
+    private _drawerId;
+    private _paddingInline;
+    private _drawerMounted;
+    private _drawerExpanded;
+    private _searchId;
+    private _slotTabs;
+    private _slotUtils;
+    private _slotMenu;
+    private _ro?;
+    private _measureScheduled;
+    private _scheduleMeasure;
+    private _onWindowResize;
+    private _onDrawerSelect;
+    private _collapsed;
+    private _unlockAtWidth;
+    private _hideLogoText;
+    private _logoTextUnlockAt;
+    private static readonly BP_SM_DEFAULT;
+    private static readonly BP_MD_DEFAULT;
+    private get _HYST();
+    private get BP_SM();
+    private get BP_MD();
+    private _slotMo?;
+    private _harvestPending;
+    private _scheduleHarvest;
+    static styles: import('lit').CSSResult;
+    private get _slotEl();
+    private get _top();
+    private get _util();
+    private get _tabsEl();
+    private get _logoGroup();
+    private get _searchWrap();
+    private get _menuBtn();
+    private get _searchEl();
+    private _attachSlotObservers;
+    private _harvest;
+    private _setCollapsed;
+    private _setHideSearch;
+    private _setHideLogoText;
+    private _num;
+    private _tokenPx;
+    private _visible;
+    private _overflows;
+    private _measure;
+    private _updatePadding;
+    firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private static _nextFrame;
+    private _ensureDrawerMounted;
+    private _openDrawerNow;
+    private _closeDrawerNow;
+    private _syncMenuBtnAria;
+    private _onMenuClick;
+    private _onSearchClick;
+    private _onTabsChange;
+    private _applyActiveToTabs;
+    private _renderDrawerNodes;
+    private _syncFlags;
+    render(): TemplateResult;
+    private _renderLogo;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-header': ScbHeader;
+    }
+}