@ember-eui/core 9.0.1 → 10.0.1

package/dist/components/eui-code-block.js

@@ -1,6 +1,3 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { helper } from '@ember/component/helper';
@@ -21,240 +18,107 @@ import classNames from '../helpers/class-names.js';
 import mutationObserver from '../modifiers/mutation-observer.js';
 import ResizeObserver from '../modifiers/resize-observer.js';
 import { checkSupportedLanguage, highlightByLine, getHtmlContent } from '../utils/code/utils.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime';
 
-var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
 const fontSizeToRowHeightMap = {
   s: 18,
   m: 21,
   l: 24
 };
-const highlightTargetModifier = modifier((_e, _pos, {
-  element: targetEle,
-  language = 'text',
-  lineNumbersConfig = {
+const highlightTargetModifier = modifier((_e1, _pos1, {
+  element: targetEle1,
+  language: language1 = 'text',
+  lineNumbersConfig: lineNumbersConfig1 = {
     start: 1,
     show: false
   },
-  onChange
+  onChange: onChange1
 }) => {
-  let observer;
-  const getHighlighedHtml = () => {
-    const html = (targetEle?.textContent ? targetEle.textContent : '').trim();
-    let data;
-    if (typeof html !== 'string') {
-      data = [];
+  let observer1;
+  const getHighlighedHtml1 = () => {
+    const html1 = (targetEle1?.textContent ? targetEle1.textContent : '').trim();
+    let data1;
+    if (typeof html1 !== 'string') {
+      data1 = [];
     } else {
-      data = highlightByLine(html, language, lineNumbersConfig);
+      data1 = highlightByLine(html1, language1, lineNumbersConfig1);
     }
     return {
-      data,
-      element: getHtmlContent(data).element
+      data: data1,
+      element: getHtmlContent(data1).element
     };
   };
-  const setupObserver = () => {
-    const newObserver = new MutationObserver(mutationsList => {
-      if (mutationsList.length) {
-        onChange(getHighlighedHtml());
+  const setupObserver1 = () => {
+    const newObserver1 = new MutationObserver(mutationsList1 => {
+      if (mutationsList1.length) {
+        onChange1(getHighlighedHtml1());
       }
     });
-    if (targetEle) {
-      onChange(getHighlighedHtml());
-      newObserver.observe(targetEle, {
+    if (targetEle1) {
+      onChange1(getHighlighedHtml1());
+      newObserver1.observe(targetEle1, {
         characterData: true,
         subtree: true,
         childList: true
       });
     }
-    return newObserver;
+    return newObserver1;
   };
-  if (targetEle) {
-    observer = setupObserver();
+  if (targetEle1) {
+    observer1 = setupObserver1();
   }
   return () => {
-    observer?.disconnect();
+    observer1?.disconnect();
   };
 });
-const cleanTextHelper = helper(function ([text]) {
-  return text?.replace(/[\r\n?]{2}|\n\n/g, '\n') || '';
+const cleanTextHelper = helper(function ([text1]) {
+  return text1?.replace(/[\r\n?]{2}|\n\n/g, '\n') || '';
 });
-const textToCopyHelper = helper(function (_pos, {
-  isVirtualized,
-  element,
-  innerText
+const textToCopyHelper = helper(function (_pos1, {
+  isVirtualized: isVirtualized1,
+  element: element1,
+  innerText: innerText1
 }) {
-  if (element) {
-    return isVirtualized ? element.textContent ? element.textContent : '' : innerText;
+  if (element1) {
+    return isVirtualized1 ? element1.textContent ? element1.textContent : '' : innerText1;
   }
   return '';
 });
-let EuiCodeBlockComponent = setComponentTemplate(precompileTemplate(`
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}
-    {{#if this.codeTarget}}
-      {{#in-element this.codeTarget}}
-        {{yield}}
-      {{/in-element}}
-    {{/if}}
-    <EuiInnerText as |setInnerTextRef innerText|>
-      {{#let
-        (classNames
-          "euiCodeBlock"
-          (if
-            (or this.showCopyButton this.showFullScreenButton)
-            "euiCodeBlock--hasControl"
-          )
-          (if
-            (and this.showCopyButton this.showFullScreenButton)
-            "euiCodeBlock--hasBothControls"
-          )
-          (if this.lineNumbersConfig.show "euiCodeBlock--hasLineNumbers")
-        )
-        (classNames
-          "euiCodeBlock__pre"
-          (if
-            (or (eq this.whiteSpace "pre") this.isVirtualized)
-            "euiCodeBlock__pre--whiteSpacePre"
-          )
-          (if
-            (and (eq this.whiteSpace "pre-wrap") (not this.isVirtualized))
-            "euiCodeBlock__pre--whiteSpacePreWrap"
-          )
-          (if this.isVirtualized "euiCodeBlock__pre--isVirtualized")
-        )
-        as |wrapperClasses preClasses|
-      }}
-        <div
-          class={{classNames
-            wrapperClasses
-            (if
-              this.transparentBackground "euiCodeBlock--transparentBackground"
-            )
-            componentName="EuiCodeBlock"
-            fontSize=this.fontSize
-            paddingSize=this.paddingSize
-          }}
-          {{style this.optionalStyles}}
-          {{highlightTargetModifier
-            element=this.codeTarget
-            language=this.language
-            lineNumbersConfig=this.lineNumbersConfig
-            onChange=this.updateCode
-          }}
-        >
-          {{#if this.isVirtualized}}
-            {{!virtualized}}
-            <VirtualizedCodeBlock
-              class={{preClasses}}
-              tabindex="0"
-              {{onKey "Escape" this.closeFullScreen}}
-              @language={{this.language}}
-              @data={{this.data.data}}
-              @rowHeight={{this.rowHeight}}
-            />
-          {{else}}
-            {{!template-lint-disable}}
-            <pre
-              class={{preClasses}}
-              {{style this.optionalStyles}}
-              tabindex={{this.tabIndex}}
-              {{didInsert (set this "wrapperRef")}}
-              {{resizeObserver onResize=this.doesOverflow}}
-              {{mutationObserver
-                onMutation=this.doesOverflow
-                observerOptions=(hash subtree=true childList=true)
-              }}
-              {{didInsert setInnerTextRef}}
-            ><code
-                class="euiCodeBlock__code"
-                data-code-language={{this.language}}
-                {{didInsert (set this "code")}}
-                ...attributes
-              ></code></pre>
-
-          {{/if}}
-
-          <Controls
-            @isFullScreen={{this.isFullScreen}}
-            @showFullScreenButton={{this.showFullScreenButton}}
-            @toggleFullScreen={{this.toggleFullScreen}}
-            @showCopyButton={{this.showCopyButton}}
-            @textToCopy={{textToCopyHelper
-              isVirtualized=this.isVirtualized
-              innerText=(cleanTextHelper innerText)
-              element=this.data.element
-            }}
-          />
-
-          {{#if this.isFullScreen}}
-            <FullScreenDisplay class={{wrapperClasses}}>
-              {{#if this.isVirtualized}}
-                <VirtualizedCodeBlock
-                  class={{preClasses}}
-                  tabindex="0"
-                  {{onKey "Escape" this.closeFullScreen}}
-                  @language={{this.language}}
-                  @data={{this.data.data}}
-                  @rowHeight={{fontSizeToRowHeightMap.l}}
-                />
-              {{else}}
-                <pre
-                  class={{preClasses}}
-                  tabindex="0"
-                  {{onKey "Escape" this.closeFullScreen}}
-                ><code
-                    class="euiCodeBlock__code"
-                    data-code-language={{this.language}}
-                    {{didInsert (set this "codeFullScreen")}}
-                  ></code></pre>
-              {{/if}}
-              <Controls
-                @isFullScreen={{this.isFullScreen}}
-                @showFullScreenButton={{this.showFullScreenButton}}
-                @showCopyButton={{this.showCopyButton}}
-                @toggleFullScreen={{this.toggleFullScreen}}
-                @textToCopy={{textToCopyHelper
-                  isVirtualized=this.isVirtualized
-                  innerText=(cleanTextHelper innerText)
-                  element=this.data.element
-                }}
-              />
-            </FullScreenDisplay>
-          {{/if}}
-        </div>
-      {{/let}}
-    </EuiInnerText>
-  `, {
-  strictMode: true,
-  scope: () => ({
-    EuiInnerText: EuiImage,
-    classNames,
-    or,
-    and,
-    eq,
-    not,
-    style,
-    highlightTargetModifier,
-    VirtualizedCodeBlock: EuiCodeBlockVirtualizedComponent,
-    onKey,
-    didInsert,
-    set,
-    resizeObserver: ResizeObserver,
-    mutationObserver,
-    hash,
-    Controls: EuiCodeBlockControls,
-    textToCopyHelper,
-    cleanTextHelper,
-    FullScreenDisplay,
-    fontSizeToRowHeightMap
-  })
-}), (_class = class EuiCodeBlockComponent extends Component {
+class EuiCodeBlockComponent extends Component {
+  static {
+    g(this.prototype, "codeTarget", [tracked]);
+  }
+  #codeTarget = (i(this, "codeTarget"), void 0); //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen
+  static {
+    g(this.prototype, "code", [tracked]);
+  }
+  #code = (i(this, "code"), void 0); //<code> Element for non fullscreen
+  static {
+    g(this.prototype, "codeFullScreen", [tracked]);
+  }
+  #codeFullScreen = (i(this, "codeFullScreen"), void 0); //<code> Element for fullscreen modal
+  static {
+    g(this.prototype, "wrapperRef", [tracked]);
+  }
+  #wrapperRef = (i(this, "wrapperRef"), void 0);
+  static {
+    g(this.prototype, "tabIndex", [tracked], function () {
+      return 1;
+    });
+  }
+  #tabIndex = (i(this, "tabIndex"), void 0);
+  static {
+    g(this.prototype, "isFullScreen", [tracked], function () {
+      return false;
+    });
+  }
+  #isFullScreen = (i(this, "isFullScreen"), void 0);
+  static {
+    g(this.prototype, "data", [tracked]);
+  }
+  #data = (i(this, "data"), void 0);
   get language() {
     return checkSupportedLanguage(this.args.language || '');
   }
@@ -281,24 +145,24 @@ let EuiCodeBlockComponent = setComponentTemplate(precompileTemplate(`
   }
   get lineNumbersConfig() {
     const {
-      lineNumbers
+      lineNumbers: lineNumbers1
     } = this;
-    const config = typeof lineNumbers === 'object' ? lineNumbers : {};
-    return lineNumbers ? {
+    const config1 = typeof lineNumbers1 === 'object' ? lineNumbers1 : {};
+    return lineNumbers1 ? {
       start: 1,
       show: true,
-      ...config
+      ...config1
     } : {
       start: 1,
       show: false
     };
   }
   get optionalStyles() {
-    const overflowHeight = this.args.overflowHeight;
-    if (overflowHeight) {
-      const property = typeof overflowHeight === 'string' ? 'height' : 'maxHeight';
+    const overflowHeight1 = this.args.overflowHeight;
+    if (overflowHeight1) {
+      const property1 = typeof overflowHeight1 === 'string' ? 'height' : 'maxHeight';
       return {
-        [property]: typeof overflowHeight === 'string' ? overflowHeight : `${overflowHeight}px`
+        [property1]: typeof overflowHeight1 === 'string' ? overflowHeight1 : `${overflowHeight1}px`
       };
     }
     return {};
@@ -312,94 +176,84 @@ let EuiCodeBlockComponent = setComponentTemplate(precompileTemplate(`
   get showFullScreenButton() {
     return !!this.args.overflowHeight;
   }
-  constructor(owner, args) {
-    super(owner, args);
-    //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen
-    _initializerDefineProperty(this, "codeTarget", _descriptor, this);
-    //<code> Element for non fullscreen
-    _initializerDefineProperty(this, "code", _descriptor2, this);
-    //<code> Element for fullscreen modal
-    _initializerDefineProperty(this, "codeFullScreen", _descriptor3, this);
-    _initializerDefineProperty(this, "wrapperRef", _descriptor4, this);
-    _initializerDefineProperty(this, "tabIndex", _descriptor5, this);
-    _initializerDefineProperty(this, "isFullScreen", _descriptor6, this);
-    _initializerDefineProperty(this, "data", _descriptor7, this);
+  constructor(owner1, args1) {
+    super(owner1, args1);
     this.codeTarget = document.createElement('div');
   }
   toggleFullScreen() {
     this.isFullScreen = !this.isFullScreen;
   }
-  closeFullScreen(e) {
-    e.preventDefault();
-    e.stopPropagation();
+  static {
+    n(this.prototype, "toggleFullScreen", [action]);
+  }
+  closeFullScreen(e1) {
+    e1.preventDefault();
+    e1.stopPropagation();
     this.isFullScreen = false;
   }
+  static {
+    n(this.prototype, "closeFullScreen", [action]);
+  }
   doesOverflow() {
     if (!this.wrapperRef) return;
     const {
-      clientWidth,
-      clientHeight,
-      scrollWidth,
-      scrollHeight
+      clientWidth: clientWidth1,
+      clientHeight: clientHeight1,
+      scrollWidth: scrollWidth1,
+      scrollHeight: scrollHeight1
     } = this.wrapperRef;
-    const doesOverflow = scrollHeight > clientHeight || scrollWidth > clientWidth;
-    this.tabIndex = doesOverflow ? 0 : -1;
-  }
-  updateCode(resp) {
-    const render = () => {
-      const code = this.code;
-      const codeFullScreen = this.codeFullScreen;
-      if (code && !this.isFullScreen) {
-        this.data = resp;
-        code.innerHTML = resp.element.innerHTML;
+    const doesOverflow1 = scrollHeight1 > clientHeight1 || scrollWidth1 > clientWidth1;
+    this.tabIndex = doesOverflow1 ? 0 : -1;
+  }
+  static {
+    n(this.prototype, "doesOverflow", [action]);
+  }
+  updateCode(resp1) {
+    const render1 = () => {
+      const code1 = this.code;
+      const codeFullScreen1 = this.codeFullScreen;
+      if (code1 && !this.isFullScreen) {
+        this.data = resp1;
+        code1.innerHTML = resp1.element.innerHTML;
       }
-      if (codeFullScreen && this.isFullScreen) {
-        this.data = resp;
-        codeFullScreen.innerHTML = resp.element.innerHTML;
+      if (codeFullScreen1 && this.isFullScreen) {
+        this.data = resp1;
+        codeFullScreen1.innerHTML = resp1.element.innerHTML;
       }
     };
-    scheduleOnce('afterRender', this, render);
-  }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "codeTarget", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "code", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "codeFullScreen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "wrapperRef", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "tabIndex", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return 1;
-  }
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "isFullScreen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "data", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "toggleFullScreen", [action], Object.getOwnPropertyDescriptor(_class.prototype, "toggleFullScreen"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "closeFullScreen", [action], Object.getOwnPropertyDescriptor(_class.prototype, "closeFullScreen"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "doesOverflow", [action], Object.getOwnPropertyDescriptor(_class.prototype, "doesOverflow"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "updateCode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateCode"), _class.prototype)), _class));
+    scheduleOnce('afterRender', this, render1);
+  }
+  static {
+    n(this.prototype, "updateCode", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      {{#let (classNames \"euiCodeBlock\" (if (or this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasControl\") (if (and this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasBothControls\") (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\")) (classNames \"euiCodeBlock__pre\" (if (or (eq this.whiteSpace \"pre\") this.isVirtualized) \"euiCodeBlock__pre--whiteSpacePre\") (if (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized)) \"euiCodeBlock__pre--whiteSpacePreWrap\") (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")) as |wrapperClasses preClasses|}}\n        <div class={{classNames wrapperClasses (if this.transparentBackground \"euiCodeBlock--transparentBackground\") componentName=\"EuiCodeBlock\" fontSize=this.fontSize paddingSize=this.paddingSize}} {{style this.optionalStyles}} {{highlightTargetModifier element=this.codeTarget language=this.language lineNumbersConfig=this.lineNumbersConfig onChange=this.updateCode}}>\n          {{#if this.isVirtualized}}\n            {{!--virtualized--}}\n            <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{this.rowHeight}} />\n          {{else}}\n            {{!--template-lint-disable--}}\n            <pre class={{preClasses}} {{style this.optionalStyles}} tabindex={{this.tabIndex}} {{didInsert (set this \"wrapperRef\")}} {{resizeObserver onResize=this.doesOverflow}} {{mutationObserver onMutation=this.doesOverflow observerOptions=(hash subtree=true childList=true)}} {{didInsert setInnerTextRef}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"code\")}} ...attributes></code></pre>\n\n          {{/if}}\n\n          <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @toggleFullScreen={{this.toggleFullScreen}} @showCopyButton={{this.showCopyButton}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n\n          {{#if this.isFullScreen}}\n            <FullScreenDisplay class={{wrapperClasses}}>\n              {{#if this.isVirtualized}}\n                <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{fontSizeToRowHeightMap.l}} />\n              {{else}}\n                <pre class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"codeFullScreen\")}}></code></pre>\n              {{/if}}\n              <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @showCopyButton={{this.showCopyButton}} @toggleFullScreen={{this.toggleFullScreen}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n            </FullScreenDisplay>\n          {{/if}}\n        </div>\n      {{/let}}\n    </EuiInnerText>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        EuiInnerText: EuiImage,
+        classNames,
+        or,
+        and,
+        eq,
+        not,
+        style,
+        highlightTargetModifier,
+        VirtualizedCodeBlock: EuiCodeBlockVirtualizedComponent,
+        onKey,
+        didInsert,
+        set,
+        resizeObserver: ResizeObserver,
+        mutationObserver,
+        hash,
+        Controls: EuiCodeBlockControls,
+        textToCopyHelper,
+        cleanTextHelper,
+        FullScreenDisplay,
+        fontSizeToRowHeightMap
+      })
+    }), this);
+  }
+}
 
 export { EuiCodeBlockComponent as default };
 //# sourceMappingURL=eui-code-block.js.map