@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.158 → 2.0.0-next.159

package/custom-elements.json

@@ -5859,7 +5859,7 @@
         {
           "kind": "variable",
           "name": "ObcCommandMenu",
-          "default": "class extends LitElement { constructor() { super(...arguments); this.inCommand = false; this.showLocation = true; } render() { return html` <div class=${classMap({ card: true, \"in-command\": this.inCommand, \"no-command\": !this.inCommand, \"has-location\": this.showLocation })} > <div class=\"title-container\">Command</div> <div class=\"command-container\"> <div class=\"value-container\"> <div class=\"icon command\"> <slot name=\"command-icon\"></slot> </div> <div class=\"value\"> <div class=\"status\"> <slot name=\"command-status\"></slot> </div> <div class=\"description\"> <div class=\"command-description\"> <slot name=\"command-description\"></slot> </div> ${this.showLocation ? html` <div class=\"divider\"></div> <div class=\"command-location\"> <slot name=\"command-location\"></slot> </div>` : nothing} </div> </div> </div> <div class=\"action-container\"> <obc-start-stop-switch @change=${this.onChange} .checked=${this.inCommand} showCheckedStateIcon .size=${\"large\"} > <div slot=\"to-checked-action-label\"> <slot name=\"toogle-action-to-in-command-label\"></slot> </div> <div slot=\"to-unchecked-action-label\"> <slot name=\"toogle-action-to-no-command-label\"></slot> </div> <div slot=\"checked-state-label\"> <slot name=\"toogle-state-in-command-label\"></slot> </div> <div slot=\"checked-state-icon\"> <slot name=\"toogle-state-in-command-icon\"> <obi-command-in></obi-command-in> </slot> </div> <div slot=\"unchecked-state-label\"> <slot name=\"toogle-state-no-command-label\"></slot> </div> </obc-start-stop-switch> </div> </div> </div> `; } /** * Handles the toggle change event from the start-stop switch and emits a `change` event with the new command state. * * @fires change */ onChange(event) { event.stopPropagation(); const newValue = event.detail.checked; this.inCommand = newValue; this.dispatchEvent( new CustomEvent(\"change\", { detail: { inCommand: newValue }, bubbles: true, composed: true }) ); } }"
+          "default": "class extends LitElement { constructor() { super(...arguments); this.inCommand = false; this.showLocation = true; } render() { return html` <div class=${classMap({ card: true, \"in-command\": this.inCommand, \"no-command\": !this.inCommand, \"has-location\": this.showLocation })} > <div class=\"title-container\">Command</div> <div class=\"command-container\"> <div class=\"value-container\"> <div class=\"icon command\"> <slot name=\"command-icon\"></slot> </div> <div class=\"value\"> <div class=\"status\"> <slot name=\"command-status\"></slot> </div> <div class=\"description\"> <div class=\"command-description\"> <slot name=\"command-description\"></slot> </div> ${this.showLocation ? html` <div class=\"divider\"></div> <div class=\"command-location\"> <slot name=\"command-location\"></slot> </div>` : nothing} </div> </div> </div> <div class=\"action-container\"> <obc-start-stop-switch @change=${this.onChange} .checked=${this.inCommand} .size=${\"large\"} > <div slot=\"to-checked-action-label\"> <slot name=\"toogle-action-to-in-command-label\"></slot> </div> <div slot=\"to-unchecked-action-label\"> <slot name=\"toogle-action-to-no-command-label\"></slot> </div> <div slot=\"checked-state-label\"> <slot name=\"toogle-state-in-command-label\"></slot> </div> <div slot=\"checked-state-icon\"> <slot name=\"toogle-state-in-command-icon\"> <obi-command-in></obi-command-in> </slot> </div> <div slot=\"unchecked-state-label\"> <slot name=\"toogle-state-no-command-label\"></slot> </div> </obc-start-stop-switch> </div> </div> </div> `; } /** * Handles the toggle change event from the start-stop switch and emits a `change` event with the new command state. * * @fires change */ onChange(event) { event.stopPropagation(); const newValue = event.detail.checked; this.inCommand = newValue; this.dispatchEvent( new CustomEvent(\"change\", { detail: { inCommand: newValue }, bubbles: true, composed: true }) ); } }"
         }
       ],
       "exports": [
@@ -7625,7 +7625,7 @@
         {
           "kind": "variable",
           "name": "ObcStartStopSwitch",
-          "default": "class extends LitElement { constructor() { super(...arguments); this.checked = false; this.showUncheckedStateIcon = false; this.variant = \"normal\"; this.showCheckedStateIcon = false; this.size = \"regular\"; this.disabled = false; this.hasAlert = false; this.hasDescription = false; this.description = \"Action description\"; this.dragging = false; this.tmpChecked = false; this.dragStartX = 0; this.dragCurrentX = 0; this.dragOffset = 0; this.trackWidth = 0; this.buttonWidth = 0; this.onDragStart = (e) => { this.dragging = true; if (e instanceof MouseEvent) { this.dragStartX = e.clientX; } else { this.dragStartX = e.touches[0].clientX; } this.dragCurrentX = this.dragStartX; const trackRect = this.trackRef?.getBoundingClientRect(); const buttonRect = this.buttonRef?.getBoundingClientRect(); if (trackRect && buttonRect) { this.trackWidth = trackRect.width; this.buttonWidth = buttonRect.width; } else { this.trackWidth = this.trackRef?.offsetWidth || 0; this.buttonWidth = this.buttonRef?.offsetWidth || 0; } window.addEventListener(\"mousemove\", this.onDragMove); window.addEventListener(\"touchmove\", this.onDragMove, { passive: false }); window.addEventListener(\"mouseup\", this.onDragEnd); window.addEventListener(\"touchend\", this.onDragEnd); }; this.onDragMove = (e) => { if (!this.dragging) return; let clientX; if (e instanceof MouseEvent) { clientX = e.clientX; } else { clientX = e.touches[0].clientX; e.preventDefault(); } this.dragCurrentX = clientX; this.dragOffset = this.dragCurrentX - this.dragStartX; const percent = Math.abs( this.dragOffset / (this.trackWidth - this.buttonWidth) ); this.tmpChecked = this.checked ? percent < 0.5 : percent > 0.5; this.requestUpdate(); }; this.onDragEnd = () => { if (!this.dragging) return; this.dragging = false; const maxOffset = this.trackWidth - this.buttonWidth; const startPosition = this.checked ? maxOffset : 0; const newPosition = startPosition + this.dragOffset; const percent = newPosition / maxOffset; if (!this.checked && percent > DRAG_COMPLETE_THRESHOLD) { this.checked = true; this.dispatchChangeEvent(); } else if (this.checked && percent < 1 - DRAG_COMPLETE_THRESHOLD) { this.checked = false; this.dispatchChangeEvent(); } this.tmpChecked = this.checked; this.dragOffset = 0; window.removeEventListener(\"mousemove\", this.onDragMove); window.removeEventListener(\"touchmove\", this.onDragMove); window.removeEventListener(\"mouseup\", this.onDragEnd); window.removeEventListener(\"touchend\", this.onDragEnd); this.requestUpdate(); }; this.handleKeydown = (e) => { if (e.key !== \"Enter\" && e.key !== \" \") return; e.preventDefault(); if (this.disabled) return; this.checked = !this.checked; this.tmpChecked = this.checked; this.dispatchChangeEvent(); }; } dispatchChangeEvent() { this.dispatchEvent( new CustomEvent(\"change\", { detail: { checked: this.checked }, bubbles: true, composed: true }) ); } getButtonStyle() { if (!this.dragging) return \"\"; if (this.checked) { let right = -1 - this.dragOffset; const maxRight = this.trackWidth - this.buttonWidth + 1; right = Math.max(-1, Math.min(right, maxRight)); return `right: ${right}px; left: auto; transition: none;`; } else { let left = -1 + this.dragOffset; const maxLeft = this.trackWidth - this.buttonWidth + 1; left = Math.max(-1, Math.min(left, maxLeft)); return `left: ${left}px; right: auto; transition: none;`; } } firstUpdated() { this.resizeObserver = new ResizeObserver(() => { this.trackWidth = this.trackRef?.offsetWidth || 0; this.buttonWidth = this.buttonRef?.offsetWidth || 0; }); if (this.trackRef) this.resizeObserver.observe(this.trackRef); if (this.buttonRef) this.resizeObserver.observe(this.buttonRef); } updated(changedProperties) { super.updated(changedProperties); if (changedProperties.has(\"checked\") && !this.dragging) { const trackChecked = this.renderRoot.querySelector( \".button-track-checked\" ); const button = this.buttonRef; if (trackChecked && button) { const nudgeRepaint = () => { trackChecked.style.display = \"none\"; void trackChecked.offsetHeight; trackChecked.style.display = \"\"; }; requestAnimationFrame(() => { const animations = button.getAnimations(); if (animations.length > 0) { Promise.allSettled(animations.map((a) => a.finished)).then( nudgeRepaint ); } else { nudgeRepaint(); } }); } } } disconnectedCallback() { super.disconnectedCallback(); this.resizeObserver?.disconnect(); window.removeEventListener(\"mousemove\", this.onDragMove); window.removeEventListener(\"touchmove\", this.onDragMove); window.removeEventListener(\"mouseup\", this.onDragEnd); window.removeEventListener(\"touchend\", this.onDragEnd); } render() { const isChecked = this.checked; const forwardedAriaLabel = this.getAttribute(\"aria-label\") ?? void 0; return html` <div class=\"outer-container\"> <div class=${classMap({ wrapper: true, checked: isChecked, unchecked: !isChecked, dragging: this.dragging, \"tmp-checked\": this.tmpChecked && this.dragging, \"tmp-unchecked\": !this.tmpChecked && this.dragging, disabled: this.disabled, \"has-alert\": this.hasAlert, \"size-regular\": this.size === \"regular\", \"size-large\": this.size === \"large\", \"variant-normal\": this.variant === \"normal\", \"variant-running\": this.variant === \"running\", \"variant-loading\": this.variant === \"loading\" })} tabindex=${this.disabled ? -1 : 0} role=\"switch\" aria-checked=${isChecked ? \"true\" : \"false\"} aria-disabled=${this.disabled ? \"true\" : \"false\"} aria-label=${ifDefined(forwardedAriaLabel)} @keydown=${this.handleKeydown} > <div class=\"button-track\"> <button class=\"button\" style=${this.getButtonStyle()} @mousedown=${this.disabled ? void 0 : this.onDragStart} @touchstart=${this.disabled ? void 0 : this.onDragStart} ?disabled=${this.disabled} tabindex=\"-1\" > ${!this.disabled ? html` <div class=\"button-visible\"> <obi-arrow-right-google class=\"button-icon\" aria-hidden=\"true\" ></obi-arrow-right-google> <div class=\"button-label\"> <slot name=${isChecked ? \"to-unchecked-action-label\" : \"to-checked-action-label\"} ></slot> </div> </div> ` : \"\"} </button> ${!this.disabled ? html`<div class=\"button-track-checked\"></div>` : \"\"} <div class=\"checked state\"> <slot name=\"checked-state-icon\"></slot> <div class=\"state-label\"> <slot name=\"checked-state-label\"></slot> </div> </div> <div class=\"unchecked state\"> <slot name=\"unchecked-state-icon\"></slot> <div class=\"state-label\"> <slot name=\"unchecked-state-label\"></slot> </div> </div> </div> ${this.hasAlert ? html`<div class=\"alert-frame\"></div>` : \"\"} </div> ${this.hasDescription ? html`<div class=\"description\">${this.description}</div>` : \"\"} </div> </div> </div> </div> </div> `; } }"
+          "default": "class extends LitElement { constructor() { super(...arguments); this.checked = false; this.variant = \"normal\"; this.size = \"regular\"; this.disabled = false; this.hasAlert = false; this.hasDescription = false; this.description = \"Action description\"; this.dragging = false; this.tmpChecked = false; this.dragStartX = 0; this.dragCurrentX = 0; this.dragOffset = 0; this.trackWidth = 0; this.buttonWidth = 0; this.onDragStart = (e) => { this.dragging = true; if (e instanceof MouseEvent) { this.dragStartX = e.clientX; } else { this.dragStartX = e.touches[0].clientX; } this.dragCurrentX = this.dragStartX; const trackRect = this.trackRef?.getBoundingClientRect(); const buttonRect = this.buttonRef?.getBoundingClientRect(); if (trackRect && buttonRect) { this.trackWidth = trackRect.width; this.buttonWidth = buttonRect.width; } else { this.trackWidth = this.trackRef?.offsetWidth || 0; this.buttonWidth = this.buttonRef?.offsetWidth || 0; } window.addEventListener(\"mousemove\", this.onDragMove); window.addEventListener(\"touchmove\", this.onDragMove, { passive: false }); window.addEventListener(\"mouseup\", this.onDragEnd); window.addEventListener(\"touchend\", this.onDragEnd); }; this.onDragMove = (e) => { if (!this.dragging) return; let clientX; if (e instanceof MouseEvent) { clientX = e.clientX; } else { clientX = e.touches[0].clientX; e.preventDefault(); } this.dragCurrentX = clientX; this.dragOffset = this.dragCurrentX - this.dragStartX; const percent = Math.abs( this.dragOffset / (this.trackWidth - this.buttonWidth) ); this.tmpChecked = this.checked ? percent < 0.5 : percent > 0.5; this.requestUpdate(); }; this.onDragEnd = () => { if (!this.dragging) return; this.dragging = false; const maxOffset = this.trackWidth - this.buttonWidth; const startPosition = this.checked ? maxOffset : 0; const newPosition = startPosition + this.dragOffset; const percent = newPosition / maxOffset; if (!this.checked && percent > DRAG_COMPLETE_THRESHOLD) { this.checked = true; this.dispatchChangeEvent(); } else if (this.checked && percent < 1 - DRAG_COMPLETE_THRESHOLD) { this.checked = false; this.dispatchChangeEvent(); } this.tmpChecked = this.checked; this.dragOffset = 0; window.removeEventListener(\"mousemove\", this.onDragMove); window.removeEventListener(\"touchmove\", this.onDragMove); window.removeEventListener(\"mouseup\", this.onDragEnd); window.removeEventListener(\"touchend\", this.onDragEnd); this.requestUpdate(); }; this.handleKeydown = (e) => { if (e.key !== \"Enter\" && e.key !== \" \") return; e.preventDefault(); if (this.disabled) return; this.checked = !this.checked; this.tmpChecked = this.checked; this.dispatchChangeEvent(); }; } dispatchChangeEvent() { this.dispatchEvent( new CustomEvent(\"change\", { detail: { checked: this.checked }, bubbles: true, composed: true }) ); } getButtonStyle() { if (!this.dragging) return \"\"; if (this.checked) { let right = -1 - this.dragOffset; const maxRight = this.trackWidth - this.buttonWidth + 1; right = Math.max(-1, Math.min(right, maxRight)); return `right: ${right}px; left: auto; transition: none;`; } else { let left = -1 + this.dragOffset; const maxLeft = this.trackWidth - this.buttonWidth + 1; left = Math.max(-1, Math.min(left, maxLeft)); return `left: ${left}px; right: auto; transition: none;`; } } firstUpdated() { this.resizeObserver = new ResizeObserver(() => { this.trackWidth = this.trackRef?.offsetWidth || 0; this.buttonWidth = this.buttonRef?.offsetWidth || 0; }); if (this.trackRef) this.resizeObserver.observe(this.trackRef); if (this.buttonRef) this.resizeObserver.observe(this.buttonRef); } updated(changedProperties) { super.updated(changedProperties); if (changedProperties.has(\"checked\") && !this.dragging) { const trackChecked = this.renderRoot.querySelector( \".button-track-checked\" ); const button = this.buttonRef; if (trackChecked && button) { const nudgeRepaint = () => { trackChecked.style.display = \"none\"; void trackChecked.offsetHeight; trackChecked.style.display = \"\"; }; requestAnimationFrame(() => { const animations = button.getAnimations(); if (animations.length > 0) { Promise.allSettled(animations.map((a) => a.finished)).then( nudgeRepaint ); } else { nudgeRepaint(); } }); } } } disconnectedCallback() { super.disconnectedCallback(); this.resizeObserver?.disconnect(); window.removeEventListener(\"mousemove\", this.onDragMove); window.removeEventListener(\"touchmove\", this.onDragMove); window.removeEventListener(\"mouseup\", this.onDragEnd); window.removeEventListener(\"touchend\", this.onDragEnd); } render() { const isChecked = this.checked; const forwardedAriaLabel = this.getAttribute(\"aria-label\") ?? void 0; return html` <div class=\"outer-container\"> <div class=${classMap({ wrapper: true, checked: isChecked, unchecked: !isChecked, dragging: this.dragging, \"tmp-checked\": this.tmpChecked && this.dragging, \"tmp-unchecked\": !this.tmpChecked && this.dragging, disabled: this.disabled, \"has-alert\": this.hasAlert, \"size-regular\": this.size === \"regular\", \"size-large\": this.size === \"large\", \"variant-normal\": this.variant === \"normal\", \"variant-running\": this.variant === \"running\", \"variant-loading\": this.variant === \"loading\" })} tabindex=${this.disabled ? -1 : 0} role=\"switch\" aria-checked=${isChecked ? \"true\" : \"false\"} aria-disabled=${this.disabled ? \"true\" : \"false\"} aria-label=${ifDefined(forwardedAriaLabel)} @keydown=${this.handleKeydown} > <div class=\"button-track\"> <button class=\"button\" style=${this.getButtonStyle()} @mousedown=${this.disabled ? void 0 : this.onDragStart} @touchstart=${this.disabled ? void 0 : this.onDragStart} ?disabled=${this.disabled} tabindex=\"-1\" > ${!this.disabled ? html` <div class=\"button-visible\"> <obi-arrow-right-google class=\"button-icon\" aria-hidden=\"true\" ></obi-arrow-right-google> <div class=\"button-label\"> <slot name=${isChecked ? \"to-unchecked-action-label\" : \"to-checked-action-label\"} ></slot> </div> </div> ` : \"\"} </button> ${!this.disabled ? html`<div class=\"button-track-checked\"></div>` : \"\"} <div class=\"checked state\"> <slot name=\"checked-state-icon\"></slot> <div class=\"state-label\"> <slot name=\"checked-state-label\"></slot> </div> </div> <div class=\"unchecked state\"> <slot name=\"unchecked-state-icon\"></slot> <div class=\"state-label\"> <slot name=\"unchecked-state-label\"></slot> </div> </div> </div> ${this.hasAlert ? html`<div class=\"alert-frame\"></div>` : \"\"} </div> ${this.hasDescription ? html`<div class=\"description\">${this.description}</div>` : \"\"} </div> </div> </div> </div> </div> `; } }"
         }
       ],
       "exports": [
@@ -26071,7 +26071,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -27638,7 +27638,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -27698,7 +27698,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -32879,7 +32879,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -34357,7 +34357,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -34410,7 +34410,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -39211,7 +39211,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -40472,7 +40472,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
           "customElement": true
         }
       ],
@@ -60248,7 +60248,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The notification-badge-button component is deprecated and will be removed in future releases. Use `obc-icon-button` instead; `openLeft`, `openRight` and `indent` have no equivalent, and its default slot takes the icon while text goes in the `label` slot behind `hasLabel`.",
           "customElement": true
         }
       ],
@@ -65743,31 +65743,13 @@
               "default": "false",
               "description": "Whether the switch is in the checked (active) state.\nWhen checked, the thumb is on the right side.\nWhen unchecked, the thumb is on the left side.\n\nDefaults to `false`."
             },
-            {
-              "kind": "field",
-              "name": "showUncheckedStateIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nIf `true`, the content of the `checked-state-icon` slot will be displayed when checked."
-            },
             {
               "kind": "field",
               "name": "variant",
               "type": {
                 "text": "StartStopSwitchVariant"
               },
-              "description": "This only affects the visual style, not the switch position.\n\nDefaults to `'normal'`."
-            },
-            {
-              "kind": "field",
-              "name": "showCheckedStateIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The size of the switch.\n\nIf `true`, the content of the `unchecked-state-icon` slot will be displayed when unchecked."
+              "description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nThis only affects the visual style, not the switch position.\n\nDefaults to `'normal'`."
             },
             {
               "kind": "field",
@@ -65775,7 +65757,7 @@
               "type": {
                 "text": "StartStopSwitchSize"
               },
-              "description": "`regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`."
+              "description": "The size of the switch.\n- `regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`."
             },
             {
               "kind": "field",
@@ -74864,7 +74846,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The azimuth-thruster-labeled component is deprecated and will be removed in future releases. Please make a combined component by using <obc-azimuth-thruster> in combination with <obc-readout> instead.",
           "customElement": true
         }
       ],
@@ -84834,7 +84816,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "deprecated": "true",
+          "deprecated": "The instrument-field component is deprecated and will be removed in future releases. Please use the <obc-readout> component instead. See storybook for migration details. https://openbridge-next-storybook.web.app/?path=/docs/instruments-instrument-field-deprecated--docs",
           "customElement": true
         }
       ],

package/dist/automation/corner-line/corner-line.d.ts

@@ -7,7 +7,8 @@ export declare enum CornerLineDirection {
     bottomLeft = "bottom-left"
 }
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcCornerLine extends LitElement {
     medium: LineMedium;

package/dist/automation/corner-line/corner-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"corner-line.d.ts","sourceRoot":"","sources":["../../../src/automation/corner-line/corner-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE,oBAAY,mBAAmB;IAC7B,QAAQ,cAAc;IACtB,OAAO,aAAa;IACpB,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;CAC3B;AAED;;GAEG;AACH,qBACa,aAAc,SAAQ,UAAU;IACjB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,mBAAmB,CACzB;IACL,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Hf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"corner-line.d.ts","sourceRoot":"","sources":["../../../src/automation/corner-line/corner-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE,oBAAY,mBAAmB;IAC7B,QAAQ,cAAc;IACtB,OAAO,aAAa;IACpB,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;CAC3B;AAED;;;GAGG;AACH,qBACa,aAAc,SAAQ,UAAU;IACjB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,mBAAmB,CACzB;IACL,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Hf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/automation/corner-line/corner-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum CornerLineDirection {\n  topRight = 'top-right',\n  topLeft = 'top-left',\n  bottomRight = 'bottom-right',\n  bottomLeft = 'bottom-left',\n}\n\n/**\n * @deprecated\n */\n@customElement('obc-corner-line')\nexport class ObcCornerLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: CornerLineDirection =\n    CornerLineDirection.topRight;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 270;\n    if (this.direction === CornerLineDirection.topLeft) {\n      rotation = 180;\n    } else if (this.direction === CornerLineDirection.bottomLeft) {\n      rotation = 90;\n    } else if (this.direction === CornerLineDirection.bottomRight) {\n      rotation = 0;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M16.5 11.5L15 11.5C14.9951 11.5 14.9902 11.5 14.9853 11.5C13.0826 11.5079 11.5382 13.0339 11.5007 14.9294C11.5002 14.9529 11.5 14.9764 11.5 15V16.5L12.5 16.5L12.5 15C12.5 13.6355 13.5932 12.5263 14.9516 12.5005C14.9677 12.5002 14.9838 12.5 15 12.5L16.5 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M24 11.5H22.5V12.5L24 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M21 11.5H18V12.5L21 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 18V21H12.5L12.5 18H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.5V24H12.5V22.5H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n\n    const r1 = 6 - 0.5 - width / 2;\n    const r2 = 6 + 0.5 + width / 2;\n\n    if (this.lineType === LineType.air) {\n      const r1 = 2.5;\n      const r2 = 11.5;\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 17 24 v -4 a 3 3 0 0 1 3 -3 h 4 v -10 h -6 a 11 11 0 0 0 -11 11 v 6 z\"\n            stroke=\"none\"\n            fill=\"var(${color.inner})\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -4 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 4\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    } else {\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 12 24 v -6 a 6 6 0 0 1 6 -6 h 6\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -6 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    }\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-corner-line': ObcCornerLine;\n  }\n}\n"],"names":["CornerLineDirection","r1","r2"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,wCAAAA,yBAAL;AACLA,uBAAA,UAAA,IAAW;AACXA,uBAAA,SAAA,IAAU;AACVA,uBAAA,aAAA,IAAc;AACdA,uBAAA,YAAA,IAAa;AAJH,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAWL,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,YAA6B;AAClD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,eAAgC;AAC5D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,gBAAiC;AAC7D,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBlC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,UAAM,KAAK,IAAI,MAAM,QAAQ;AAC7B,UAAM,KAAK,IAAI,MAAM,QAAQ;AAE7B,QAAI,KAAK,aAAa,SAAS,KAAK;AAClC,YAAMC,MAAK;AACX,YAAMC,MAAK;AACX,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKd,MAAM,KAAK;AAAA;AAAA;AAAA,mBAGhB,KACP,MACA,QAAQ,CAAC,cAAcD,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAcC,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,OAAO;AACL,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIX,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC;AAAA,EACF;AAcF;AA5Ia,cAgIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/HC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,cAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,cAIe,WAAA,YAAA,CAAA;AAJf,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
+{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum CornerLineDirection {\n  topRight = 'top-right',\n  topLeft = 'top-left',\n  bottomRight = 'bottom-right',\n  bottomLeft = 'bottom-left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-corner-line')\nexport class ObcCornerLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: CornerLineDirection =\n    CornerLineDirection.topRight;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 270;\n    if (this.direction === CornerLineDirection.topLeft) {\n      rotation = 180;\n    } else if (this.direction === CornerLineDirection.bottomLeft) {\n      rotation = 90;\n    } else if (this.direction === CornerLineDirection.bottomRight) {\n      rotation = 0;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M16.5 11.5L15 11.5C14.9951 11.5 14.9902 11.5 14.9853 11.5C13.0826 11.5079 11.5382 13.0339 11.5007 14.9294C11.5002 14.9529 11.5 14.9764 11.5 15V16.5L12.5 16.5L12.5 15C12.5 13.6355 13.5932 12.5263 14.9516 12.5005C14.9677 12.5002 14.9838 12.5 15 12.5L16.5 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M24 11.5H22.5V12.5L24 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M21 11.5H18V12.5L21 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 18V21H12.5L12.5 18H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.5V24H12.5V22.5H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n\n    const r1 = 6 - 0.5 - width / 2;\n    const r2 = 6 + 0.5 + width / 2;\n\n    if (this.lineType === LineType.air) {\n      const r1 = 2.5;\n      const r2 = 11.5;\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 17 24 v -4 a 3 3 0 0 1 3 -3 h 4 v -10 h -6 a 11 11 0 0 0 -11 11 v 6 z\"\n            stroke=\"none\"\n            fill=\"var(${color.inner})\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -4 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 4\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    } else {\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 12 24 v -6 a 6 6 0 0 1 6 -6 h 6\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -6 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    }\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-corner-line': ObcCornerLine;\n  }\n}\n"],"names":["CornerLineDirection","r1","r2"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,wCAAAA,yBAAL;AACLA,uBAAA,UAAA,IAAW;AACXA,uBAAA,SAAA,IAAU;AACVA,uBAAA,aAAA,IAAc;AACdA,uBAAA,YAAA,IAAa;AAJH,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAYL,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,YAA6B;AAClD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,eAAgC;AAC5D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,gBAAiC;AAC7D,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBlC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,UAAM,KAAK,IAAI,MAAM,QAAQ;AAC7B,UAAM,KAAK,IAAI,MAAM,QAAQ;AAE7B,QAAI,KAAK,aAAa,SAAS,KAAK;AAClC,YAAMC,MAAK;AACX,YAAMC,MAAK;AACX,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKd,MAAM,KAAK;AAAA;AAAA;AAAA,mBAGhB,KACP,MACA,QAAQ,CAAC,cAAcD,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAcC,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,OAAO;AACL,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIX,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC;AAAA,EACF;AAcF;AA5Ia,cAgIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/HC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,cAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,cAIe,WAAA,YAAA,CAAA;AAJf,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/automation/direction-line/direction-line.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index.js';
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcDirectionLine extends LitElement {
     medium: LineMedium;

package/dist/automation/direction-line/direction-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"direction-line.d.ts","sourceRoot":"","sources":["../../../src/automation/direction-line/direction-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;GAEG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Cf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"direction-line.d.ts","sourceRoot":"","sources":["../../../src/automation/direction-line/direction-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Cf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/automation/direction-line/direction-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated\n */\n@customElement('obc-direction-line')\nexport class ObcDirectionLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          mask=\"url(#clip)\"\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n        <path\n          transform=\"translate(8 6)\"\n          d=\"M0.5 0L6.5 6L0.5 12H3.31068L9.31068 6L3.31068 0H0.5Z\"\n          fill=\"var(${color.outer})\"\n        />\n        <defs>\n          <mask id=\"clip\">\n            <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n            <path\n              transform=\"translate(6.5 6)\"\n              d=\"M0.5 0L6.5 6L0.5 12v1H6.31068v-1L12.31068 6L6.31068 0v-1H0.5v1Z\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-direction-line': ObcDirectionLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWQ,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/B;AAaF;AAzDa,iBA8CK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7CC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,iBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,iBAEe,WAAA,YAAA,CAAA;AAFf,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}
+{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-direction-line')\nexport class ObcDirectionLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          mask=\"url(#clip)\"\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n        <path\n          transform=\"translate(8 6)\"\n          d=\"M0.5 0L6.5 6L0.5 12H3.31068L9.31068 6L3.31068 0H0.5Z\"\n          fill=\"var(${color.outer})\"\n        />\n        <defs>\n          <mask id=\"clip\">\n            <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n            <path\n              transform=\"translate(6.5 6)\"\n              d=\"M0.5 0L6.5 6L0.5 12v1H6.31068v-1L12.31068 6L6.31068 0v-1H0.5v1Z\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-direction-line': ObcDirectionLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWQ,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/B;AAaF;AAzDa,iBA8CK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7CC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,iBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,iBAEe,WAAA,YAAA,CAAA;AAFf,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}

package/dist/automation/end-point-line/end-point-line.d.ts

@@ -7,7 +7,8 @@ export declare enum EndPointDirection {
     left = "left"
 }
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcEndPointLine extends LitElement {
     medium: LineMedium;

package/dist/automation/end-point-line/end-point-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"end-point-line.d.ts","sourceRoot":"","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAEvE,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,iBAAiB,CAC9B;IACE,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAuDf,OAAgB,MAAM,0BA2BpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
+{"version":3,"file":"end-point-line.d.ts","sourceRoot":"","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAEvE,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,iBAAiB,CAC9B;IACE,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAuDf,OAAgB,MAAM,0BA2BpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/dist/automation/end-point-line/end-point-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\nexport enum EndPointDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n/**\n * @deprecated\n */\n@customElement('obc-end-point-line')\nexport class ObcEndPointLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: EndPointDirection =\n    EndPointDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === EndPointDirection.top) {\n      rotation = 180;\n    } else if (this.direction === EndPointDirection.right) {\n      rotation = 270;\n    } else if (this.direction === EndPointDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === EndPointDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      throw new Error(\n        'Connector line type is not supported for end-point line'\n      );\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    let terminalWidth: number;\n    if (this.lineType === LineType.electric) {\n      terminalWidth = 15;\n    } else if (this.lineType === LineType.air) {\n      terminalWidth = 22;\n    } else if (this.lineType === LineType.fluid) {\n      terminalWidth = 16;\n    } else {\n      throw new Error('Invalid line type');\n    }\n    terminalWidth -= 1;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n        class=\"${this.direction}\"\n      >\n        <path\n          d=\"M${12 - h} 25 V${12 + h}h-${(terminalWidth - width) /\n          2}v-${width}h${terminalWidth}v${width}h-${(terminalWidth - width) /\n          2}V25Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n\n      &.top,\n      &.bottom {\n        left: -12px;\n      }\n\n      &.bottom {\n        top: -24px;\n      }\n\n      &.left,\n      &.right {\n        top: -12px;\n      }\n\n      &.right {\n        left: -24px;\n      }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-end-point-line': ObcEndPointLine;\n  }\n}\n"],"names":["EndPointDirection"],"mappings":";;;;;;;;;;;;;;AAIO,IAAK,sCAAAA,uBAAL;AACLA,qBAAA,KAAA,IAAM;AACNA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAWL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAAuB;AAC5C,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAAyB;AACrD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA0B;AACtD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAAwB;AACpD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAAA,IAEJ;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,sBAAgB;AAAA,IAClB,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AACA,qBAAiB;AAEjB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA,iBACnB,KAAK,SAAS;AAAA;AAAA;AAAA,gBAGf,KAAK,CAAC,QAAQ,KAAK,CAAC,MAAM,gBAAgB,SAChD,CAAC,KAAK,KAAK,IAAI,aAAa,IAAI,KAAK,MAAM,gBAAgB,SAC3D,CAAC;AAAA,sBACW,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AA8BF;AAzFa,gBA6DK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}
+{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\nexport enum EndPointDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-end-point-line')\nexport class ObcEndPointLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: EndPointDirection =\n    EndPointDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === EndPointDirection.top) {\n      rotation = 180;\n    } else if (this.direction === EndPointDirection.right) {\n      rotation = 270;\n    } else if (this.direction === EndPointDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === EndPointDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      throw new Error(\n        'Connector line type is not supported for end-point line'\n      );\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    let terminalWidth: number;\n    if (this.lineType === LineType.electric) {\n      terminalWidth = 15;\n    } else if (this.lineType === LineType.air) {\n      terminalWidth = 22;\n    } else if (this.lineType === LineType.fluid) {\n      terminalWidth = 16;\n    } else {\n      throw new Error('Invalid line type');\n    }\n    terminalWidth -= 1;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n        class=\"${this.direction}\"\n      >\n        <path\n          d=\"M${12 - h} 25 V${12 + h}h-${(terminalWidth - width) /\n          2}v-${width}h${terminalWidth}v${width}h-${(terminalWidth - width) /\n          2}V25Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n\n      &.top,\n      &.bottom {\n        left: -12px;\n      }\n\n      &.bottom {\n        top: -24px;\n      }\n\n      &.left,\n      &.right {\n        top: -12px;\n      }\n\n      &.right {\n        left: -24px;\n      }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-end-point-line': ObcEndPointLine;\n  }\n}\n"],"names":["EndPointDirection"],"mappings":";;;;;;;;;;;;;;AAIO,IAAK,sCAAAA,uBAAL;AACLA,qBAAA,KAAA,IAAM;AACNA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAAuB;AAC5C,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAAyB;AACrD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA0B;AACtD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAAwB;AACpD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAAA,IAEJ;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,sBAAgB;AAAA,IAClB,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AACA,qBAAiB;AAEjB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA,iBACnB,KAAK,SAAS;AAAA;AAAA;AAAA,gBAGf,KAAK,CAAC,QAAQ,KAAK,CAAC,MAAM,gBAAgB,SAChD,CAAC,KAAK,KAAK,IAAI,aAAa,IAAI,KAAK,MAAM,gBAAgB,SAC3D,CAAC;AAAA,sBACW,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AA8BF;AAzFa,gBA6DK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}

package/dist/automation/horizontal-line/horizontal-line.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index.js';
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcHorizontalLine extends LitElement {
     medium: LineMedium;

package/dist/automation/horizontal-line/horizontal-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"horizontal-line.d.ts","sourceRoot":"","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;GAEG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAiEf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"horizontal-line.d.ts","sourceRoot":"","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAiEf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/automation/horizontal-line/horizontal-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated\n */\n@customElement('obc-horizontal-line')\nexport class ObcHorizontalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"${length}\"\n        height=\"24\"\n        viewBox=\"0 0 ${length} 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"12\"\n          x2=\"${length}\"\n          y2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const color = lineColor(this.medium);\n    const length = this.length * 24 + 1;\n    const width = lineWidth(this.lineType);\n\n    return html`\n      <div class=\"wrapper\" style=\"height: 24px; width: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"-.5 0 ${length} 24\"\n          height=\"24\"\n          width=${length}\n        >\n          <line\n            x1=\"-0.5\"\n            y1=\"12\"\n            x2=\"${length - 0.5}\"\n            y2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 - 0.5 - width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 - 0.5 - width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 + 0.5 + width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 + 0.5 + width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n    svg {\n      position: relative;\n      left: -0.5px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-horizontal-line': ObcHorizontalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA,iBACIA,OAAM;AAAA;AAAA,uBAEAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAObA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,2BAI9C,MAAM;AAAA;AAAA,kBAEf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKN,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAaF;AAjFa,kBAsEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,kBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,kBAGe,WAAA,UAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-horizontal-line')\nexport class ObcHorizontalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"${length}\"\n        height=\"24\"\n        viewBox=\"0 0 ${length} 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"12\"\n          x2=\"${length}\"\n          y2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const color = lineColor(this.medium);\n    const length = this.length * 24 + 1;\n    const width = lineWidth(this.lineType);\n\n    return html`\n      <div class=\"wrapper\" style=\"height: 24px; width: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"-.5 0 ${length} 24\"\n          height=\"24\"\n          width=${length}\n        >\n          <line\n            x1=\"-0.5\"\n            y1=\"12\"\n            x2=\"${length - 0.5}\"\n            y2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 - 0.5 - width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 - 0.5 - width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 + 0.5 + width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 + 0.5 + width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n    svg {\n      position: relative;\n      left: -0.5px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-horizontal-line': ObcHorizontalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA,iBACIA,OAAM;AAAA;AAAA,uBAEAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAObA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,2BAI9C,MAAM;AAAA;AAAA,kBAEf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKN,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAaF;AAjFa,kBAsEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,kBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,kBAGe,WAAA,UAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/automation/line-cross/line-cross.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index.js';
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcLineCross extends LitElement {
     medium: LineMedium;

package/dist/automation/line-cross/line-cross.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-cross.d.ts","sourceRoot":"","sources":["../../../src/automation/line-cross/line-cross.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;GAEG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Ff,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"line-cross.d.ts","sourceRoot":"","sources":["../../../src/automation/line-cross/line-cross.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Ff,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/automation/line-cross/line-cross.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated\n */\n@customElement('obc-line-cross')\nexport class ObcLineCross extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M11.5 1.83333V0H12.5V1.83333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 7.33333V3.66667H12.5V7.33333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 11V9.16667H12.5V11H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 12.5H2V11.5H0V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 12.5H8V11.5H4V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M10 12.5H14V11.5H10V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 12.5H20V11.5H16V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 12.5H24V11.5H22V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 13V14.8333H12.5V13H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 16.6667V20.3333H12.5V16.6667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.1667V24H12.5V22.1667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    let r: number;\n    if (this.lineType === LineType.electric) {\n      r = 4.5;\n    } else if (this.lineType === LineType.air) {\n      r = 10;\n    } else if (this.lineType === LineType.fluid) {\n      r = 6;\n    } else {\n      throw new Error('Invalid line type');\n    }\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M-1 ${12 - h} H${12 - r} A${r} ${r} 0 0 1 ${12 - h} ${12 -\n          r} V${-1}\n            h${width} V${12 - r} A${r} ${r} 0 0 1 ${12 + r} ${12 - h} H25\n            V${12 + h} H${12 + r} A${r} ${r} 0 0 1 ${12 + h} ${12 + r} V25\n            h-${width} V${12 + r} A${r} ${r} 0 0 1 ${12 - r} ${12 + h} H-1 Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-cross': ObcLineCross;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsDT;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,UAAI;AAAA,IACN,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUQ,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KACzD,CAAC,KAAK,EAAE;AAAA,eACH,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,eACrD,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,gBACrD,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,sBAC/C,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AA/Ga,aAmGK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlGC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,aAEe,WAAA,YAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-line-cross')\nexport class ObcLineCross extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M11.5 1.83333V0H12.5V1.83333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 7.33333V3.66667H12.5V7.33333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 11V9.16667H12.5V11H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 12.5H2V11.5H0V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 12.5H8V11.5H4V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M10 12.5H14V11.5H10V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 12.5H20V11.5H16V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 12.5H24V11.5H22V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 13V14.8333H12.5V13H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 16.6667V20.3333H12.5V16.6667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.1667V24H12.5V22.1667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    let r: number;\n    if (this.lineType === LineType.electric) {\n      r = 4.5;\n    } else if (this.lineType === LineType.air) {\n      r = 10;\n    } else if (this.lineType === LineType.fluid) {\n      r = 6;\n    } else {\n      throw new Error('Invalid line type');\n    }\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M-1 ${12 - h} H${12 - r} A${r} ${r} 0 0 1 ${12 - h} ${12 -\n          r} V${-1}\n            h${width} V${12 - r} A${r} ${r} 0 0 1 ${12 + r} ${12 - h} H25\n            V${12 + h} H${12 + r} A${r} ${r} 0 0 1 ${12 + h} ${12 + r} V25\n            h-${width} V${12 + r} A${r} ${r} 0 0 1 ${12 - r} ${12 + h} H-1 Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-cross': ObcLineCross;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsDT;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,UAAI;AAAA,IACN,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUQ,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KACzD,CAAC,KAAK,EAAE;AAAA,eACH,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,eACrD,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,gBACrD,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,sBAC/C,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AA/Ga,aAmGK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlGC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,aAEe,WAAA,YAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/automation/line-overlap/line-overlap.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index.js';
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcLineOverlap extends LitElement {
     medium: LineMedium;

package/dist/automation/line-overlap/line-overlap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-overlap.d.ts","sourceRoot":"","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;GAEG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Cf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"line-overlap.d.ts","sourceRoot":"","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Cf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/automation/line-overlap/line-overlap.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated\n */\n@customElement('obc-line-overlap')\nexport class ObcLineOverlap extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          mask=\"url(#clip)\"\n          d=\"M${12 - h} -1V25h${width}V-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <path\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <defs>\n          <mask id=\"clip\">\n            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"white\" />\n            <rect\n              x=\"0\"\n              y=\"${12 - 2 - h}\"\n              width=\"24\"\n              height=\"${width + 4}\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      left: -12px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-overlap': ObcLineOverlap;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWK,KAAK,CAAC,UAAU,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIhB,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQhB,KAAK,IAAI,CAAC;AAAA;AAAA,wBAEL,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAcF;AA/Da,eAmDK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlDC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,eACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,eAEe,WAAA,YAAA,CAAA;AAFf,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-line-overlap')\nexport class ObcLineOverlap extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          mask=\"url(#clip)\"\n          d=\"M${12 - h} -1V25h${width}V-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <path\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <defs>\n          <mask id=\"clip\">\n            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"white\" />\n            <rect\n              x=\"0\"\n              y=\"${12 - 2 - h}\"\n              width=\"24\"\n              height=\"${width + 4}\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      left: -12px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-overlap': ObcLineOverlap;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWK,KAAK,CAAC,UAAU,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIhB,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQhB,KAAK,IAAI,CAAC;AAAA;AAAA,wBAEL,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAcF;AA/Da,eAmDK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlDC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,eACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,eAEe,WAAA,YAAA,CAAA;AAFf,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/automation/three-way-line/three-way-line.d.ts

@@ -7,7 +7,8 @@ export declare enum ThreeWayLineDirection {
     left = "left"
 }
 /**
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcThreeWayLine extends LitElement {
     medium: LineMedium;

package/dist/automation/three-way-line/three-way-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,qBAAqB,CAC9B;IACF,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAkFf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
+{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,qBAAqB,CAC9B;IACF,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAkFf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/dist/automation/three-way-line/three-way-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum ThreeWayLineDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n/**\n * @deprecated\n */\n@customElement('obc-three-way-line')\nexport class ObcThreeWayLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: ThreeWayLineDirection =\n    ThreeWayLineDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === ThreeWayLineDirection.top) {\n      rotation = 180;\n    } else if (this.direction === ThreeWayLineDirection.right) {\n      rotation = 270;\n    } else if (this.direction === ThreeWayLineDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === ThreeWayLineDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M10 11.5H14V12.5L10 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 11.5H8V12.5L4 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 11.5H2L2 12.5L0 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 11.5L24 11.5V12.5L22 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 11.5H20V12.5L16 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 24V22.1667H11.5V24H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 20.3333L12.5 16.6667H11.5L11.5 20.3333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 14.8333V13L11.5 13V14.8333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    const c = 13 - h; // inner corner lenght\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n      >\n        <path\n          d=\"M-1 ${12 + h} v${-width}h26v${width}h-${c}v${c}h-${width}v-${c}Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-three-way-line': ObcThreeWayLine;\n  }\n}\n"],"names":["ThreeWayLineDirection"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,0CAAAA,2BAAL;AACLA,yBAAA,KAAA,IAAM;AACNA,yBAAA,OAAA,IAAQ;AACRA,yBAAA,QAAA,IAAS;AACTA,yBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAWL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAA2B;AAChD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAA6B;AACzD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA8B;AAC1D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAA4B;AACxD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoClC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,UAAM,IAAI,KAAK;AAEf,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA;AAAA;AAAA,mBAGjB,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAAA,sBACrD,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AApGa,gBAwFK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}
+{"version":3,"file":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum ThreeWayLineDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-three-way-line')\nexport class ObcThreeWayLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: ThreeWayLineDirection =\n    ThreeWayLineDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === ThreeWayLineDirection.top) {\n      rotation = 180;\n    } else if (this.direction === ThreeWayLineDirection.right) {\n      rotation = 270;\n    } else if (this.direction === ThreeWayLineDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === ThreeWayLineDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M10 11.5H14V12.5L10 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 11.5H8V12.5L4 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 11.5H2L2 12.5L0 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 11.5L24 11.5V12.5L22 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 11.5H20V12.5L16 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 24V22.1667H11.5V24H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 20.3333L12.5 16.6667H11.5L11.5 20.3333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 14.8333V13L11.5 13V14.8333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    const c = 13 - h; // inner corner lenght\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n      >\n        <path\n          d=\"M-1 ${12 + h} v${-width}h26v${width}h-${c}v${c}h-${width}v-${c}Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-three-way-line': ObcThreeWayLine;\n  }\n}\n"],"names":["ThreeWayLineDirection"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,0CAAAA,2BAAL;AACLA,yBAAA,KAAA,IAAM;AACNA,yBAAA,OAAA,IAAQ;AACRA,yBAAA,QAAA,IAAS;AACTA,yBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAYL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAA2B;AAChD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAA6B;AACzD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA8B;AAC1D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAA4B;AACxD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoClC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,UAAM,IAAI,KAAK;AAEf,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA;AAAA;AAAA,mBAGjB,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAAA,sBACrD,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AApGa,gBAwFK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}

package/dist/automation/vertical-line/vertical-line.d.ts

@@ -4,7 +4,8 @@ import { LineMedium, LineType } from '../index.js';
  * Vertical line component
  *
  * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.
- * @deprecated
+ * @deprecated The line components are deprecated and will be removed in future releases.
+ * Please use the `@oicl/connector-diagram` package instead.
  */
 export declare class ObcVerticalLine extends LitElement {
     medium: LineMedium;

package/dist/automation/vertical-line/vertical-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAgEf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;;;;;GAMG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAgEf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/automation/vertical-line/vertical-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n * @deprecated\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 + 0.5 + width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAYO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AACrC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAcF;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 + 0.5 + width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAaO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AACrC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAcF;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/components/command-menu/command-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-menu.d.ts","sourceRoot":"","sources":["../../../src/components/command-menu/command-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,gCAAgC,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBACa,cAAe,SAAQ,UAAU;IACjB,SAAS,UAAS;IAEA,YAAY,EAAE,OAAO,CAAQ;IAEjE,MAAM;IAgEf;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAehB,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"command-menu.d.ts","sourceRoot":"","sources":["../../../src/components/command-menu/command-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,gCAAgC,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBACa,cAAe,SAAQ,UAAU;IACjB,SAAS,UAAS;IAEA,YAAY,EAAE,OAAO,CAAQ;IAEjE,MAAM;IA+Df;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAehB,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/command-menu/command-menu.js

@@ -56,7 +56,6 @@ let ObcCommandMenu = class extends LitElement {
             <obc-start-stop-switch
               @change=${this.onChange}
               .checked=${this.inCommand}
-              showCheckedStateIcon
               .size=${"large"}
             >
               <div slot="to-checked-action-label">