@oicl/openbridge-webcomponents 0.0.7 → 0.0.8

package/dist/components/rich-button/rich-button.css.js

@@ -0,0 +1,182 @@
+import { css } from "lit";
+const compentStyle = css`* {
+    box-sizing: border-box;
+}
+
+.wrapper {
+    position: relative;
+    background-color: var(--container-background-color);
+    box-shadow: var(--shadow-flat);
+    overflow: hidden;
+}
+
+.wrapper.top, .wrapper.regular {
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
+    }
+
+.wrapper.bottom, .wrapper.regular {
+        border-bottom-left-radius: 6px;
+        border-bottom-right-radius: 6px;
+    }
+
+button {
+    width: 100%;
+    appearance: none;
+    border-width: 0 !important;
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    padding: 0;
+}
+
+button {
+    border-color: var(--flat-enabled-border-color);
+    background-color: var(--flat-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+button:focus {
+    outline: none;
+}
+
+button.activated {
+    border-color: var(--flat-activated-border-color);
+    background-color: var(--flat-activated-background-color);
+}
+
+button:focus-visible {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+button:hover {
+    border-color: var(--flat-hover-border-color);
+    background-color: var(--flat-hover-background-color);
+}
+
+button:active {
+    border-color: var(--flat-pressed-border-color);
+    background-color: var(--flat-pressed-background-color);
+}
+
+button:disabled {
+    border-color: var(--flat-disabled-border-color);
+    background-color: var(--flat-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-flat-disabled-color);
+}
+
+.top.border button, .center.border button {
+    border-bottom: 1px solid var(--border-outline-color) !important;
+}
+
+.bottom.border button{
+    border-top: 1px solid var(--border-outline-color) !important;
+}
+
+.container {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px;
+}
+
+.wrapper.single-line .container {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+.container-content {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    gap: 8px;
+    padding: 8px;
+    min-width: 0;
+}
+
+.content {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.leading-icon {
+    display: block;
+    width: 32px;
+    height: 24px;
+    padding-right: 8px;
+    color: var(--element-neutral-color);
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+
+.trailing-icon {
+    width: 40px;
+    height: 24px;
+    padding-left: 8px;
+    padding-right: 8px;
+    color: var(--element-neutral-color);
+    flex-shrink: 0;
+    flex-grow: 0;
+
+}
+
+::slotted([slot="label"]) {
+    /* UI/Body */
+    font-family: 'Noto Sans';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 370;
+    line-height: 24px;
+    /* 150% */
+    text-decoration: none;
+    color: var(--element-active-color);
+}
+
+::slotted([slot="description"]) {
+    font-family: 'Noto Sans';
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 370;
+    line-height: 16px;
+    /* 133.333% */
+    color: var(--element-neutral-color);
+}
+
+.double-line ::slotted([slot="description"])  {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.status {
+    /* UI/Body */
+    font-family: 'Noto Sans';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 370;
+    line-height: 24px;
+    /* 150% */
+    text-decoration: none;
+    color: var(--element-neutral-color);
+}
+
+.graphic {
+    width: 100%;
+}
+
+.graphic-border .graphic {
+    border-bottom: 1px solid var(--border-outline-color);
+    margin-bottom: -1px;
+}
+`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=rich-button.css.js.map

package/dist/components/rich-button/rich-button.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/rich-button/rich-button.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+export declare enum ObcRichButtonPosition {
+    Regular = "regular",
+    Top = "top",
+    Bottom = "bottom",
+    Center = "center"
+}
+export type ObcRichButtonPositionType = 'regular' | 'top' | 'bottom' | 'center';
+export declare enum ObcRichButtonSize {
+    SingleLine = "single-line",
+    DoubleLine = "double-line",
+    MultiLine = "multi-line"
+}
+export type ObcRichButtonSizeType = 'single-line' | 'double-line' | 'multi-line';
+export declare class ObcRichButton extends LitElement {
+    position: ObcRichButtonPositionType;
+    size: ObcRichButtonSizeType;
+    hasLeadingIcon: boolean;
+    hasTrailingIcon: boolean;
+    hasStatus: boolean;
+    hasGraphic: boolean;
+    graphicBorder: boolean;
+    border: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-rich-button': ObcRichButton;
+    }
+}
+//# sourceMappingURL=rich-button.d.ts.map

package/dist/components/rich-button/rich-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-button.d.ts","sourceRoot":"","sources":["../../../src/components/rich-button/rich-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AACD,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhF,oBAAY,iBAAiB;IAC3B,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,SAAS,eAAe;CACzB;AACD,MAAM,MAAM,qBAAqB,GAC7B,aAAa,GACb,aAAa,GACb,YAAY,CAAC;AAEjB,qBACa,aAAc,SAAQ,UAAU;IACjB,QAAQ,EAAE,yBAAyB,CAC7B;IACN,IAAI,EAAE,qBAAqB,CACtB;IAC2B,cAAc,UAChE;IACmD,eAAe,UAClE;IAC4C,SAAS,UAAS;IACjB,UAAU,UAAS;IAChB,aAAa,UAAS;IACnD,MAAM,UAAS;IAEjC,MAAM;IAiDf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/rich-button/rich-button.js

@@ -0,0 +1,113 @@
+import { unsafeCSS, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./rich-button.css.js";
+import { classMap } from "lit/directives/class-map.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+var ObcRichButtonPosition = /* @__PURE__ */ ((ObcRichButtonPosition2) => {
+  ObcRichButtonPosition2["Regular"] = "regular";
+  ObcRichButtonPosition2["Top"] = "top";
+  ObcRichButtonPosition2["Bottom"] = "bottom";
+  ObcRichButtonPosition2["Center"] = "center";
+  return ObcRichButtonPosition2;
+})(ObcRichButtonPosition || {});
+var ObcRichButtonSize = /* @__PURE__ */ ((ObcRichButtonSize2) => {
+  ObcRichButtonSize2["SingleLine"] = "single-line";
+  ObcRichButtonSize2["DoubleLine"] = "double-line";
+  ObcRichButtonSize2["MultiLine"] = "multi-line";
+  return ObcRichButtonSize2;
+})(ObcRichButtonSize || {});
+let ObcRichButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.position = "regular";
+    this.size = "single-line";
+    this.hasLeadingIcon = false;
+    this.hasTrailingIcon = false;
+    this.hasStatus = false;
+    this.hasGraphic = false;
+    this.graphicBorder = false;
+    this.border = false;
+  }
+  render() {
+    return html`
+      <div
+        class=${classMap({
+      wrapper: true,
+      [this.position]: true,
+      [this.size]: true,
+      "graphic-border": this.graphicBorder,
+      border: this.border
+    })}
+      >
+        <button>
+          ${this.hasGraphic ? html`<div class="graphic"><slot name="graphic"></slot></div>` : nothing}
+          <div class="container">
+            <div class="container-content">
+              ${this.hasLeadingIcon ? html`<div class="leading-icon">
+                    <slot name="leading-icon"></slot>
+                  </div>` : nothing}
+              <div class="content">
+                <slot name="label"></slot>
+                ${this.size === "single-line" ? nothing : html`<slot name="description"></slot>`}
+              </div>
+            </div>
+            ${this.hasStatus ? html`
+                  <div class="status">
+                    <slot name="status"></slot>
+                  </div>
+                ` : nothing}
+            ${this.hasTrailingIcon ? html`
+                  <div class="trailing-icon">
+                    <slot name="trailing-icon"></slot>
+                  </div>
+                ` : nothing}
+          </div>
+        </button>
+      </div>
+    `;
+  }
+};
+ObcRichButton.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcRichButton.prototype, "position", 2);
+__decorateClass([
+  property({ type: String })
+], ObcRichButton.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "has-leading-icon" })
+], ObcRichButton.prototype, "hasLeadingIcon", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "has-trailing-icon" })
+], ObcRichButton.prototype, "hasTrailingIcon", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "has-status" })
+], ObcRichButton.prototype, "hasStatus", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "has-graphic" })
+], ObcRichButton.prototype, "hasGraphic", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "graphic-border" })
+], ObcRichButton.prototype, "graphicBorder", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcRichButton.prototype, "border", 2);
+ObcRichButton = __decorateClass([
+  customElement("obc-rich-button")
+], ObcRichButton);
+export {
+  ObcRichButton,
+  ObcRichButtonPosition,
+  ObcRichButtonSize
+};
+//# sourceMappingURL=rich-button.js.map

package/dist/components/rich-button/rich-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-button.js","sources":["../../../src/components/rich-button/rich-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './rich-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum ObcRichButtonPosition {\n  Regular = 'regular',\n  Top = 'top',\n  Bottom = 'bottom',\n  Center = 'center',\n}\nexport type ObcRichButtonPositionType = 'regular' | 'top' | 'bottom' | 'center';\n\nexport enum ObcRichButtonSize {\n  SingleLine = 'single-line',\n  DoubleLine = 'double-line',\n  MultiLine = 'multi-line',\n}\nexport type ObcRichButtonSizeType =\n  | 'single-line'\n  | 'double-line'\n  | 'multi-line';\n\n@customElement('obc-rich-button')\nexport class ObcRichButton extends LitElement {\n  @property({type: String}) position: ObcRichButtonPositionType =\n    ObcRichButtonPosition.Regular;\n  @property({type: String}) size: ObcRichButtonSizeType =\n    ObcRichButtonSize.SingleLine;\n  @property({type: Boolean, attribute: 'has-leading-icon'}) hasLeadingIcon =\n    false;\n  @property({type: Boolean, attribute: 'has-trailing-icon'}) hasTrailingIcon =\n    false;\n  @property({type: Boolean, attribute: 'has-status'}) hasStatus = false;\n  @property({type: Boolean, attribute: 'has-graphic'}) hasGraphic = false;\n  @property({type: Boolean, attribute: 'graphic-border'}) graphicBorder = false;\n  @property({type: Boolean}) border = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.position]: true,\n          [this.size]: true,\n          'graphic-border': this.graphicBorder,\n          border: this.border,\n        })}\n      >\n        <button>\n          ${this.hasGraphic\n            ? html`<div class=\"graphic\"><slot name=\"graphic\"></slot></div>`\n            : nothing}\n          <div class=\"container\">\n            <div class=\"container-content\">\n              ${this.hasLeadingIcon\n                ? html`<div class=\"leading-icon\">\n                    <slot name=\"leading-icon\"></slot>\n                  </div>`\n                : nothing}\n              <div class=\"content\">\n                <slot name=\"label\"></slot>\n                ${this.size === ObcRichButtonSize.SingleLine\n                  ? nothing\n                  : html`<slot name=\"description\"></slot>`}\n              </div>\n            </div>\n            ${this.hasStatus\n              ? html`\n                  <div class=\"status\">\n                    <slot name=\"status\"></slot>\n                  </div>\n                `\n              : nothing}\n            ${this.hasTrailingIcon\n              ? html`\n                  <div class=\"trailing-icon\">\n                    <slot name=\"trailing-icon\"></slot>\n                  </div>\n                `\n              : nothing}\n          </div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-rich-button': ObcRichButton;\n  }\n}\n"],"names":["ObcRichButtonPosition","ObcRichButtonSize"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,0CAAAA,2BAAL;AACLA,yBAAA,SAAU,IAAA;AACVA,yBAAA,KAAM,IAAA;AACNA,yBAAA,QAAS,IAAA;AACTA,yBAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAQA,IAAA,sCAAAC,uBAAL;AACLA,qBAAA,YAAa,IAAA;AACbA,qBAAA,YAAa,IAAA;AACbA,qBAAA,WAAY,IAAA;AAHFA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAWC,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,WAAA;AAEA,SAAA,OAAA;AAEA,SAAA,iBAAA;AAEA,SAAA,kBAAA;AAC8D,SAAA,YAAA;AACE,SAAA,aAAA;AACM,SAAA,gBAAA;AACpC,SAAA,SAAA;AAAA,EAAA;AAAA,EAE3B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,QAAQ,GAAG;AAAA,MACjB,CAAC,KAAK,IAAI,GAAG;AAAA,MACb,kBAAkB,KAAK;AAAA,MACvB,QAAQ,KAAK;AAAA,IAAA,CACd,CAAC;AAAA;AAAA;AAAA,YAGE,KAAK,aACH,gEACA,OAAO;AAAA;AAAA;AAAA,gBAGL,KAAK,iBACH;AAAA;AAAA,4BAGA,OAAO;AAAA;AAAA;AAAA,kBAGP,KAAK,SAAS,gBACZ,UACA,sCAAsC;AAAA;AAAA;AAAA,cAG5C,KAAK,YACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA,cACT,KAAK,kBACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB;AAGF;AAhEa,cA+DK,SAAS,UAAU,YAAY;AA9DrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,cAGe,WAAA,QAAA,CAAA;AAEgC,gBAAA;AAAA,EAAzD,SAAS,EAAC,MAAM,SAAS,WAAW,oBAAmB;AAAA,GAL7C,cAK+C,WAAA,kBAAA,CAAA;AAEC,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAP9C,cAOgD,WAAA,mBAAA,CAAA;AAEP,gBAAA;AAAA,EAAnD,SAAS,EAAC,MAAM,SAAS,WAAW,cAAa;AAAA,GATvC,cASyC,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAVxC,cAU0C,WAAA,cAAA,CAAA;AACG,gBAAA;AAAA,EAAvD,SAAS,EAAC,MAAM,SAAS,WAAW,kBAAiB;AAAA,GAX3C,cAW6C,WAAA,iBAAA,CAAA;AAC7B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAZd,cAYgB,WAAA,UAAA,CAAA;AAZhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/components/vendor-button/vendor-button.css.js

@@ -0,0 +1,48 @@
+import { css } from "lit";
+const compentStyle = css`.wrapper {
+    width: 100%;
+}
+.wrapper {
+    border-color: var(--flat-enabled-border-color);
+    background-color: var(--flat-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+.wrapper:focus {
+    outline: none;
+}
+.wrapper.activated {
+    border-color: var(--flat-activated-border-color);
+    background-color: var(--flat-activated-background-color);
+}
+.wrapper:focus-visible {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+.wrapper:hover {
+    border-color: var(--flat-hover-border-color);
+    background-color: var(--flat-hover-background-color);
+}
+.wrapper:active {
+    border-color: var(--flat-pressed-border-color);
+    background-color: var(--flat-pressed-background-color);
+}
+.wrapper:disabled {
+    border-color: var(--flat-disabled-border-color);
+    background-color: var(--flat-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-flat-disabled-color);
+}
+.wrapper:focus-visible {
+    outline-offset: -4px;
+  }
+.wrapper img {
+        width: 100%;
+        height: 100%;
+    }`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=vendor-button.css.js.map

package/dist/components/vendor-button/vendor-button.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/vendor-button/vendor-button.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class ObcVendorButton extends LitElement {
+    imageSrc: string;
+    alt: string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-vendor-button': ObcVendorButton;
+    }
+}
+//# sourceMappingURL=vendor-button.d.ts.map

package/dist/components/vendor-button/vendor-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-button.d.ts","sourceRoot":"","sources":["../../../src/components/vendor-button/vendor-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,qBACa,eAAgB,SAAQ,UAAU;IACK,QAAQ,SAAM;IACtC,GAAG,SAAU;IAE9B,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/vendor-button/vendor-button.js

@@ -0,0 +1,42 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./vendor-button.css.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let ObcVendorButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.imageSrc = "";
+    this.alt = "logo";
+  }
+  render() {
+    return html`
+      <button class="wrapper">
+        <img src=${this.imageSrc} alt=${this.alt} />
+      </button>
+    `;
+  }
+};
+ObcVendorButton.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String, attribute: "image-src" })
+], ObcVendorButton.prototype, "imageSrc", 2);
+__decorateClass([
+  property({ type: String })
+], ObcVendorButton.prototype, "alt", 2);
+ObcVendorButton = __decorateClass([
+  customElement("obc-vendor-button")
+], ObcVendorButton);
+export {
+  ObcVendorButton
+};
+//# sourceMappingURL=vendor-button.js.map

package/dist/components/vendor-button/vendor-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-button.js","sources":["../../../src/components/vendor-button/vendor-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './vendor-button.css?inline';\n\n@customElement('obc-vendor-button')\nexport class ObcVendorButton extends LitElement {\n  @property({type: String, attribute: 'image-src'}) imageSrc = '';\n  @property({type: String}) alt = 'logo';\n\n  override render() {\n    return html`\n      <button class=\"wrapper\">\n        <img src=${this.imageSrc} alt=${this.alt} />\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vendor-button': ObcVendorButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACwD,SAAA,WAAA;AAC7B,SAAA,MAAA;AAAA,EAAA;AAAA,EAEvB,SAAS;AACT,WAAA;AAAA;AAAA,mBAEQ,KAAK,QAAQ,QAAQ,KAAK,GAAG;AAAA;AAAA;AAAA,EAG9C;AAGF;AAba,gBAYK,SAAS,UAAU,YAAY;AAXG,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,QAAQ,WAAW,aAAY;AAAA,GADrC,gBACuC,WAAA,YAAA,CAAA;AACxB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,gBAEe,WAAA,OAAA,CAAA;AAFf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/icons/{icon-07-target-radar.d.ts → icon-01-content-copy.d.ts}

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-export declare class Obi07TargetRadar extends LitElement {
+export declare class Obi01ContentCopy extends LitElement {
     useCssColor: boolean;
     private icon;
     private iconCss;
@@ -8,7 +8,7 @@ export declare class Obi07TargetRadar extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'obi-07-target-radar': Obi07TargetRadar;
+        'obi-01-content-copy': Obi01ContentCopy;
     }
 }
-//# sourceMappingURL=icon-07-target-radar.d.ts.map
+//# sourceMappingURL=icon-01-content-copy.d.ts.map

package/dist/icons/{icon-07-target-radar.d.ts.map → icon-01-content-copy.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-07-target-radar.d.ts","sourceRoot":"","sources":["../../src/icons/icon-07-target-radar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,gBAAiB,SAAQ,UAAU;IACS,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,gBAAgB,CAAC;KACzC;CACF"}
+{"version":3,"file":"icon-01-content-copy.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-content-copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,gBAAiB,SAAQ,UAAU;IACS,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,gBAAgB,CAAC;KACzC;CACF"}

package/dist/icons/{icon-07-target-radar.js → icon-01-content-copy.js}

@@ -11,16 +11,16 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-let Obi07TargetRadar = class extends LitElement {
+let Obi01ContentCopy = class extends LitElement {
   constructor() {
     super(...arguments);
     this.useCssColor = false;
     this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z" fill="currentColor"/>
+<path d="M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z" fill="currentColor"/>
 </svg>
 `;
     this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z" style="fill: var(--element-active-color)"/>
+<path d="M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z" style="fill: var(--element-active-color)"/>
 </svg>
 `;
   }
@@ -30,7 +30,7 @@ let Obi07TargetRadar = class extends LitElement {
     `;
   }
 };
-Obi07TargetRadar.styles = css`
+Obi01ContentCopy.styles = css`
     .wrapper {
       height: 100%;
       width: 100%;
@@ -42,11 +42,11 @@ Obi07TargetRadar.styles = css`
   `;
 __decorateClass([
   property({ type: Boolean, attribute: "use-css-color" })
-], Obi07TargetRadar.prototype, "useCssColor", 2);
-Obi07TargetRadar = __decorateClass([
-  customElement("obi-07-target-radar")
-], Obi07TargetRadar);
+], Obi01ContentCopy.prototype, "useCssColor", 2);
+Obi01ContentCopy = __decorateClass([
+  customElement("obi-01-content-copy")
+], Obi01ContentCopy);
 export {
-  Obi07TargetRadar
+  Obi01ContentCopy
 };
-//# sourceMappingURL=icon-07-target-radar.js.map
+//# sourceMappingURL=icon-01-content-copy.js.map

package/dist/icons/icon-01-content-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-content-copy.js","sources":["../../src/icons/icon-01-content-copy.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-content-copy')\nexport class Obi01ContentCopy extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-01-content-copy': Obi01ContentCopy;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AA7Ba,iBAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlB8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,iBAC4C,WAAA,eAAA,CAAA;AAD5C,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;"}

package/dist/icons/{icon-07-target-ias-selected.d.ts → icon-01-content-cut.d.ts}

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-export declare class Obi07TargetIasSelected extends LitElement {
+export declare class Obi01ContentCut extends LitElement {
     useCssColor: boolean;
     private icon;
     private iconCss;
@@ -8,7 +8,7 @@ export declare class Obi07TargetIasSelected extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'obi-07-target-ias-selected': Obi07TargetIasSelected;
+        'obi-01-content-cut': Obi01ContentCut;
     }
 }
-//# sourceMappingURL=icon-07-target-ias-selected.d.ts.map
+//# sourceMappingURL=icon-01-content-cut.d.ts.map

package/dist/icons/icon-01-content-cut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-content-cut.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-content-cut.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,eAAgB,SAAQ,UAAU;IACU,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/dist/icons/icon-01-content-cut.js

@@ -0,0 +1,52 @@
+import { css, LitElement, svg, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let Obi01ContentCut = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.useCssColor = false;
+    this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 21L12 14L9.65 16.35C9.78333 16.6 9.875 16.8667 9.925 17.15C9.975 17.4333 10 17.7167 10 18C10 19.1 9.60833 20.0417 8.825 20.825C8.04167 21.6083 7.1 22 6 22C4.9 22 3.95833 21.6083 3.175 20.825C2.39167 20.0417 2 19.1 2 18C2 16.9 2.39167 15.9583 3.175 15.175C3.95833 14.3917 4.9 14 6 14C6.28333 14 6.56667 14.025 6.85 14.075C7.13333 14.125 7.4 14.2167 7.65 14.35L10 12L7.65 9.65C7.4 9.78333 7.13333 9.875 6.85 9.925C6.56667 9.975 6.28333 10 6 10C4.9 10 3.95833 9.60833 3.175 8.825C2.39167 8.04167 2 7.1 2 6C2 4.9 2.39167 3.95833 3.175 3.175C3.95833 2.39167 4.9 2 6 2C7.1 2 8.04167 2.39167 8.825 3.175C9.60833 3.95833 10 4.9 10 6C10 6.28333 9.975 6.56667 9.925 6.85C9.875 7.13333 9.78333 7.4 9.65 7.65L22 20V21H19ZM15 11L13 9L19 3H22V4L15 11ZM6 8C6.55 8 7.02083 7.80417 7.4125 7.4125C7.80417 7.02083 8 6.55 8 6C8 5.45 7.80417 4.97917 7.4125 4.5875C7.02083 4.19583 6.55 4 6 4C5.45 4 4.97917 4.19583 4.5875 4.5875C4.19583 4.97917 4 5.45 4 6C4 6.55 4.19583 7.02083 4.5875 7.4125C4.97917 7.80417 5.45 8 6 8ZM12 12.5C12.1333 12.5 12.25 12.45 12.35 12.35C12.45 12.25 12.5 12.1333 12.5 12C12.5 11.8667 12.45 11.75 12.35 11.65C12.25 11.55 12.1333 11.5 12 11.5C11.8667 11.5 11.75 11.55 11.65 11.65C11.55 11.75 11.5 11.8667 11.5 12C11.5 12.1333 11.55 12.25 11.65 12.35C11.75 12.45 11.8667 12.5 12 12.5ZM6 20C6.55 20 7.02083 19.8042 7.4125 19.4125C7.80417 19.0208 8 18.55 8 18C8 17.45 7.80417 16.9792 7.4125 16.5875C7.02083 16.1958 6.55 16 6 16C5.45 16 4.97917 16.1958 4.5875 16.5875C4.19583 16.9792 4 17.45 4 18C4 18.55 4.19583 19.0208 4.5875 19.4125C4.97917 19.8042 5.45 20 6 20Z" fill="currentColor"/>
+</svg>
+`;
+    this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 21L12 14L9.65 16.35C9.78333 16.6 9.875 16.8667 9.925 17.15C9.975 17.4333 10 17.7167 10 18C10 19.1 9.60833 20.0417 8.825 20.825C8.04167 21.6083 7.1 22 6 22C4.9 22 3.95833 21.6083 3.175 20.825C2.39167 20.0417 2 19.1 2 18C2 16.9 2.39167 15.9583 3.175 15.175C3.95833 14.3917 4.9 14 6 14C6.28333 14 6.56667 14.025 6.85 14.075C7.13333 14.125 7.4 14.2167 7.65 14.35L10 12L7.65 9.65C7.4 9.78333 7.13333 9.875 6.85 9.925C6.56667 9.975 6.28333 10 6 10C4.9 10 3.95833 9.60833 3.175 8.825C2.39167 8.04167 2 7.1 2 6C2 4.9 2.39167 3.95833 3.175 3.175C3.95833 2.39167 4.9 2 6 2C7.1 2 8.04167 2.39167 8.825 3.175C9.60833 3.95833 10 4.9 10 6C10 6.28333 9.975 6.56667 9.925 6.85C9.875 7.13333 9.78333 7.4 9.65 7.65L22 20V21H19ZM15 11L13 9L19 3H22V4L15 11ZM6 8C6.55 8 7.02083 7.80417 7.4125 7.4125C7.80417 7.02083 8 6.55 8 6C8 5.45 7.80417 4.97917 7.4125 4.5875C7.02083 4.19583 6.55 4 6 4C5.45 4 4.97917 4.19583 4.5875 4.5875C4.19583 4.97917 4 5.45 4 6C4 6.55 4.19583 7.02083 4.5875 7.4125C4.97917 7.80417 5.45 8 6 8ZM12 12.5C12.1333 12.5 12.25 12.45 12.35 12.35C12.45 12.25 12.5 12.1333 12.5 12C12.5 11.8667 12.45 11.75 12.35 11.65C12.25 11.55 12.1333 11.5 12 11.5C11.8667 11.5 11.75 11.55 11.65 11.65C11.55 11.75 11.5 11.8667 11.5 12C11.5 12.1333 11.55 12.25 11.65 12.35C11.75 12.45 11.8667 12.5 12 12.5ZM6 20C6.55 20 7.02083 19.8042 7.4125 19.4125C7.80417 19.0208 8 18.55 8 18C8 17.45 7.80417 16.9792 7.4125 16.5875C7.02083 16.1958 6.55 16 6 16C5.45 16 4.97917 16.1958 4.5875 16.5875C4.19583 16.9792 4 17.45 4 18C4 18.55 4.19583 19.0208 4.5875 19.4125C4.97917 19.8042 5.45 20 6 20Z" style="fill: var(--element-active-color)"/>
+</svg>
+`;
+  }
+  render() {
+    return html`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+  }
+};
+Obi01ContentCut.styles = css`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, attribute: "use-css-color" })
+], Obi01ContentCut.prototype, "useCssColor", 2);
+Obi01ContentCut = __decorateClass([
+  customElement("obi-01-content-cut")
+], Obi01ContentCut);
+export {
+  Obi01ContentCut
+};
+//# sourceMappingURL=icon-01-content-cut.js.map

package/dist/icons/icon-01-content-cut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-01-content-cut.js","sources":["../../src/icons/icon-01-content-cut.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-content-cut')\nexport class Obi01ContentCut extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19 21L12 14L9.65 16.35C9.78333 16.6 9.875 16.8667 9.925 17.15C9.975 17.4333 10 17.7167 10 18C10 19.1 9.60833 20.0417 8.825 20.825C8.04167 21.6083 7.1 22 6 22C4.9 22 3.95833 21.6083 3.175 20.825C2.39167 20.0417 2 19.1 2 18C2 16.9 2.39167 15.9583 3.175 15.175C3.95833 14.3917 4.9 14 6 14C6.28333 14 6.56667 14.025 6.85 14.075C7.13333 14.125 7.4 14.2167 7.65 14.35L10 12L7.65 9.65C7.4 9.78333 7.13333 9.875 6.85 9.925C6.56667 9.975 6.28333 10 6 10C4.9 10 3.95833 9.60833 3.175 8.825C2.39167 8.04167 2 7.1 2 6C2 4.9 2.39167 3.95833 3.175 3.175C3.95833 2.39167 4.9 2 6 2C7.1 2 8.04167 2.39167 8.825 3.175C9.60833 3.95833 10 4.9 10 6C10 6.28333 9.975 6.56667 9.925 6.85C9.875 7.13333 9.78333 7.4 9.65 7.65L22 20V21H19ZM15 11L13 9L19 3H22V4L15 11ZM6 8C6.55 8 7.02083 7.80417 7.4125 7.4125C7.80417 7.02083 8 6.55 8 6C8 5.45 7.80417 4.97917 7.4125 4.5875C7.02083 4.19583 6.55 4 6 4C5.45 4 4.97917 4.19583 4.5875 4.5875C4.19583 4.97917 4 5.45 4 6C4 6.55 4.19583 7.02083 4.5875 7.4125C4.97917 7.80417 5.45 8 6 8ZM12 12.5C12.1333 12.5 12.25 12.45 12.35 12.35C12.45 12.25 12.5 12.1333 12.5 12C12.5 11.8667 12.45 11.75 12.35 11.65C12.25 11.55 12.1333 11.5 12 11.5C11.8667 11.5 11.75 11.55 11.65 11.65C11.55 11.75 11.5 11.8667 11.5 12C11.5 12.1333 11.55 12.25 11.65 12.35C11.75 12.45 11.8667 12.5 12 12.5ZM6 20C6.55 20 7.02083 19.8042 7.4125 19.4125C7.80417 19.0208 8 18.55 8 18C8 17.45 7.80417 16.9792 7.4125 16.5875C7.02083 16.1958 6.55 16 6 16C5.45 16 4.97917 16.1958 4.5875 16.5875C4.19583 16.9792 4 17.45 4 18C4 18.55 4.19583 19.0208 4.5875 19.4125C4.97917 19.8042 5.45 20 6 20Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19 21L12 14L9.65 16.35C9.78333 16.6 9.875 16.8667 9.925 17.15C9.975 17.4333 10 17.7167 10 18C10 19.1 9.60833 20.0417 8.825 20.825C8.04167 21.6083 7.1 22 6 22C4.9 22 3.95833 21.6083 3.175 20.825C2.39167 20.0417 2 19.1 2 18C2 16.9 2.39167 15.9583 3.175 15.175C3.95833 14.3917 4.9 14 6 14C6.28333 14 6.56667 14.025 6.85 14.075C7.13333 14.125 7.4 14.2167 7.65 14.35L10 12L7.65 9.65C7.4 9.78333 7.13333 9.875 6.85 9.925C6.56667 9.975 6.28333 10 6 10C4.9 10 3.95833 9.60833 3.175 8.825C2.39167 8.04167 2 7.1 2 6C2 4.9 2.39167 3.95833 3.175 3.175C3.95833 2.39167 4.9 2 6 2C7.1 2 8.04167 2.39167 8.825 3.175C9.60833 3.95833 10 4.9 10 6C10 6.28333 9.975 6.56667 9.925 6.85C9.875 7.13333 9.78333 7.4 9.65 7.65L22 20V21H19ZM15 11L13 9L19 3H22V4L15 11ZM6 8C6.55 8 7.02083 7.80417 7.4125 7.4125C7.80417 7.02083 8 6.55 8 6C8 5.45 7.80417 4.97917 7.4125 4.5875C7.02083 4.19583 6.55 4 6 4C5.45 4 4.97917 4.19583 4.5875 4.5875C4.19583 4.97917 4 5.45 4 6C4 6.55 4.19583 7.02083 4.5875 7.4125C4.97917 7.80417 5.45 8 6 8ZM12 12.5C12.1333 12.5 12.25 12.45 12.35 12.35C12.45 12.25 12.5 12.1333 12.5 12C12.5 11.8667 12.45 11.75 12.35 11.65C12.25 11.55 12.1333 11.5 12 11.5C11.8667 11.5 11.75 11.55 11.65 11.65C11.55 11.75 11.5 11.8667 11.5 12C11.5 12.1333 11.55 12.25 11.65 12.35C11.75 12.45 11.8667 12.5 12 12.5ZM6 20C6.55 20 7.02083 19.8042 7.4125 19.4125C7.80417 19.0208 8 18.55 8 18C8 17.45 7.80417 16.9792 7.4125 16.5875C7.02083 16.1958 6.55 16 6 16C5.45 16 4.97917 16.1958 4.5875 16.5875C4.19583 16.9792 4 17.45 4 18C4 18.55 4.19583 19.0208 4.5875 19.4125C4.97917 19.8042 5.45 20 6 20Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-01-content-cut': Obi01ContentCut;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AA7Ba,gBAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlB8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,gBAC4C,WAAA,eAAA,CAAA;AAD5C,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}