scb-wc-test 0.1.351 → 0.1.352

package/all.js

@@ -85,6 +85,7 @@ import './mvc/components/scb-textfield/scb-textfield.js';
 import './mvc/components/scb-toc/scb-toc-item.js';
 import './mvc/components/scb-toc/scb-toc.js';
 import './mvc/components/scb-tooltip/scb-tooltip.js';
+import './mvc/components/scb-vignette/scb-vignette.js';
 import './mvc/components/scb-viz/scb-viz-actions-runtime.js';
 import './mvc/components/scb-viz/scb-viz-print-runtime.js';
 import './mvc/components/scb-viz/scb-viz-series-differentiation-registry.js';
@@ -179,6 +180,7 @@ import './scb-textfield/scb-textfield.js';
 import './scb-toc/scb-toc-item.js';
 import './scb-toc/scb-toc.js';
 import './scb-tooltip/scb-tooltip.js';
+import './scb-vignette/scb-vignette.js';
 import './scb-viz/scb-viz-actions-runtime.js';
 import './scb-viz/scb-viz-print-runtime.js';
 import './scb-viz/scb-viz-series-differentiation-registry.js';

package/index.d.ts

@@ -81,6 +81,7 @@ export * from './scb-textfield/scb-textfield';
 export * from './scb-toc/scb-toc-item';
 export * from './scb-toc/scb-toc';
 export * from './scb-tooltip/scb-tooltip';
+export * from './scb-vignette/scb-vignette';
 export * from './scb-viz/scb-viz-actions-runtime';
 export * from './scb-viz/scb-viz-print-runtime';
 export * from './scb-viz/scb-viz-series-differentiation-registry';

package/index.js

@@ -81,4 +81,5 @@ import "./scb-textfield/scb-textfield.js";
 import "./scb-toc/scb-toc-item.js";
 import "./scb-toc/scb-toc.js";
 import "./scb-tooltip/scb-tooltip.js";
+import "./scb-vignette/scb-vignette.js";
 import "./scb-viz/scb-viz.js";

package/mvc/components/all.js

@@ -81,6 +81,7 @@ import './scb-textfield/scb-textfield.js';
 import './scb-toc/scb-toc.js';
 import './scb-toc/scb-toc-item.js';
 import './scb-tooltip/scb-tooltip.js';
+import './scb-vignette/scb-vignette.js';
 import './scb-viz/scb-viz.js';
 import './scb-viz/scb-viz-actions-runtime.js';
 import './scb-viz/scb-viz-print-runtime.js';

package/mvc/components/scb-vignette/scb-vignette.js

@@ -0,0 +1,30 @@
+import{a as g,n as c,i as l,x as h,t as b}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,n,i){try{customElements.get(s)||e(s,n,i)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var v=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,s,n)=>{for(var i=n>1?void 0:n?d(e,s):e,a=t.length-1,o;a>=0;a--)(o=t[a])&&(i=(n?o(e,s,i):o(i))||i);return n&&i&&v(e,s,i),i};let r=class extends l{constructor(){super(...arguments),this.label="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t,n=this.mapSpacingToken(this.spacingLeft),i=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-vignette-spacing-block-start",e):this.style.removeProperty("--scb-vignette-spacing-block-start"),s?this.style.setProperty("--scb-vignette-spacing-block-end",s):this.style.removeProperty("--scb-vignette-spacing-block-end"),n?this.style.setProperty("--scb-vignette-spacing-inline-start",n):this.style.removeProperty("--scb-vignette-spacing-inline-start"),i?this.style.setProperty("--scb-vignette-spacing-inline-end",i):this.style.removeProperty("--scb-vignette-spacing-inline-end")}render(){return h`
+      <div class="vignette">
+        <p>${this.label}</p>
+      </div>
+    `}};r.styles=g`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-vignette-spacing-block-start, 0);
+      margin-block-end: var(--scb-vignette-spacing-block-end, 0);
+      margin-inline-start: var(--scb-vignette-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-vignette-spacing-inline-end, 0);
+    }
+
+    .vignette {
+      padding: 4px 8px;
+      border-radius: 8px;
+      border: 1px solid #484473;
+      width: fit-content;
+      color: #484473;
+    }
+
+    .vignette p {
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 550;
+      line-height: 22px;
+      margin: 0;
+      color: var(--md-sys-color-on-surface);
+    }
+  `;p([c({type:String})],r.prototype,"label",2);p([c({type:String,reflect:!0})],r.prototype,"spacing",2);p([c({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",2);p([c({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",2);p([c({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",2);p([c({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",2);r=p([b("scb-vignette")],r);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.351",
+    "version":  "0.1.352",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -396,6 +396,10 @@
                                           "import":  "./scb-tooltip/scb-tooltip.js",
                                           "require":  "./scb-tooltip/scb-tooltip.js"
                                       },
+                    "./scb-vignette":  {
+                                           "import":  "./scb-vignette/scb-vignette.js",
+                                           "require":  "./scb-vignette/scb-vignette.js"
+                                       },
                     "./scb-viz":  {
                                       "import":  "./scb-viz/scb-viz.js",
                                       "require":  "./scb-viz/scb-viz.js"
@@ -422,5 +426,5 @@
                                                         },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "2CA2B0AC9C2FF74C81A20BF63BC2927E22EF16936F4CB2CC36E6ADECED370630"
+    "buildHash":  "B73507616BFC413BD85E78BCEEAD144DF989B1B457AD9F6AD678E76661A0D5A1"
 }

package/scb-vignette/scb-vignette.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export declare class ScbVignette extends LitElement {
+    label: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    private applySpacing;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-vignette': ScbVignette;
+    }
+}

package/scb-vignette/scb-vignette.js

@@ -0,0 +1,82 @@
+import { css as g, LitElement as l, html as h } from "lit";
+import { property as o, customElement as v } from "lit/decorators.js";
+var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (t, e, n, p) => {
+  for (var i = p > 1 ? void 0 : p ? m(e, n) : e, a = t.length - 1, c; a >= 0; a--)
+    (c = t[a]) && (i = (p ? c(e, n, i) : c(i)) || i);
+  return p && i && b(e, n, i), i;
+};
+let s = class extends l {
+  constructor() {
+    super(...arguments), this.label = "", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0;
+  }
+  updated(t) {
+    super.updated(t), (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) && this.applySpacing();
+  }
+  mapSpacingToken(t) {
+    if (!t) return;
+    const e = String(t).trim();
+    if (e)
+      return /^\d+$/.test(e) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(e, 10)))})` : e;
+  }
+  applySpacing() {
+    const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, n = this.mapSpacingToken(this.spacingBottom) ?? t, p = this.mapSpacingToken(this.spacingLeft), i = this.mapSpacingToken(this.spacingRight);
+    e ? this.style.setProperty("--scb-vignette-spacing-block-start", e) : this.style.removeProperty("--scb-vignette-spacing-block-start"), n ? this.style.setProperty("--scb-vignette-spacing-block-end", n) : this.style.removeProperty("--scb-vignette-spacing-block-end"), p ? this.style.setProperty("--scb-vignette-spacing-inline-start", p) : this.style.removeProperty("--scb-vignette-spacing-inline-start"), i ? this.style.setProperty("--scb-vignette-spacing-inline-end", i) : this.style.removeProperty("--scb-vignette-spacing-inline-end");
+  }
+  render() {
+    return h`
+      <div class="vignette">
+        <p>${this.label}</p>
+      </div>
+    `;
+  }
+};
+s.styles = g`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-vignette-spacing-block-start, 0);
+      margin-block-end: var(--scb-vignette-spacing-block-end, 0);
+      margin-inline-start: var(--scb-vignette-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-vignette-spacing-inline-end, 0);
+    }
+
+    .vignette {
+      padding: 4px 8px;
+      border-radius: 8px;
+      border: 1px solid #484473;
+      width: fit-content;
+      color: #484473;
+    }
+
+    .vignette p {
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 550;
+      line-height: 22px;
+      margin: 0;
+      color: var(--md-sys-color-on-surface);
+    }
+  `;
+r([
+  o({ type: String })
+], s.prototype, "label", 2);
+r([
+  o({ type: String, reflect: !0 })
+], s.prototype, "spacing", 2);
+r([
+  o({ type: String, attribute: "spacing-top", reflect: !0 })
+], s.prototype, "spacingTop", 2);
+r([
+  o({ type: String, attribute: "spacing-bottom", reflect: !0 })
+], s.prototype, "spacingBottom", 2);
+r([
+  o({ type: String, attribute: "spacing-left", reflect: !0 })
+], s.prototype, "spacingLeft", 2);
+r([
+  o({ type: String, attribute: "spacing-right", reflect: !0 })
+], s.prototype, "spacingRight", 2);
+s = r([
+  v("scb-vignette")
+], s);
+export {
+  s as ScbVignette
+};