@kyndryl-design-system/shidoka-applications 2.94.2 → 2.95.0

package/common/scss/_resizable-drag-handle.scss

@@ -0,0 +1,218 @@
+// Shared drag grip for kyn-side-drawer and kyn-divider[drag-handle].
+// Expects: <div class="drag-handle"><span class="drag-lines"></span></div>
+//
+// Custom properties (set on host or ancestor to override):
+//   --kyn-resize-grip-line / -active              both grip lines
+//   --kyn-resize-grip-line-start / -end           per-line color (light/dark border)
+//   --kyn-resize-grip-line-start-active / -end-active
+//   --kyn-resize-grip-surface-hover / -drag       surface fills
+
+@mixin resizable-drag-handle-vertical($width, $border-radius: 4px) {
+  $line: var(
+    --kyn-resize-grip-line,
+    var(--kyn-color-side-drawer-icon, var(--kd-color-icon-secondary))
+  );
+  $line-active: var(
+    --kyn-resize-grip-line-active,
+    var(--kd-color-icon-tertiary)
+  );
+
+  .drag-handle {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: $width;
+    cursor: ew-resize;
+    background: transparent;
+    border-radius: $border-radius;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 150ms ease-out;
+    z-index: 2;
+
+    &:hover {
+      background: var(
+        --kyn-resize-grip-surface-hover,
+        var(--kd-color-border-variants-light)
+      );
+
+      .drag-lines {
+        &::before {
+          background: var(
+            --kyn-resize-grip-line-start-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+
+        &::after {
+          background: var(
+            --kyn-resize-grip-line-end-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+      }
+    }
+
+    &.dragging {
+      background: var(
+        --kyn-resize-grip-surface-drag,
+        var(--kd-color-border-variants-drag)
+      );
+
+      .drag-lines {
+        &::before {
+          background: var(
+            --kyn-resize-grip-line-start-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+
+        &::after {
+          background: var(
+            --kyn-resize-grip-line-end-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+      }
+    }
+  }
+
+  .drag-lines {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    justify-content: center;
+    flex: 0 0 auto;
+    gap: 2px;
+    width: auto;
+    height: 32px;
+    pointer-events: none;
+
+    &::before {
+      content: '';
+      display: block;
+      flex: 0 0 1px;
+      width: 1px;
+      height: 32px;
+      background: var(--kyn-resize-grip-line-start, #{$line});
+      transition: background-color 150ms ease-out;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      flex: 0 0 1px;
+      width: 1px;
+      height: 32px;
+      background: var(--kyn-resize-grip-line-end, #{$line});
+      transition: background-color 150ms ease-out;
+    }
+  }
+}
+
+@mixin resizable-drag-handle-horizontal($height, $border-radius: 4px) {
+  $line: var(
+    --kyn-resize-grip-line,
+    var(--kyn-color-side-drawer-icon, var(--kd-color-icon-secondary))
+  );
+  $line-active: var(
+    --kyn-resize-grip-line-active,
+    var(--kd-color-icon-tertiary)
+  );
+
+  .drag-handle {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: $height;
+    cursor: ns-resize;
+    background: transparent;
+    border-radius: $border-radius;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 150ms ease-out;
+    z-index: 2;
+
+    &:hover {
+      background: var(
+        --kyn-resize-grip-surface-hover,
+        var(--kd-color-border-variants-light)
+      );
+
+      .drag-lines {
+        &::before {
+          background: var(
+            --kyn-resize-grip-line-start-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+
+        &::after {
+          background: var(
+            --kyn-resize-grip-line-end-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+      }
+    }
+
+    &.dragging {
+      background: var(
+        --kyn-resize-grip-surface-drag,
+        var(--kd-color-border-variants-drag)
+      );
+
+      .drag-lines {
+        &::before {
+          background: var(
+            --kyn-resize-grip-line-start-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+
+        &::after {
+          background: var(
+            --kyn-resize-grip-line-end-active,
+            var(--kyn-resize-grip-line-active, var(--kd-color-icon-tertiary))
+          );
+        }
+      }
+    }
+  }
+
+  .drag-lines {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+    flex: 0 0 auto;
+    gap: 2px;
+    width: 32px;
+    height: auto;
+    pointer-events: none;
+
+    &::before {
+      content: '';
+      display: block;
+      flex: 0 0 1px;
+      width: 32px;
+      height: 1px;
+      background: var(--kyn-resize-grip-line-start, #{$line});
+      transition: background-color 150ms ease-out;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      flex: 0 0 1px;
+      width: 32px;
+      height: 1px;
+      background: var(--kyn-resize-grip-line-end, #{$line});
+      transition: background-color 150ms ease-out;
+    }
+  }
+}

package/components/reusable/blockCodeView/blockCodeView.d.ts

@@ -18,6 +18,11 @@ export declare class BlockCodeView extends LitElement {
     accessor startLineNumber: number;
     /** Customizable max-height setting for code snippet container. */
     accessor maxHeight: number | null;
+    /**
+     * Enables a full-height flush layout intended for pane/rail containers where the code view
+     * should occupy the entire available height.
+     */
+    accessor flush: boolean;
     /** Optionally displayed label above code snippet container. */
     accessor codeViewLabel: string;
     /** Optionally display button to copy code snippet. */

package/components/reusable/blockCodeView/blockCodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blockCodeView.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/blockCodeView/blockCodeView.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAOlD,OAAO,6CAA6C,CAAC;AACrD,OAAO,iDAAiD,CAAC;AAMzD,OAAO,WAAW,CAAC;AAwCnB;;;GAGG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAGpB;IAEF,wCAAwC;IAExC,QAAQ,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAa;IAE7D,qJAAqJ;IAErJ,QAAQ,CAAC,QAAQ,SAAM;IAEvB,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAE7B,0FAA0F;IAE1F,QAAQ,CAAC,eAAe,SAAK;IAE7B,kEAAkE;IAElE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC,+DAA+D;IAE/D,QAAQ,CAAC,aAAa,SAAM;IAE5B,sDAAsD;IAEtD,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,kEAAkE;IAElE,QAAQ,CAAC,kBAAkB,UAAS;IAEpC,6CAA6C;IAE7C,QAAQ,CAAC,cAAc,SAAM;IAE7B,+CAA+C;IAE/C,QAAQ,CAAC,yBAAyB,SAAM;IAExC,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,SAAM;IAE1B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAuB;IAEpD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IAEvC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAErC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IAEtC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAE1D;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAM;IAEzC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAQ;IAEjD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAuB;IAE9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkC/C,MAAM;IA6Bf,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,kBAAkB;IAuBjB,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMtD,OAAO,CAAC,aAAa;IAsDrB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,QAAQ;IA0BhB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;CAmBvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,aAAa,CAAC;KACtC;CACF"}
+{"version":3,"file":"blockCodeView.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/blockCodeView/blockCodeView.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAOlD,OAAO,6CAA6C,CAAC;AACrD,OAAO,iDAAiD,CAAC;AAMzD,OAAO,WAAW,CAAC;AAwCnB;;;GAGG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAGpB;IAEF,wCAAwC;IAExC,QAAQ,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAa;IAE7D,qJAAqJ;IAErJ,QAAQ,CAAC,QAAQ,SAAM;IAEvB,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAE7B,0FAA0F;IAE1F,QAAQ,CAAC,eAAe,SAAK;IAE7B,kEAAkE;IAElE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB,+DAA+D;IAE/D,QAAQ,CAAC,aAAa,SAAM;IAE5B,sDAAsD;IAEtD,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,kEAAkE;IAElE,QAAQ,CAAC,kBAAkB,UAAS;IAEpC,6CAA6C;IAE7C,QAAQ,CAAC,cAAc,SAAM;IAE7B,+CAA+C;IAE/C,QAAQ,CAAC,yBAAyB,SAAM;IAExC,+EAA+E;IAE/E,QAAQ,CAAC,WAAW,SAAM;IAE1B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAuB;IAEpD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IAEvC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAErC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IAEtC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAE1D;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAM;IAEzC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAQ;IAEjD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAuB;IAE9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkC/C,MAAM;IA6Bf,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,kBAAkB;IAuBjB,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMtD,OAAO,CAAC,aAAa;IAsDrB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,QAAQ;IA0BhB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;CAmBvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,aAAa,CAAC;KACtC;CACF"}

package/components/reusable/blockCodeView/blockCodeView.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as s,LitElement as r,unsafeCSS as c,html as l}from"lit";import{customElement as d,property as h,state as p}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{ifDefined as m}from"lit/directives/if-defined.js";import{deepmerge as u}from"deepmerge-ts";import k from"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import{a9 as v,aa as y,i as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";import"../button/button.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var x,w=s`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as s,LitElement as r,unsafeCSS as l,html as c}from"lit";import{customElement as d,property as h,state as p}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{ifDefined as u}from"lit/directives/if-defined.js";import{deepmerge as m}from"deepmerge-ts";import k from"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import{a9 as v,aa as b,i as y}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";import"../button/button.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var w,x=s`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -37,6 +37,17 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   position: relative;
 }
 
+:host([flush]) {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  background: var(--kd-color-code-view-background);
+}
+
 pre.line-numbers {
   position: relative;
   padding-left: 0;
@@ -84,6 +95,61 @@ pre.line-numbers .line-numbers-rows > span:before {
   margin-left: -85px;
 }
 
+:host([flush]) .multi-line.code-view__container {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: 0;
+  min-width: 0;
+  background: var(--kd-color-code-view-background);
+  padding: var(--kd-spacing-24);
+}
+
+:host([flush]) .multi-line.code-view__container .code-snippet-wrapper {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+:host([flush]) .multi-line.code-view__container pre.no-line-numbers code {
+  margin-left: 0 !important;
+}
+
+:host([flush]) .multi-line.code-view__container pre {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  max-height: none !important;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  tab-size: 2;
+}
+
+:host([flush]) .multi-line.code-view__container pre code {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+/* Copy control sits in the padded inset in flush mode. */
+:host([flush]) .multi-line.code-view__container .code-view__copy-button {
+  top: calc(var(--kd-spacing-24) + var(--kd-spacing-8));
+  right: calc(var(--kd-spacing-24) + var(--kd-spacing-8));
+}
+
 .code-view__label {
   margin-bottom: var(--kd-spacing-12);
 }
@@ -637,8 +703,8 @@ code.language-git:before {
 .shidoka-syntax-theme .code-snippet-wrapper pre *::-moz-selection {
   background-color: light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
   color: inherit;
-}`;const _={collapsed:"Collapsed",expanded:"Expanded"},S=k;(null===(x=S.plugins)||void 0===x?void 0:x.autoloader)&&(S.plugins.autoloader.languages_path="https://cdn.jsdelivr.net/npm/prismjs@1/components/");const L={markup:["<",">","/","div","span","class","id"],html:["<",">","/","div","span","class","id"],css:["{","}",":",";","#","."],javascript:["function","const","let","var","=>"],typescript:["interface","type",":","as"],python:["def","import","from","class"],java:["public","private","class","void"]};let z=(()=>{var s,x,S,z,T,C,H,O,E,N,j,B,M,$,V,W,A,q,R,D;let F,U,P,K,I,J,X,G,Q,Y,Z,ee,te,ie,oe,ae,ne,se,re,ce,le,de,he=[d("kyn-block-code-view")],pe=[],ge=r,me=[],ue=[],ke=[],ve=[],ye=[],be=[],xe=[],we=[],fe=[],_e=[],Se=[],Le=[],ze=[],Te=[],Ce=[],He=[],Oe=[],Ee=[],Ne=[],je=[],Be=[],Me=[],$e=[],Ve=[],We=[],Ae=[],qe=[],Re=[],De=[],Fe=[],Ue=[],Pe=[],Ke=[],Ie=[],Je=[],Xe=[],Ge=[],Qe=[],Ye=[],Ze=[];return U=class extends ge{get darkTheme(){return o(this,s,"f")}set darkTheme(e){a(this,s,e,"f")}get language(){return o(this,x,"f")}set language(e){a(this,x,e,"f")}get lineNumbers(){return o(this,S,"f")}set lineNumbers(e){a(this,S,e,"f")}get startLineNumber(){return o(this,z,"f")}set startLineNumber(e){a(this,z,e,"f")}get maxHeight(){return o(this,T,"f")}set maxHeight(e){a(this,T,e,"f")}get codeViewLabel(){return o(this,C,"f")}set codeViewLabel(e){a(this,C,e,"f")}get copyOptionVisible(){return o(this,H,"f")}set copyOptionVisible(e){a(this,H,e,"f")}get codeViewExpandable(){return o(this,O,"f")}set codeViewExpandable(e){a(this,O,e,"f")}get copyButtonText(){return o(this,E,"f")}set copyButtonText(e){a(this,E,e,"f")}get copyButtonDescriptionAttr(){return o(this,N,"f")}set copyButtonDescriptionAttr(e){a(this,N,e,"f")}get codeSnippet(){return o(this,j,"f")}set codeSnippet(e){a(this,j,e,"f")}get textStrings(){return o(this,B,"f")}set textStrings(e){a(this,B,e,"f")}get _textStrings(){return o(this,M,"f")}set _textStrings(e){a(this,M,e,"f")}get _isSingleLine(){return o(this,$,"f")}set _isSingleLine(e){a(this,$,e,"f")}get hasOverflow(){return o(this,V,"f")}set hasOverflow(e){a(this,V,e,"f")}get codeExpanded(){return o(this,W,"f")}set codeExpanded(e){a(this,W,e,"f")}get _copyState(){return o(this,A,"f")}set _copyState(e){a(this,A,e,"f")}get _effectiveLanguage(){return o(this,q,"f")}set _effectiveLanguage(e){a(this,q,e,"f")}get _codeFitsContainerOnLoad(){return o(this,R,"f")}set _codeFitsContainerOnLoad(e){a(this,R,e,"f")}get _expandedHeight(){return o(this,D,"f")}set _expandedHeight(e){a(this,D,e,"f")}updated(e){e.has("darkTheme")&&this.requestUpdate();const t=e.has("codeSnippet")||e.has("language")||e.has("maxHeight");e.has("lineNumbers")?setTimeout((()=>{this.highlightCode(),this.checkOverflow()}),0):t&&(this.highlightCode(),this.checkOverflow()),e.has("copyButtonText")&&(this._copyState={...this._copyState,text:this.copyButtonText}),e.has("startLineNumber")&&(this.startLineNumber<1&&(this.startLineNumber=1),this.highlightCode()),super.updated(e)}render(){const e=`${this.getContainerStyle()};`;return l`
-      ${this.codeViewLabel?l`<div class="code-view__label">
+}`;const _={collapsed:"Collapsed",expanded:"Expanded"},S=k;(null===(w=S.plugins)||void 0===w?void 0:w.autoloader)&&(S.plugins.autoloader.languages_path="https://cdn.jsdelivr.net/npm/prismjs@1/components/");const L={markup:["<",">","/","div","span","class","id"],html:["<",">","/","div","span","class","id"],css:["{","}",":",";","#","."],javascript:["function","const","let","var","=>"],typescript:["interface","type",":","as"],python:["def","import","from","class"],java:["public","private","class","void"]};let z=(()=>{var s,w,S,z,T,C,H,O,E,N,j,B,M,$,V,W,A,q,R,D,F;let U,P,K,I,J,X,G,Q,Y,Z,ee,te,ie,oe,ae,ne,se,re,le,ce,de,he,pe,ge=[d("kyn-block-code-view")],ue=[],me=r,ke=[],ve=[],be=[],ye=[],we=[],xe=[],fe=[],_e=[],Se=[],Le=[],ze=[],Te=[],Ce=[],He=[],Oe=[],Ee=[],Ne=[],je=[],Be=[],Me=[],$e=[],Ve=[],We=[],Ae=[],qe=[],Re=[],De=[],Fe=[],Ue=[],Pe=[],Ke=[],Ie=[],Je=[],Xe=[],Ge=[],Qe=[],Ye=[],Ze=[],et=[],tt=[],it=[],ot=[];return P=class extends me{get darkTheme(){return o(this,s,"f")}set darkTheme(e){a(this,s,e,"f")}get language(){return o(this,w,"f")}set language(e){a(this,w,e,"f")}get lineNumbers(){return o(this,S,"f")}set lineNumbers(e){a(this,S,e,"f")}get startLineNumber(){return o(this,z,"f")}set startLineNumber(e){a(this,z,e,"f")}get maxHeight(){return o(this,T,"f")}set maxHeight(e){a(this,T,e,"f")}get flush(){return o(this,C,"f")}set flush(e){a(this,C,e,"f")}get codeViewLabel(){return o(this,H,"f")}set codeViewLabel(e){a(this,H,e,"f")}get copyOptionVisible(){return o(this,O,"f")}set copyOptionVisible(e){a(this,O,e,"f")}get codeViewExpandable(){return o(this,E,"f")}set codeViewExpandable(e){a(this,E,e,"f")}get copyButtonText(){return o(this,N,"f")}set copyButtonText(e){a(this,N,e,"f")}get copyButtonDescriptionAttr(){return o(this,j,"f")}set copyButtonDescriptionAttr(e){a(this,j,e,"f")}get codeSnippet(){return o(this,B,"f")}set codeSnippet(e){a(this,B,e,"f")}get textStrings(){return o(this,M,"f")}set textStrings(e){a(this,M,e,"f")}get _textStrings(){return o(this,$,"f")}set _textStrings(e){a(this,$,e,"f")}get _isSingleLine(){return o(this,V,"f")}set _isSingleLine(e){a(this,V,e,"f")}get hasOverflow(){return o(this,W,"f")}set hasOverflow(e){a(this,W,e,"f")}get codeExpanded(){return o(this,A,"f")}set codeExpanded(e){a(this,A,e,"f")}get _copyState(){return o(this,q,"f")}set _copyState(e){a(this,q,e,"f")}get _effectiveLanguage(){return o(this,R,"f")}set _effectiveLanguage(e){a(this,R,e,"f")}get _codeFitsContainerOnLoad(){return o(this,D,"f")}set _codeFitsContainerOnLoad(e){a(this,D,e,"f")}get _expandedHeight(){return o(this,F,"f")}set _expandedHeight(e){a(this,F,e,"f")}updated(e){e.has("darkTheme")&&this.requestUpdate();const t=e.has("codeSnippet")||e.has("language")||e.has("maxHeight");e.has("lineNumbers")?setTimeout((()=>{this.highlightCode(),this.checkOverflow()}),0):t&&(this.highlightCode(),this.checkOverflow()),e.has("copyButtonText")&&(this._copyState={...this._copyState,text:this.copyButtonText}),e.has("startLineNumber")&&(this.startLineNumber<1&&(this.startLineNumber=1),this.highlightCode()),super.updated(e)}render(){const e=`${this.getContainerStyle()};`;return c`
+      ${this.codeViewLabel?c`<div class="code-view__label">
             <label>${this.codeViewLabel}</label>
           </div>`:null}
       <div class="${this.getContainerClasses()}" style="${e}">
@@ -647,29 +713,29 @@ code.language-git:before {
             @keydown=${this.handleKeypress}
             role="region"
             class=${this.lineNumbers&&!this._isSingleLine?"line-numbers":"no-line-numbers"}
-            data-start=${m(this.lineNumbers?Math.max(1,this.startLineNumber):void 0)}
+            data-start=${u(this.lineNumbers?Math.max(1,this.startLineNumber):void 0)}
           >
             <code tabindex="0" class="language-${this._effectiveLanguage}"></code>
           </pre>
         </div>
         ${this.renderCopyButton()} ${this.renderExpandButton()}
       </div>
-    `}getContainerClasses(){var e;return g({"code-view__container":!0,"single-line":this._isSingleLine,"multi-line":!this._isSingleLine,"copy-button-text-true":this.copyButtonText&&this.copyButtonText.length>0,"copy-button-text-false":!this.copyButtonText,"shidoka-syntax-theme":!0,"shidoka-syntax-theme--dark":"dark"===this.darkTheme,"shidoka-syntax-theme--light":"light"===this.darkTheme,"expanded-code-view":this.codeExpanded,"has-overflow":this.hasOverflow,"copy-active":null===(e=this._copyState)||void 0===e?void 0:e.copied})}renderCopyButton(){return this.copyOptionVisible?l`
+    `}getContainerClasses(){var e;return g({"code-view__container":!0,"single-line":this._isSingleLine,"multi-line":!this._isSingleLine,"copy-button-text-true":this.copyButtonText&&this.copyButtonText.length>0,"copy-button-text-false":!this.copyButtonText,"shidoka-syntax-theme":!0,"shidoka-syntax-theme--dark":"dark"===this.darkTheme,"shidoka-syntax-theme--light":"light"===this.darkTheme,"expanded-code-view":this.codeExpanded,"has-overflow":this.hasOverflow,"copy-active":null===(e=this._copyState)||void 0===e?void 0:e.copied})}renderCopyButton(){return this.copyOptionVisible?c`
       <kyn-button
         class="code-view__copy-button"
         kind="secondary"
         size="small"
         iconPosition="left"
         ?disabled=${this._copyState.copied}
-        description=${m(this.copyButtonDescriptionAttr)}
+        description=${u(this.copyButtonDescriptionAttr)}
         @click=${this.copyCode}
       >
         <span slot="icon" class="copy-icon">
-          ${this._copyState.copied?n(v):n(y)}
+          ${this._copyState.copied?n(v):n(b)}
         </span>
-        ${this._copyState.text?l`<span class="copy-text">${this._copyState.text}</span>`:null}
+        ${this._copyState.text?c`<span class="copy-text">${this._copyState.text}</span>`:null}
       </kyn-button>
-    `:null}renderExpandButton(){return!this.codeViewExpandable||!this.hasOverflow&&this._codeFitsContainerOnLoad?null:l`
+    `:null}renderExpandButton(){return!this.codeViewExpandable||!this.hasOverflow&&this._codeFitsContainerOnLoad?null:c`
       <kyn-button
         class="code-view__expand-button"
         kind="ghost"
@@ -679,7 +745,7 @@ code.language-git:before {
         description=${this.codeExpanded?this._textStrings.collapsed:this._textStrings.expanded}
         @click=${this.expandCodeView}
       >
-        <span slot="icon" class="expand-icon">${n(b)}</span>
+        <span slot="icon" class="expand-icon">${n(y)}</span>
       </kyn-button>
-    `}willUpdate(e){e.has("codeExpanded")&&(this._textStrings=u(_,this.textStrings))}highlightCode(){var e;const t=this.removeLeadingWhitespace(this.codeSnippet);this._isSingleLine=1===t.trim().split("\n").length,this._effectiveLanguage=this.language||this.detectLanguage(t);const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre"),o=null==i?void 0:i.querySelector("code");if(!o||!i)return;const a=i.querySelector(".line-numbers-rows");a&&a.remove(),o.className=`language-${this._effectiveLanguage}`,o.textContent=t,this.lineNumbers&&!this._isSingleLine?(i.classList.add("line-numbers"),i.setAttribute("data-start",String(this.startLineNumber))):(i.classList.remove("line-numbers"),i.removeAttribute("data-start")),setTimeout((()=>{k.highlightElement(o),setTimeout((()=>{var e;if(this.lineNumbers)try{(null===(e=k.plugins)||void 0===e?void 0:e.lineNumbers)&&(i.querySelector(".line-numbers-rows")||(k.hooks.run("complete",{element:o}),k.plugins.lineNumbers.resize(i))),i.querySelector(".line-numbers-rows")||this.addLineNumbers(i,o)}catch(e){console.warn("Line numbers initialization error:",e),this.addLineNumbers(i,o)}this.checkOverflow()}),50)}),0)}addLineNumbers(e,t){if(e.querySelector(".line-numbers-rows"))return;const i=(t.textContent||"").split("\n").length,o=Math.max(1,parseInt(e.getAttribute("data-start")||"1",10)),a=document.createElement("span");a.className="line-numbers-rows";const n=Array(i).fill("<span></span>").join("");a.innerHTML=n,e.appendChild(a),e.style.counterReset="linenumber "+(o-1)}detectLanguage(e){if(!e.trim())return"plaintext";const t=["markup","html","xml","svg","mathml","css","javascript","typescript","python","java","c","cpp"];let i={language:"plaintext",relevance:0};for(const o of t)if(k.languages[o]){const t=k.tokenize(e,k.languages[o]),a=this.calculateRelevance(t,o);a>i.relevance&&(i={language:o,relevance:a})}return"markup"===i.language?this.determineMarkupLanguage(e):i.language}calculateRelevance(e,t){return e.reduce(((e,i)=>("string"!=typeof i&&(e+=this.getTokenRelevance(i,t)),e)),0)}getTokenRelevance(e,t){let i=1+(e.alias?Array.isArray(e.alias)?e.alias.length:1:0);return this.isLanguageSpecificToken(e,t)&&(i+=2),e.content&&(Array.isArray(e.content)?i+=e.content.reduce(((e,i)=>e+("string"==typeof i?0:this.getTokenRelevance(i,t))),0):"string"!=typeof e.content&&(i+=this.getTokenRelevance(e.content,t))),i}isLanguageSpecificToken(e,t){return(L[t]||[]).some((t=>e.content.toString().includes(t)))}determineMarkupLanguage(e){return/<\/?[a-z][\s\S]*>/i.test(e)?"html":/<\?xml/i.test(e)?"xml":/<svg/i.test(e)?"svg":/<math/i.test(e)?"mathml":"markup"}checkOverflow(){setTimeout((()=>{requestAnimationFrame((()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".code-snippet-wrapper"),i=null==t?void 0:t.querySelector("pre");if(i&&t){const e=i.scrollHeight,o=this.codeExpanded?this._expandedHeight||t.clientHeight:null!==this.maxHeight?this.maxHeight:t.clientHeight;this.hasOverflow=e>o,this._codeFitsContainerOnLoad=e<=(this.maxHeight||t.clientHeight)}}))}),100)}removeLeadingWhitespace(e){if(!e)return"";const t=e.split("\n"),i=t.reduce(((e,t)=>{const i=t.match(/^[ \t]*/),o=i?i[0].length:0;return t.trim().length?Math.min(e,o):e}),1/0);return t.map((e=>e.slice(i))).join("\n").trim()}formatExampleCode(e){return{code:e}}copyCode(e){const t=this._copyState.text;navigator.clipboard.writeText(this.codeSnippet).then((()=>{this._copyState={copied:!0,text:t.length>1?"Copied!":""},this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-copy",{detail:{origEvent:e,fullSnippet:this.formatExampleCode(this.codeSnippet)}})),setTimeout((()=>{this._copyState={copied:!1,text:t},this.requestUpdate()}),5e3)})).catch((e=>console.error("Failed to copy code:",e)))}getContainerStyle(){return this.codeExpanded?this._expandedHeight?`max-height: ${this._expandedHeight}px`:"":null!==this.maxHeight?`max-height: ${this.maxHeight}px`:""}expandCodeView(){var e;if(this.codeExpanded=!this.codeExpanded,this.codeExpanded){const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre");this._expandedHeight=(null==t?void 0:t.scrollHeight)||null}else this._expandedHeight=null;this.requestUpdate(),setTimeout((()=>this.checkOverflow()),0)}handleKeypress(e){const t=e.currentTarget,i=t.scrollHeight>t.clientHeight,o=t.scrollWidth>t.clientWidth;"ArrowDown"===e.key||"ArrowUp"===e.key?i&&(t.scrollTop+="ArrowDown"===e.key?40:-40,e.preventDefault()):"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||o&&(t.scrollLeft+="ArrowRight"===e.key?40:-40,e.preventDefault())}constructor(){super(...arguments),s.set(this,i(this,me,"default")),x.set(this,(i(this,ue),i(this,ke,""))),S.set(this,(i(this,ve),i(this,ye,!1))),z.set(this,(i(this,be),i(this,xe,1))),T.set(this,(i(this,we),i(this,fe,null))),C.set(this,(i(this,_e),i(this,Se,""))),H.set(this,(i(this,Le),i(this,ze,!1))),O.set(this,(i(this,Te),i(this,Ce,!1))),E.set(this,(i(this,He),i(this,Oe,""))),N.set(this,(i(this,Ee),i(this,Ne,""))),j.set(this,(i(this,je),i(this,Be,""))),B.set(this,(i(this,Me),i(this,$e,_))),M.set(this,(i(this,Ve),i(this,We,_))),$.set(this,(i(this,Ae),i(this,qe,!1))),V.set(this,(i(this,Re),i(this,De,!1))),W.set(this,(i(this,Fe),i(this,Ue,!1))),A.set(this,(i(this,Pe),i(this,Ke,{copied:!1,text:""}))),q.set(this,(i(this,Ie),i(this,Je,""))),R.set(this,(i(this,Xe),i(this,Ge,!0))),D.set(this,(i(this,Qe),i(this,Ye,null))),i(this,Ze)}},s=new WeakMap,x=new WeakMap,S=new WeakMap,z=new WeakMap,T=new WeakMap,C=new WeakMap,H=new WeakMap,O=new WeakMap,E=new WeakMap,N=new WeakMap,j=new WeakMap,B=new WeakMap,M=new WeakMap,$=new WeakMap,V=new WeakMap,W=new WeakMap,A=new WeakMap,q=new WeakMap,R=new WeakMap,D=new WeakMap,e(U,"BlockCodeView"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ge[Symbol.metadata])&&void 0!==e?e:null):void 0;P=[h({type:String})],K=[h({type:String})],I=[h({type:Boolean})],J=[h({type:Number})],X=[h({type:Number})],G=[h({type:String})],Q=[h({type:Boolean})],Y=[h({type:Boolean})],Z=[h({type:String})],ee=[h({type:String})],te=[h({type:String})],ie=[h({type:Object})],oe=[p()],ae=[p()],ne=[p()],se=[p()],re=[p()],ce=[p()],le=[p()],de=[p()],t(U,null,P,{kind:"accessor",name:"darkTheme",static:!1,private:!1,access:{has:e=>"darkTheme"in e,get:e=>e.darkTheme,set:(e,t)=>{e.darkTheme=t}},metadata:i},me,ue),t(U,null,K,{kind:"accessor",name:"language",static:!1,private:!1,access:{has:e=>"language"in e,get:e=>e.language,set:(e,t)=>{e.language=t}},metadata:i},ke,ve),t(U,null,I,{kind:"accessor",name:"lineNumbers",static:!1,private:!1,access:{has:e=>"lineNumbers"in e,get:e=>e.lineNumbers,set:(e,t)=>{e.lineNumbers=t}},metadata:i},ye,be),t(U,null,J,{kind:"accessor",name:"startLineNumber",static:!1,private:!1,access:{has:e=>"startLineNumber"in e,get:e=>e.startLineNumber,set:(e,t)=>{e.startLineNumber=t}},metadata:i},xe,we),t(U,null,X,{kind:"accessor",name:"maxHeight",static:!1,private:!1,access:{has:e=>"maxHeight"in e,get:e=>e.maxHeight,set:(e,t)=>{e.maxHeight=t}},metadata:i},fe,_e),t(U,null,G,{kind:"accessor",name:"codeViewLabel",static:!1,private:!1,access:{has:e=>"codeViewLabel"in e,get:e=>e.codeViewLabel,set:(e,t)=>{e.codeViewLabel=t}},metadata:i},Se,Le),t(U,null,Q,{kind:"accessor",name:"copyOptionVisible",static:!1,private:!1,access:{has:e=>"copyOptionVisible"in e,get:e=>e.copyOptionVisible,set:(e,t)=>{e.copyOptionVisible=t}},metadata:i},ze,Te),t(U,null,Y,{kind:"accessor",name:"codeViewExpandable",static:!1,private:!1,access:{has:e=>"codeViewExpandable"in e,get:e=>e.codeViewExpandable,set:(e,t)=>{e.codeViewExpandable=t}},metadata:i},Ce,He),t(U,null,Z,{kind:"accessor",name:"copyButtonText",static:!1,private:!1,access:{has:e=>"copyButtonText"in e,get:e=>e.copyButtonText,set:(e,t)=>{e.copyButtonText=t}},metadata:i},Oe,Ee),t(U,null,ee,{kind:"accessor",name:"copyButtonDescriptionAttr",static:!1,private:!1,access:{has:e=>"copyButtonDescriptionAttr"in e,get:e=>e.copyButtonDescriptionAttr,set:(e,t)=>{e.copyButtonDescriptionAttr=t}},metadata:i},Ne,je),t(U,null,te,{kind:"accessor",name:"codeSnippet",static:!1,private:!1,access:{has:e=>"codeSnippet"in e,get:e=>e.codeSnippet,set:(e,t)=>{e.codeSnippet=t}},metadata:i},Be,Me),t(U,null,ie,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:i},$e,Ve),t(U,null,oe,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:i},We,Ae),t(U,null,ae,{kind:"accessor",name:"_isSingleLine",static:!1,private:!1,access:{has:e=>"_isSingleLine"in e,get:e=>e._isSingleLine,set:(e,t)=>{e._isSingleLine=t}},metadata:i},qe,Re),t(U,null,ne,{kind:"accessor",name:"hasOverflow",static:!1,private:!1,access:{has:e=>"hasOverflow"in e,get:e=>e.hasOverflow,set:(e,t)=>{e.hasOverflow=t}},metadata:i},De,Fe),t(U,null,se,{kind:"accessor",name:"codeExpanded",static:!1,private:!1,access:{has:e=>"codeExpanded"in e,get:e=>e.codeExpanded,set:(e,t)=>{e.codeExpanded=t}},metadata:i},Ue,Pe),t(U,null,re,{kind:"accessor",name:"_copyState",static:!1,private:!1,access:{has:e=>"_copyState"in e,get:e=>e._copyState,set:(e,t)=>{e._copyState=t}},metadata:i},Ke,Ie),t(U,null,ce,{kind:"accessor",name:"_effectiveLanguage",static:!1,private:!1,access:{has:e=>"_effectiveLanguage"in e,get:e=>e._effectiveLanguage,set:(e,t)=>{e._effectiveLanguage=t}},metadata:i},Je,Xe),t(U,null,le,{kind:"accessor",name:"_codeFitsContainerOnLoad",static:!1,private:!1,access:{has:e=>"_codeFitsContainerOnLoad"in e,get:e=>e._codeFitsContainerOnLoad,set:(e,t)=>{e._codeFitsContainerOnLoad=t}},metadata:i},Ge,Qe),t(U,null,de,{kind:"accessor",name:"_expandedHeight",static:!1,private:!1,access:{has:e=>"_expandedHeight"in e,get:e=>e._expandedHeight,set:(e,t)=>{e._expandedHeight=t}},metadata:i},Ye,Ze),t(null,F={value:U},he,{kind:"class",name:U.name,metadata:i},null,pe),U=F.value,i&&Object.defineProperty(U,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),U.styles=[c(w),c(f)],i(U,pe),U})();export{z as BlockCodeView};
+    `}willUpdate(e){e.has("codeExpanded")&&(this._textStrings=m(_,this.textStrings))}highlightCode(){var e;const t=this.removeLeadingWhitespace(this.codeSnippet);this._isSingleLine=1===t.trim().split("\n").length,this._effectiveLanguage=this.language||this.detectLanguage(t);const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre"),o=null==i?void 0:i.querySelector("code");if(!o||!i)return;const a=i.querySelector(".line-numbers-rows");a&&a.remove(),o.className=`language-${this._effectiveLanguage}`,o.textContent=t,this.lineNumbers&&!this._isSingleLine?(i.classList.add("line-numbers"),i.setAttribute("data-start",String(this.startLineNumber))):(i.classList.remove("line-numbers"),i.removeAttribute("data-start")),setTimeout((()=>{k.highlightElement(o),setTimeout((()=>{var e;if(this.lineNumbers)try{(null===(e=k.plugins)||void 0===e?void 0:e.lineNumbers)&&(i.querySelector(".line-numbers-rows")||(k.hooks.run("complete",{element:o}),k.plugins.lineNumbers.resize(i))),i.querySelector(".line-numbers-rows")||this.addLineNumbers(i,o)}catch(e){console.warn("Line numbers initialization error:",e),this.addLineNumbers(i,o)}this.checkOverflow()}),50)}),0)}addLineNumbers(e,t){if(e.querySelector(".line-numbers-rows"))return;const i=(t.textContent||"").split("\n").length,o=Math.max(1,parseInt(e.getAttribute("data-start")||"1",10)),a=document.createElement("span");a.className="line-numbers-rows";const n=Array(i).fill("<span></span>").join("");a.innerHTML=n,e.appendChild(a),e.style.counterReset="linenumber "+(o-1)}detectLanguage(e){if(!e.trim())return"plaintext";const t=["markup","html","xml","svg","mathml","css","javascript","typescript","python","java","c","cpp"];let i={language:"plaintext",relevance:0};for(const o of t)if(k.languages[o]){const t=k.tokenize(e,k.languages[o]),a=this.calculateRelevance(t,o);a>i.relevance&&(i={language:o,relevance:a})}return"markup"===i.language?this.determineMarkupLanguage(e):i.language}calculateRelevance(e,t){return e.reduce(((e,i)=>("string"!=typeof i&&(e+=this.getTokenRelevance(i,t)),e)),0)}getTokenRelevance(e,t){let i=1+(e.alias?Array.isArray(e.alias)?e.alias.length:1:0);return this.isLanguageSpecificToken(e,t)&&(i+=2),e.content&&(Array.isArray(e.content)?i+=e.content.reduce(((e,i)=>e+("string"==typeof i?0:this.getTokenRelevance(i,t))),0):"string"!=typeof e.content&&(i+=this.getTokenRelevance(e.content,t))),i}isLanguageSpecificToken(e,t){return(L[t]||[]).some((t=>e.content.toString().includes(t)))}determineMarkupLanguage(e){return/<\/?[a-z][\s\S]*>/i.test(e)?"html":/<\?xml/i.test(e)?"xml":/<svg/i.test(e)?"svg":/<math/i.test(e)?"mathml":"markup"}checkOverflow(){setTimeout((()=>{requestAnimationFrame((()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".code-snippet-wrapper"),i=null==t?void 0:t.querySelector("pre");if(i&&t){const e=i.scrollHeight,o=this.codeExpanded?this._expandedHeight||t.clientHeight:null!==this.maxHeight?this.maxHeight:t.clientHeight;this.hasOverflow=e>o,this._codeFitsContainerOnLoad=e<=(this.maxHeight||t.clientHeight)}}))}),100)}removeLeadingWhitespace(e){if(!e)return"";const t=e.split("\n"),i=t.reduce(((e,t)=>{const i=t.match(/^[ \t]*/),o=i?i[0].length:0;return t.trim().length?Math.min(e,o):e}),1/0);return t.map((e=>e.slice(i))).join("\n").trim()}formatExampleCode(e){return{code:e}}copyCode(e){const t=this._copyState.text;navigator.clipboard.writeText(this.codeSnippet).then((()=>{this._copyState={copied:!0,text:t.length>1?"Copied!":""},this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-copy",{detail:{origEvent:e,fullSnippet:this.formatExampleCode(this.codeSnippet)}})),setTimeout((()=>{this._copyState={copied:!1,text:t},this.requestUpdate()}),5e3)})).catch((e=>console.error("Failed to copy code:",e)))}getContainerStyle(){return this.codeExpanded?this._expandedHeight?`max-height: ${this._expandedHeight}px`:"":null!==this.maxHeight?`max-height: ${this.maxHeight}px`:""}expandCodeView(){var e;if(this.codeExpanded=!this.codeExpanded,this.codeExpanded){const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("pre");this._expandedHeight=(null==t?void 0:t.scrollHeight)||null}else this._expandedHeight=null;this.requestUpdate(),setTimeout((()=>this.checkOverflow()),0)}handleKeypress(e){const t=e.currentTarget,i=t.scrollHeight>t.clientHeight,o=t.scrollWidth>t.clientWidth;"ArrowDown"===e.key||"ArrowUp"===e.key?i&&(t.scrollTop+="ArrowDown"===e.key?40:-40,e.preventDefault()):"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||o&&(t.scrollLeft+="ArrowRight"===e.key?40:-40,e.preventDefault())}constructor(){super(...arguments),s.set(this,i(this,ke,"default")),w.set(this,(i(this,ve),i(this,be,""))),S.set(this,(i(this,ye),i(this,we,!1))),z.set(this,(i(this,xe),i(this,fe,1))),T.set(this,(i(this,_e),i(this,Se,null))),C.set(this,(i(this,Le),i(this,ze,!1))),H.set(this,(i(this,Te),i(this,Ce,""))),O.set(this,(i(this,He),i(this,Oe,!1))),E.set(this,(i(this,Ee),i(this,Ne,!1))),N.set(this,(i(this,je),i(this,Be,""))),j.set(this,(i(this,Me),i(this,$e,""))),B.set(this,(i(this,Ve),i(this,We,""))),M.set(this,(i(this,Ae),i(this,qe,_))),$.set(this,(i(this,Re),i(this,De,_))),V.set(this,(i(this,Fe),i(this,Ue,!1))),W.set(this,(i(this,Pe),i(this,Ke,!1))),A.set(this,(i(this,Ie),i(this,Je,!1))),q.set(this,(i(this,Xe),i(this,Ge,{copied:!1,text:""}))),R.set(this,(i(this,Qe),i(this,Ye,""))),D.set(this,(i(this,Ze),i(this,et,!0))),F.set(this,(i(this,tt),i(this,it,null))),i(this,ot)}},s=new WeakMap,w=new WeakMap,S=new WeakMap,z=new WeakMap,T=new WeakMap,C=new WeakMap,H=new WeakMap,O=new WeakMap,E=new WeakMap,N=new WeakMap,j=new WeakMap,B=new WeakMap,M=new WeakMap,$=new WeakMap,V=new WeakMap,W=new WeakMap,A=new WeakMap,q=new WeakMap,R=new WeakMap,D=new WeakMap,F=new WeakMap,e(P,"BlockCodeView"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=me[Symbol.metadata])&&void 0!==e?e:null):void 0;K=[h({type:String})],I=[h({type:String})],J=[h({type:Boolean})],X=[h({type:Number})],G=[h({type:Number})],Q=[h({type:Boolean,reflect:!0})],Y=[h({type:String})],Z=[h({type:Boolean})],ee=[h({type:Boolean})],te=[h({type:String})],ie=[h({type:String})],oe=[h({type:String})],ae=[h({type:Object})],ne=[p()],se=[p()],re=[p()],le=[p()],ce=[p()],de=[p()],he=[p()],pe=[p()],t(P,null,K,{kind:"accessor",name:"darkTheme",static:!1,private:!1,access:{has:e=>"darkTheme"in e,get:e=>e.darkTheme,set:(e,t)=>{e.darkTheme=t}},metadata:i},ke,ve),t(P,null,I,{kind:"accessor",name:"language",static:!1,private:!1,access:{has:e=>"language"in e,get:e=>e.language,set:(e,t)=>{e.language=t}},metadata:i},be,ye),t(P,null,J,{kind:"accessor",name:"lineNumbers",static:!1,private:!1,access:{has:e=>"lineNumbers"in e,get:e=>e.lineNumbers,set:(e,t)=>{e.lineNumbers=t}},metadata:i},we,xe),t(P,null,X,{kind:"accessor",name:"startLineNumber",static:!1,private:!1,access:{has:e=>"startLineNumber"in e,get:e=>e.startLineNumber,set:(e,t)=>{e.startLineNumber=t}},metadata:i},fe,_e),t(P,null,G,{kind:"accessor",name:"maxHeight",static:!1,private:!1,access:{has:e=>"maxHeight"in e,get:e=>e.maxHeight,set:(e,t)=>{e.maxHeight=t}},metadata:i},Se,Le),t(P,null,Q,{kind:"accessor",name:"flush",static:!1,private:!1,access:{has:e=>"flush"in e,get:e=>e.flush,set:(e,t)=>{e.flush=t}},metadata:i},ze,Te),t(P,null,Y,{kind:"accessor",name:"codeViewLabel",static:!1,private:!1,access:{has:e=>"codeViewLabel"in e,get:e=>e.codeViewLabel,set:(e,t)=>{e.codeViewLabel=t}},metadata:i},Ce,He),t(P,null,Z,{kind:"accessor",name:"copyOptionVisible",static:!1,private:!1,access:{has:e=>"copyOptionVisible"in e,get:e=>e.copyOptionVisible,set:(e,t)=>{e.copyOptionVisible=t}},metadata:i},Oe,Ee),t(P,null,ee,{kind:"accessor",name:"codeViewExpandable",static:!1,private:!1,access:{has:e=>"codeViewExpandable"in e,get:e=>e.codeViewExpandable,set:(e,t)=>{e.codeViewExpandable=t}},metadata:i},Ne,je),t(P,null,te,{kind:"accessor",name:"copyButtonText",static:!1,private:!1,access:{has:e=>"copyButtonText"in e,get:e=>e.copyButtonText,set:(e,t)=>{e.copyButtonText=t}},metadata:i},Be,Me),t(P,null,ie,{kind:"accessor",name:"copyButtonDescriptionAttr",static:!1,private:!1,access:{has:e=>"copyButtonDescriptionAttr"in e,get:e=>e.copyButtonDescriptionAttr,set:(e,t)=>{e.copyButtonDescriptionAttr=t}},metadata:i},$e,Ve),t(P,null,oe,{kind:"accessor",name:"codeSnippet",static:!1,private:!1,access:{has:e=>"codeSnippet"in e,get:e=>e.codeSnippet,set:(e,t)=>{e.codeSnippet=t}},metadata:i},We,Ae),t(P,null,ae,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:i},qe,Re),t(P,null,ne,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:i},De,Fe),t(P,null,se,{kind:"accessor",name:"_isSingleLine",static:!1,private:!1,access:{has:e=>"_isSingleLine"in e,get:e=>e._isSingleLine,set:(e,t)=>{e._isSingleLine=t}},metadata:i},Ue,Pe),t(P,null,re,{kind:"accessor",name:"hasOverflow",static:!1,private:!1,access:{has:e=>"hasOverflow"in e,get:e=>e.hasOverflow,set:(e,t)=>{e.hasOverflow=t}},metadata:i},Ke,Ie),t(P,null,le,{kind:"accessor",name:"codeExpanded",static:!1,private:!1,access:{has:e=>"codeExpanded"in e,get:e=>e.codeExpanded,set:(e,t)=>{e.codeExpanded=t}},metadata:i},Je,Xe),t(P,null,ce,{kind:"accessor",name:"_copyState",static:!1,private:!1,access:{has:e=>"_copyState"in e,get:e=>e._copyState,set:(e,t)=>{e._copyState=t}},metadata:i},Ge,Qe),t(P,null,de,{kind:"accessor",name:"_effectiveLanguage",static:!1,private:!1,access:{has:e=>"_effectiveLanguage"in e,get:e=>e._effectiveLanguage,set:(e,t)=>{e._effectiveLanguage=t}},metadata:i},Ye,Ze),t(P,null,he,{kind:"accessor",name:"_codeFitsContainerOnLoad",static:!1,private:!1,access:{has:e=>"_codeFitsContainerOnLoad"in e,get:e=>e._codeFitsContainerOnLoad,set:(e,t)=>{e._codeFitsContainerOnLoad=t}},metadata:i},et,tt),t(P,null,pe,{kind:"accessor",name:"_expandedHeight",static:!1,private:!1,access:{has:e=>"_expandedHeight"in e,get:e=>e._expandedHeight,set:(e,t)=>{e._expandedHeight=t}},metadata:i},it,ot),t(null,U={value:P},ge,{kind:"class",name:P.name,metadata:i},null,ue),P=U.value,i&&Object.defineProperty(P,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),P.styles=[l(x),l(f)],i(P,ue),P})();export{z as BlockCodeView};
 //# sourceMappingURL=blockCodeView.js.map