npm - @ember-eui/core - Versions diffs - 13.0.4 → 14.0.0 - Mend

@ember-eui/core 13.0.4 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1497) hide show

package/dist/components/eui-list-group-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\~~nimport { EnsureSafeComponentHelper } from '@embroider/util';\~~n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n Element:\n \| HTMLLIElement\n \| HTMLAnchorElement\n \| HTMLButtonElement\n \| HTMLSpanElement;\n Args: {\n href?: string;\n target?: string;\n onClick?: (event: MouseEvent) => void;\n label?: string;\n iconType?: EuiIconSignature['Args']['type'];\n isActive?: boolean;\n isDisabled?: boolean;\n wrapText?: boolean;\n extraAction?: ComponentLike;\n size?: keyof typeof sizeMapping;\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n <template>\n <li\n class={{classNames\n (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n (if @isActive \"euiListGroupItem-isActive\")\n (if @isDisabled \"euiListGroupItem-isDisabled\")\n (if @wrapText \"euiListGroupItem-wrapText\")\n componentName=\"EuiListGroupItem\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"inherit\")\n }}\n >\n {{#if (and @href (not @isDisabled))}}\n <a\n class=\"euiListGroupItem__button\"\n href={{@href}}\n target={{@target}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </a>\n {{else if (or @onClick (and @href @isDisabled))}}\n <button\n class=\"euiListGroupItem__button\"\n type=\"button\"\n disabled={{eq @isDisabled true}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </button>\n {{else}}\n <span class=\"euiListGroupItem__text\" ...attributes>\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </span>\n {{/if}}\n {{#if @extraAction}}\n {{#let\n (component ~~(EnsureSafeComponentHelper~~ @extraAction))\n as \|ExtraAction\|\n }}\n <ExtraAction />\n {{/let}}\n\n {{/if}}\n </li>\n </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","~~EnsureSafeComponentHelper","~~templateOnly"],"mappings":"~~;;;;;;;;;;;AA0CA~~,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqFA,~~6iEAAA,~~EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;~~IAAAC,EAAA;~~AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n Element:\n \| HTMLLIElement\n \| HTMLAnchorElement\n \| HTMLButtonElement\n \| HTMLSpanElement;\n Args: {\n href?: string;\n target?: string;\n onClick?: (event: MouseEvent) => void;\n label?: string;\n iconType?: EuiIconSignature['Args']['type'];\n isActive?: boolean;\n isDisabled?: boolean;\n wrapText?: boolean;\n extraAction?: ComponentLike;\n size?: keyof typeof sizeMapping;\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n <template>\n <li\n class={{classNames\n (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n (if @isActive \"euiListGroupItem-isActive\")\n (if @isDisabled \"euiListGroupItem-isDisabled\")\n (if @wrapText \"euiListGroupItem-wrapText\")\n componentName=\"EuiListGroupItem\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"inherit\")\n }}\n >\n {{#if (and @href (not @isDisabled))}}\n <a\n class=\"euiListGroupItem__button\"\n href={{@href}}\n target={{@target}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </a>\n {{else if (or @onClick (and @href @isDisabled))}}\n <button\n class=\"euiListGroupItem__button\"\n type=\"button\"\n disabled={{eq @isDisabled true}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </button>\n {{else}}\n <span class=\"euiListGroupItem__text\" ...attributes>\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </span>\n {{/if}}\n {{#if @extraAction}}\n {{#let\n (component @extraAction)\n as \|ExtraAction\|\n }}\n <ExtraAction />\n {{/let}}\n\n {{/if}}\n </li>\n </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;;;AAyCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqFA,+0DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-list-group.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiListGroup = setComponentTemplate(precompileTemplate("\n  {{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n    <ul class={{classNames (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\") (if @bordered \"euiListGroup-bordered\") (if @flush \"euiListGroup-flush\") componentName=\"EuiListGroup\" gutterSize=(argOrDefault @gutterSize \"s\")}} ...attributes {{style inlineStyles}}>\n      {{yield}}\n    </ul>\n  {{/let}}\n", {
+const EuiListGroup = setComponentTemplate(precompileTemplate("{{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n  <ul class={{classNames (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\") (if @bordered \"euiListGroup-bordered\") (if @flush \"euiListGroup-flush\") componentName=\"EuiListGroup\" gutterSize=(argOrDefault @gutterSize \"s\")}} ...attributes {{style inlineStyles}}>\n    {{yield}}\n  </ul>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-list-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiListGroupSignature {\n Element: HTMLUListElement;\n Args: {\n maxWidth?: boolean \| string;\n bordered?: boolean;\n flush?: boolean;\n gutterSize?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n {{#let\n (if\n (and @maxWidth (notEq @maxWidth true))\n (inlineStyles\n componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n )\n (hash)\n )\n as \|inlineStyles\|\n }}\n <ul\n class={{classNames\n (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n (if @bordered \"euiListGroup-bordered\")\n (if @flush \"euiListGroup-flush\")\n componentName=\"EuiListGroup\"\n gutterSize=(argOrDefault @gutterSize \"s\")\n }}\n ...attributes\n {{style inlineStyles}}\n >\n {{yield}}\n </ul>\n {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AAyBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBnE,~~weAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiListGroupSignature {\n Element: HTMLUListElement;\n Args: {\n maxWidth?: boolean \| string;\n bordered?: boolean;\n flush?: boolean;\n gutterSize?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n {{#let\n (if\n (and @maxWidth (notEq @maxWidth true))\n (inlineStyles\n componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n )\n (hash)\n )\n as \|inlineStyles\|\n }}\n <ul\n class={{classNames\n (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n (if @bordered \"euiListGroup-bordered\")\n (if @flush \"euiListGroup-flush\")\n componentName=\"EuiListGroup\"\n gutterSize=(argOrDefault @gutterSize \"s\")\n }}\n ...attributes\n {{style inlineStyles}}\n >\n {{yield}}\n </ul>\n {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AAyBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBnE,0dAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-loading-content.js CHANGED Viewed

@@ -18,7 +18,7 @@ const getLength = lines => {
     return lines;
   }
 };
-const EuiLoadingContent = setComponentTemplate(precompileTemplate("\n    <span class=\"euiLoadingContent\" ...attributes>\n      {{#each (repeat (getLength @lines))}}\n        <span class={{classNames \"euiLoadingContent__singleLine\" @singleLineClasses}}>\n          <span class=\"euiLoadingContent__singleLineBackground\" />\n        </span>\n      {{/each}}\n    </span>\n  ", {
+const EuiLoadingContent = setComponentTemplate(precompileTemplate("<span class=\"euiLoadingContent\" ...attributes>\n  {{#each (repeat (getLength @lines))}}\n    <span class={{classNames \"euiLoadingContent__singleLine\" @singleLineClasses}}>\n      <span class=\"euiLoadingContent__singleLineBackground\" />\n    </span>\n  {{/each}}\n</span>", {
   strictMode: true,
   scope: () => ({
     repeat,

package/dist/components/eui-loading-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingContentSignature {\n Element: HTMLSpanElement;\n Args: {\n lines?: number;\n singleLineClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number \| undefined) => {\n if (lines === undefined) {\n return 1;\n }\n\n if (lines > 10) {\n return 10;\n } else if (lines < 1) {\n return 1;\n } else {\n return lines;\n }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n <template>\n <span class=\"euiLoadingContent\" ...attributes>\n {{#each (repeat (getLength @lines))}}\n <span\n class={{classNames\n \"euiLoadingContent__singleLine\"\n @singleLineClasses\n }}\n >\n <span class=\"euiLoadingContent__singleLineBackground\" />\n </span>\n {{/each}}\n </span>\n </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAQ,EAAAH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAY,GAACC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAW,EAAA;AACvB,IAAA,OAAO,CAAA;AACT;EAEA,IAAID,QAAQ,EAAI,EAAA;AACd,IAAA,OAAO,EAAA;AACT,GAAO,MAAA,IAAIA,QAAQ,CAAG,EAAA;AACpB,IAAA,OAAO,CAAA;AACT,GAAO,MAAA;AACL,IAAA,OAAOA,KAAA;AACT;AACF,CAAA;AAEA,MAAME,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,~~wTAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingContentSignature {\n Element: HTMLSpanElement;\n Args: {\n lines?: number;\n singleLineClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number \| undefined) => {\n if (lines === undefined) {\n return 1;\n }\n\n if (lines > 10) {\n return 10;\n } else if (lines < 1) {\n return 1;\n } else {\n return lines;\n }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n <template>\n <span class=\"euiLoadingContent\" ...attributes>\n {{#each (repeat (getLength @lines))}}\n <span\n class={{classNames\n \"euiLoadingContent__singleLine\"\n @singleLineClasses\n }}\n >\n <span class=\"euiLoadingContent__singleLineBackground\" />\n </span>\n {{/each}}\n </span>\n </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAQ,EAAAH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAY,GAACC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAW,EAAA;AACvB,IAAA,OAAO,CAAA;AACT;EAEA,IAAID,QAAQ,EAAI,EAAA;AACd,IAAA,OAAO,EAAA;AACT,GAAO,MAAA,IAAIA,QAAQ,CAAG,EAAA;AACpB,IAAA,OAAO,CAAA;AACT,GAAO,MAAA;AACL,IAAA,OAAOA,KAAA;AACT;AACF,CAAA;AAEA,MAAME,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,sRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-loading-logo.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiLoadingLogo = setComponentTemplate(precompileTemplate("\n    <span class={{classNames \"euiLoadingLogo\" (if (eq @size \"m\") \"euiLoadingLogo--medium\" (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\"))}}>\n      <span class=\"euiLoadingLogo__icon\">\n        <EuiIcon @type={{argOrDefault @logo \"logoKibana\"}} @size={{argOrDefault @size \"m\"}} />\n      </span>\n    </span>\n  ", {
+const EuiLoadingLogo = setComponentTemplate(precompileTemplate("<span class={{classNames \"euiLoadingLogo\" (if (eq @size \"m\") \"euiLoadingLogo--medium\" (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\"))}}>\n  <span class=\"euiLoadingLogo__icon\">\n    <EuiIcon @type={{argOrDefault @logo \"logoKibana\"}} @size={{argOrDefault @size \"m\"}} />\n  </span>\n</span>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-loading-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingLogoSignature {\n Args: {\n logo?: string;\n size?: 'm' \| 'l' \| 'xl';\n };\n Yields: {\n default: [];\n };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n <template>\n <span\n class={{classNames\n \"euiLoadingLogo\"\n (if\n (eq @size \"m\")\n \"euiLoadingLogo--medium\"\n (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n )\n }}\n >\n <span class=\"euiLoadingLogo__icon\">\n <EuiIcon\n @type={{argOrDefault @logo \"logoKibana\"}}\n @size={{argOrDefault @size \"m\"}}\n />\n </span>\n </span>\n </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAkBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,~~mWAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingLogoSignature {\n Args: {\n logo?: string;\n size?: 'm' \| 'l' \| 'xl';\n };\n Yields: {\n default: [];\n };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n <template>\n <span\n class={{classNames\n \"euiLoadingLogo\"\n (if\n (eq @size \"m\")\n \"euiLoadingLogo--medium\"\n (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n )\n }}\n >\n <span class=\"euiLoadingLogo__icon\">\n <EuiIcon\n @type={{argOrDefault @logo \"logoKibana\"}}\n @size={{argOrDefault @size \"m\"}}\n />\n </span>\n </span>\n </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAkBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,yUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-loading-spinner.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiLoadingSpinner = setComponentTemplate(precompileTemplate("\n    <span class={{classNames componentName=\"EuiLoadingSpinner\" size=(argOrDefault @size \"m\")}} ...attributes></span>\n  ", {
+const EuiLoadingSpinner = setComponentTemplate(precompileTemplate("<span class={{classNames componentName=\"EuiLoadingSpinner\" size=(argOrDefault @size \"m\")}} ...attributes></span>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-loading-spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingSpinnerSignature {\n Element: HTMLSpanElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n <template>\n <span\n class={{classNames\n componentName=\"EuiLoadingSpinner\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n ></span>\n </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,~~gIAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingSpinnerSignature {\n Element: HTMLSpanElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n <template>\n <span\n class={{classNames\n componentName=\"EuiLoadingSpinner\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n ></span>\n </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,sHAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-drop-zone.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiMarkdownEditorDropZone = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiMarkdownEditorDropZone\" (if false \"euiMarkdownEditorDropZone--isDragging\") (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\") (if false \"euiMarkdownEditorDropZone--isDraggingError\")}} ...attributes>\n      {{yield}}\n      <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n    </div>\n  ", {
+const EuiMarkdownEditorDropZone = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiMarkdownEditorDropZone\" (if false \"euiMarkdownEditorDropZone--isDragging\") (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\") (if false \"euiMarkdownEditorDropZone--isDraggingError\")}} ...attributes>\n  {{yield}}\n  <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-markdown-editor-drop-zone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorDropZoneSignature {\n Element: HTMLDivElement;\n Args: {\n uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n isUploadingFiles?: boolean;\n hasUnacceptedItems?: boolean;\n errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n <template>\n <div\n class={{classNames\n \"euiMarkdownEditorDropZone\"\n (if false \"euiMarkdownEditorDropZone--isDragging\")\n (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n }}\n ...attributes\n >\n {{yield}}\n <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n </div>\n </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,~~gXAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorDropZoneSignature {\n Element: HTMLDivElement;\n Args: {\n uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n isUploadingFiles?: boolean;\n hasUnacceptedItems?: boolean;\n errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n <template>\n <div\n class={{classNames\n \"euiMarkdownEditorDropZone\"\n (if false \"euiMarkdownEditorDropZone--isDragging\")\n (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n }}\n ...attributes\n >\n {{yield}}\n <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n </div>\n </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,0VAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-footer/icons/markdown-logo.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const MarkdownLogo = setComponentTemplate(precompileTemplate("\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"16\" fill=\"none\" viewBox=\"0 0 26 16\" aria-labelledby={{@titleId}} ...attributes>\n    {{#if @title}}\n      <title id={{@titleId}}>{{@title}}</title>\n    {{/if}}\n    <path d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"></path>\n  </svg>\n", {
+const MarkdownLogo = setComponentTemplate(precompileTemplate("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"16\" fill=\"none\" viewBox=\"0 0 26 16\" aria-labelledby={{@titleId}} ...attributes>\n  {{#if @title}}\n    <title id={{@titleId}}>{{@title}}</title>\n  {{/if}}\n  <path d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"></path>\n</svg>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-markdown-editor-footer/icons/markdown-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdown-logo.js","sources":["../../../../src/components/eui-markdown-editor-footer/icons/markdown-logo.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst MarkdownLogo: TemplateOnlyComponent<{\n Element: SVGElement;\n Args: {\n title?: string;\n titleId?: string;\n };\n}> = <template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"26\"\n height=\"16\"\n fill=\"none\"\n viewBox=\"0 0 26 16\"\n aria-labelledby={{@titleId}}\n ...attributes\n >\n {{#if @title}}\n <title id={{@titleId}}>{{@title}}</title>\n {{/if}}\n <path\n d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"\n ></path>\n </svg>\n</template>;\n\nexport default MarkdownLogo;\n"],"names":["MarkdownLogo","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA,MAAMA,YAMD,GAAAC,oBAAA,CAAAC,kBAAA,CAiBL,~~irBAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"markdown-logo.js","sources":["../../../../src/components/eui-markdown-editor-footer/icons/markdown-logo.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst MarkdownLogo: TemplateOnlyComponent<{\n Element: SVGElement;\n Args: {\n title?: string;\n titleId?: string;\n };\n}> = <template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"26\"\n height=\"16\"\n fill=\"none\"\n viewBox=\"0 0 26 16\"\n aria-labelledby={{@titleId}}\n ...attributes\n >\n {{#if @title}}\n <title id={{@titleId}}>{{@title}}</title>\n {{/if}}\n <path\n d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"\n ></path>\n </svg>\n</template>;\n\nexport default MarkdownLogo;\n"],"names":["MarkdownLogo","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA,MAAMA,YAMD,GAAAC,oBAAA,CAAAC,kBAAA,CAiBL,iqBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-footer.js CHANGED Viewed

@@ -15,11 +15,10 @@ import EuiModalBody from './eui-modal-body.js';
 import EuiModalHeader from './eui-modal-header.js';
 import EuiPopoverComponent from './eui-popover.js';
 import EuiSpacer from './eui-spacer.js';
-import './eui-text.js';
 import EuiTitle from './eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const defaultMarkdownSyntaxHelp = `
 The editor uses
@@ -42,7 +41,7 @@ class EuiMarkdownEditorFooterComponent extends Component {
   }
   #isShowingHelp = (i(this, "isShowingHelp"), void 0);
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiMarkdownEditorFooter\">\n      <div class=\"euiMarkdownEditorFooter__actions\">\n\n        {{#if @isUploadingFiles}}\n          {{!-- pending implementation--}}\n          <EuiButtonIcon @iconType={{component EuiLoadingSpinner}} @useComponent={{true}} {{!-- aria-label={ariaLabels.uploadingFiles} --}} />\n        {{/if}}\n        {{#if (and @errors @errors.length)}}\n          <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{set this \"isPopoverOpen\" false}}>\n            <:button>\n              <EuiButtonEmpty @iconType=\"error\" @size=\"s\" @color=\"danger\" {{!-- aria-label={ariaLabels.showSyntaxErrors} --}} {{on \"click\" (set this \"isPopoverOpen\" (not this.isPopoverOpen))}}>\n                {{@errors.length}}\n              </EuiButtonEmpty>\n            </:button>\n          </EuiPopover>\n        {{/if}}\n      </div>\n      <EuiButtonIcon class=\"euiMarkdownEditorFooter__help\" @iconType={{component MarkdownLogo}} @useComponent={{true}} @color=\"text\" @useSvg={{true}} {{!-- aria-label={ariaLabels.showMarkdownHelp} --}} {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}} />\n\n      {{#if this.isShowingHelp}}\n\n        <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n          <EuiModalHeader>\n            <EuiTitle>\n              <h3>\n                <EuiI18n @token=\"euiMarkdownEditorFooter.syntaxTitle\" @default=\"Syntax Help\" as |Token|>\n                  <Token as |value|>\n                    {{value}}\n                  </Token>\n                </EuiI18n>\n              </h3>\n            </EuiTitle>\n          </EuiModalHeader>\n          <EuiModalBody>\n\n            <EuiI18n @token=\"euiMarkdownEditorFooter.syntaxHelp\" @default={{defaultMarkdownSyntaxHelp}} as |Token|>\n              <Token as |value|>\n                <EuiMarkdownFormat @value={{value}} />\n              </Token>\n            </EuiI18n>\n\n            <EuiHorizontalRule />\n            {{#each @uiPlugins as |uiPlugin|}}\n              {{#if uiPlugin.helpText}}\n                <EuiTitle size=\"xxs\">\n                  <p>\n                    <strong>{{uiPlugin.name}}</strong>\n                  </p>\n                </EuiTitle>\n                <EuiSpacer size=\"s\" />\n                <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n                <EuiSpacer size=\"l\" />\n\n              {{/if}}\n            {{/each}}\n          </EuiModalBody>\n        </EuiModal>\n\n      {{/if}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiMarkdownEditorFooter\">\n  <div class=\"euiMarkdownEditorFooter__actions\">\n\n    {{#if @isUploadingFiles}}\n      {{!-- pending implementation--}}\n      <EuiButtonIcon @iconType={{component EuiLoadingSpinner}} @useComponent={{true}} {{!-- aria-label={ariaLabels.uploadingFiles} --}} />\n    {{/if}}\n    {{#if (and @errors @errors.length)}}\n      <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{set this \"isPopoverOpen\" false}}>\n        <:button>\n          <EuiButtonEmpty @iconType=\"error\" @size=\"s\" @color=\"danger\" {{!-- aria-label={ariaLabels.showSyntaxErrors} --}} {{on \"click\" (set this \"isPopoverOpen\" (not this.isPopoverOpen))}}>\n            {{@errors.length}}\n          </EuiButtonEmpty>\n        </:button>\n      </EuiPopover>\n    {{/if}}\n  </div>\n  <EuiButtonIcon class=\"euiMarkdownEditorFooter__help\" @iconType={{component MarkdownLogo}} @useComponent={{true}} @color=\"text\" @useSvg={{true}} {{!-- aria-label={ariaLabels.showMarkdownHelp} --}} {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}} />\n\n  {{#if this.isShowingHelp}}\n\n    <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n      <EuiModalHeader>\n        <EuiTitle>\n          <h3>\n            <EuiI18n @token=\"euiMarkdownEditorFooter.syntaxTitle\" @default=\"Syntax Help\" as |Token|>\n              <Token as |value|>\n                {{value}}\n              </Token>\n            </EuiI18n>\n          </h3>\n        </EuiTitle>\n      </EuiModalHeader>\n      <EuiModalBody>\n\n        <EuiI18n @token=\"euiMarkdownEditorFooter.syntaxHelp\" @default={{defaultMarkdownSyntaxHelp}} as |Token|>\n          <Token as |value|>\n            <EuiMarkdownFormat @value={{value}} />\n          </Token>\n        </EuiI18n>\n\n        <EuiHorizontalRule />\n        {{#each @uiPlugins as |uiPlugin|}}\n          {{#if uiPlugin.helpText}}\n            <EuiTitle size=\"xxs\">\n              <p>\n                <strong>{{uiPlugin.name}}</strong>\n              </p>\n            </EuiTitle>\n            <EuiSpacer size=\"s\" />\n            <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n            <EuiSpacer size=\"l\" />\n\n          {{/if}}\n        {{/each}}\n      </EuiModalBody>\n    </EuiModal>\n\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
         EuiButtonIcon,

package/dist/components/eui-markdown-editor-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-markdown-editor-footer.js","sources":["../../src/components/eui-markdown-editor-footer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { and, not } from 'ember-truth-helpers';\n\nimport MarkdownLogo from '../components/eui-markdown-editor-footer/icons/markdown-logo.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiHorizontalRule from './eui-horizontal-rule.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiMarkdownFormat from './eui-markdown-format.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport ~~EuiText from './eui-text.gts';\nimport~~ EuiTitle from './eui-title.gts';\n\nexport interface EuiMarkdownEditorFooterSignature {\n Args: {\n isUploadingFiles?: boolean;\n errors?: string[];\n uiPlugins?: any[];\n };\n}\n\nconst defaultMarkdownSyntaxHelp = `\nThe editor uses \n\n[Github flavored markdown](https://github.github.com/gfm/).\n\nYou can also utilize these additional syntax plugins to add rich content to your text.\n`;\n\nexport default class EuiMarkdownEditorFooterComponent extends Component<EuiMarkdownEditorFooterSignature> {\n @tracked isPopoverOpen = false;\n @tracked isShowingHelp = false;\n\n <template>\n <div class=\"euiMarkdownEditorFooter\">\n <div class=\"euiMarkdownEditorFooter__actions\">\n\n {{#if @isUploadingFiles}}\n {{! pending implementation}}\n <EuiButtonIcon\n @iconType={{component EuiLoadingSpinner}}\n @useComponent={{true}}\n {{! aria-label={ariaLabels.uploadingFiles} }}\n />\n {{/if}}\n {{#if (and @errors @errors.length)}}\n <EuiPopover\n @isOpen={{this.isPopoverOpen}}\n @closePopover={{set this \"isPopoverOpen\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @iconType=\"error\"\n @size=\"s\"\n @color=\"danger\"\n {{! aria-label={ariaLabels.showSyntaxErrors} }}\n {{on\n \"click\"\n (set this \"isPopoverOpen\" (not this.isPopoverOpen))\n }}\n >\n {{@errors.length}}\n </EuiButtonEmpty>\n </:button>\n </EuiPopover>\n {{/if}}\n </div>\n <EuiButtonIcon\n class=\"euiMarkdownEditorFooter__help\"\n @iconType={{component MarkdownLogo}}\n @useComponent={{true}}\n @color=\"text\"\n @useSvg={{true}}\n {{! aria-label={ariaLabels.showMarkdownHelp} }}\n {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}}\n />\n\n {{#if this.isShowingHelp}}\n\n <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n <EuiModalHeader>\n <EuiTitle>\n <h3>\n <EuiI18n\n @token=\"euiMarkdownEditorFooter.syntaxTitle\"\n @default=\"Syntax Help\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </h3>\n </EuiTitle>\n </EuiModalHeader>\n <EuiModalBody>\n\n <EuiI18n\n @token=\"euiMarkdownEditorFooter.syntaxHelp\"\n @default={{defaultMarkdownSyntaxHelp}}\n as \|Token\|\n >\n <Token as \|value\|>\n <EuiMarkdownFormat @value={{value}} />\n </Token>\n </EuiI18n>\n\n <EuiHorizontalRule />\n {{#each @uiPlugins as \|uiPlugin\|}}\n {{#if uiPlugin.helpText}}\n <EuiTitle size=\"xxs\">\n <p>\n <strong>{{uiPlugin.name}}</strong>\n </p>\n </EuiTitle>\n <EuiSpacer size=\"s\" />\n <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n <EuiSpacer size=\"l\" />\n\n {{/if}}\n {{/each}}\n </EuiModalBody>\n </EuiModal>\n\n {{/if}}\n </div>\n </template>\n}\n"],"names":["defaultMarkdownSyntaxHelp","EuiMarkdownEditorFooterComponent","Component","g","prototype","tracked","i","~~void 0","~~setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","EuiLoadingSpinner","and","EuiPopover","set","EuiButtonEmpty","on","not","MarkdownLogo","EuiModal","EuiModalHeader","EuiTitle","EuiI18n","EuiModalBody","EuiMarkdownFormat","EuiHorizontalRule","EuiSpacer"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;AA8BA~~,MAAMA,4BAA4B;;;;;;AAMlC,CAAC;AAEc,MAAMC,yCAAyCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACrEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAC9BC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAE/B,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6FA,~~08EAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;~~QAAAzB~~,yBAAA;~~2BAAA0B~~,iCAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-markdown-editor-footer.js","sources":["../../src/components/eui-markdown-editor-footer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { and, not } from 'ember-truth-helpers';\n\nimport MarkdownLogo from '../components/eui-markdown-editor-footer/icons/markdown-logo.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiHorizontalRule from './eui-horizontal-rule.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiMarkdownFormat from './eui-markdown-format.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTitle from './eui-title.gts';\n\nexport interface EuiMarkdownEditorFooterSignature {\n Args: {\n isUploadingFiles?: boolean;\n errors?: string[];\n uiPlugins?: any[];\n };\n}\n\nconst defaultMarkdownSyntaxHelp = `\nThe editor uses \n\n[Github flavored markdown](https://github.github.com/gfm/).\n\nYou can also utilize these additional syntax plugins to add rich content to your text.\n`;\n\nexport default class EuiMarkdownEditorFooterComponent extends Component<EuiMarkdownEditorFooterSignature> {\n @tracked isPopoverOpen = false;\n @tracked isShowingHelp = false;\n\n <template>\n <div class=\"euiMarkdownEditorFooter\">\n <div class=\"euiMarkdownEditorFooter__actions\">\n\n {{#if @isUploadingFiles}}\n {{! pending implementation}}\n <EuiButtonIcon\n @iconType={{component EuiLoadingSpinner}}\n @useComponent={{true}}\n {{! aria-label={ariaLabels.uploadingFiles} }}\n />\n {{/if}}\n {{#if (and @errors @errors.length)}}\n <EuiPopover\n @isOpen={{this.isPopoverOpen}}\n @closePopover={{set this \"isPopoverOpen\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @iconType=\"error\"\n @size=\"s\"\n @color=\"danger\"\n {{! aria-label={ariaLabels.showSyntaxErrors} }}\n {{on\n \"click\"\n (set this \"isPopoverOpen\" (not this.isPopoverOpen))\n }}\n >\n {{@errors.length}}\n </EuiButtonEmpty>\n </:button>\n </EuiPopover>\n {{/if}}\n </div>\n <EuiButtonIcon\n class=\"euiMarkdownEditorFooter__help\"\n @iconType={{component MarkdownLogo}}\n @useComponent={{true}}\n @color=\"text\"\n @useSvg={{true}}\n {{! aria-label={ariaLabels.showMarkdownHelp} }}\n {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}}\n />\n\n {{#if this.isShowingHelp}}\n\n <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n <EuiModalHeader>\n <EuiTitle>\n <h3>\n <EuiI18n\n @token=\"euiMarkdownEditorFooter.syntaxTitle\"\n @default=\"Syntax Help\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </h3>\n </EuiTitle>\n </EuiModalHeader>\n <EuiModalBody>\n\n <EuiI18n\n @token=\"euiMarkdownEditorFooter.syntaxHelp\"\n @default={{defaultMarkdownSyntaxHelp}}\n as \|Token\|\n >\n <Token as \|value\|>\n <EuiMarkdownFormat @value={{value}} />\n </Token>\n </EuiI18n>\n\n <EuiHorizontalRule />\n {{#each @uiPlugins as \|uiPlugin\|}}\n {{#if uiPlugin.helpText}}\n <EuiTitle size=\"xxs\">\n <p>\n <strong>{{uiPlugin.name}}</strong>\n </p>\n </EuiTitle>\n <EuiSpacer size=\"s\" />\n <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n <EuiSpacer size=\"l\" />\n\n {{/if}}\n {{/each}}\n </EuiModalBody>\n </EuiModal>\n\n {{/if}}\n </div>\n </template>\n}\n"],"names":["defaultMarkdownSyntaxHelp","EuiMarkdownEditorFooterComponent","Component","g","prototype","tracked","i","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","EuiLoadingSpinner","and","EuiPopover","set","EuiButtonEmpty","on","not","MarkdownLogo","EuiModal","EuiModalHeader","EuiTitle","EuiI18n","EuiModalBody","EuiMarkdownFormat","EuiHorizontalRule","EuiSpacer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,4BAA4B;;;;;;AAMlC,CAAC;AAEc,MAAMC,yCAAyCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACrEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAC9BC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAE/B,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6FA,gvEAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAxB,yBAAA;2BAAAyB,iCAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-markdown-editor-text-area.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiMarkdownEditorTextArea = setComponentTemplate(precompileTemplate("\n    <textarea class=\"euiMarkdownEditorTextArea\" rows=\"6\" ...attributes {{style (hash height=@height maxHeight=@maxHeight)}}>\n      {{yield}}\n    </textarea>\n  ", {
+const EuiMarkdownEditorTextArea = setComponentTemplate(precompileTemplate("<textarea class=\"euiMarkdownEditorTextArea\" rows=\"6\" ...attributes {{style (hash height=@height maxHeight=@maxHeight)}}>\n  {{yield}}\n</textarea>", {
   strictMode: true,
   scope: () => ({
     style,

package/dist/components/eui-markdown-editor-text-area.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-markdown-editor-text-area.js","sources":["../../src/components/eui-markdown-editor-text-area.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n height?: string;\n maxHeight?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorTextArea: TemplateOnlyComponent<EuiMarkdownEditorTextAreaSignature> =\n <template>\n <textarea\n class=\"euiMarkdownEditorTextArea\"\n rows=\"6\"\n ...attributes\n {{style (hash height=@height maxHeight=@maxHeight)}}\n >\n {{yield}}\n </textarea>\n </template>;\n\nexport default EuiMarkdownEditorTextArea;"],"names":["EuiMarkdownEditorTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","style","hash","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,~~0KAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-markdown-editor-text-area.js","sources":["../../src/components/eui-markdown-editor-text-area.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorTextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: {\n height?: string;\n maxHeight?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorTextArea: TemplateOnlyComponent<EuiMarkdownEditorTextAreaSignature> =\n <template>\n <textarea\n class=\"euiMarkdownEditorTextArea\"\n rows=\"6\"\n ...attributes\n {{style (hash height=@height maxHeight=@maxHeight)}}\n >\n {{yield}}\n </textarea>\n </template>;\n\nexport default EuiMarkdownEditorTextArea;"],"names":["EuiMarkdownEditorTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","style","hash","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,wJAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const MarkdownCheckmark = setComponentTemplate(precompileTemplate("\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" aria-labelledby={{@titleId}} ...attributes>\n      {{#if @title}}\n        <title id={{@titleId}}>{{@title}}</title>\n      {{/if}}\n      <path d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"></path>\n    </svg>\n  ", {
+const MarkdownCheckmark = setComponentTemplate(precompileTemplate("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" aria-labelledby={{@titleId}} ...attributes>\n  {{#if @title}}\n    <title id={{@titleId}}>{{@title}}</title>\n  {{/if}}\n  <path d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"></path>\n</svg>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdown-checkmark.js","sources":["../../../../src/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownToolbarIconsMarkdownCheckmarkSignature {\n Element: SVGElement;\n Args: {\n title?: string;\n titleId?: string;\n };\n}\n\nconst MarkdownCheckmark: TemplateOnlyComponent<EuiMarkdownToolbarIconsMarkdownCheckmarkSignature> =\n <template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n viewBox=\"0 0 16 16\"\n aria-labelledby={{@titleId}}\n ...attributes\n >\n {{#if @title}}\n <title id={{@titleId}}>{{@title}}</title>\n {{/if}}\n <path\n d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"\n ></path>\n </svg>\n </template>;\n\nexport default MarkdownCheckmark;\n"],"names":["MarkdownCheckmark","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,~~mnBAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"markdown-checkmark.js","sources":["../../../../src/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownToolbarIconsMarkdownCheckmarkSignature {\n Element: SVGElement;\n Args: {\n title?: string;\n titleId?: string;\n };\n}\n\nconst MarkdownCheckmark: TemplateOnlyComponent<EuiMarkdownToolbarIconsMarkdownCheckmarkSignature> =\n <template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n viewBox=\"0 0 16 16\"\n aria-labelledby={{@titleId}}\n ...attributes\n >\n {{#if @title}}\n <title id={{@titleId}}>{{@title}}</title>\n {{/if}}\n <path\n d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"\n ></path>\n </svg>\n </template>;\n\nexport default MarkdownCheckmark;\n"],"names":["MarkdownCheckmark","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,qlBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-toolbar.js CHANGED Viewed

@@ -13,7 +13,7 @@ import MarkdownCheckmark from './eui-markdown-editor-toolbar/icons/markdown-chec
 import EuiToolTip from './eui-tool-tip.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime-esm';
 class EuiMarkdownEditorToolbarComponent extends Component {
   boldItalicsButtons = [{
@@ -85,7 +85,7 @@ class EuiMarkdownEditorToolbarComponent extends Component {
     return item.iconType.component;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiMarkdownEditorToolbar\" ...attributes>\n      <div class=\"euiMarkdownEditorToolbar__buttons\">\n        {{#each this.boldItalicsButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{item.iconType}} aria-label={{item.label}} @isDisabled={{this.isPreviewing}} />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.listButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{this.itemComponent item}} {{!--@glint-expect-error--}} @useComponent={{if item.iconType.component true}} aria-label={{item.label}} @useSvg={{item.useSvg}} @isDisabled={{this.isPreviewing}} />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.quoteCodeLinkButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{item.iconType}} aria-label={{item.label}} @isDisabled={{this.isPreviewing}} />\n          </EuiToolTip>\n\n        {{/each}}\n        {{#if (gte this.uiPlugins.length 0)}}\n          <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n          {{#each this.uiPlugins as |plugin|}}\n            {{#let (and @selectedNode (eq @selectedNode.type plugin.name)) as |isSelectedNodeType|}}\n              <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n                <EuiButtonIcon @color=\"text\" {{style (if isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\"))}} {{on \"click\" (fn this.handleMdButtonClick plugin.name)}} @iconType={{plugin.button.iconType}} aria-label={{plugin.button.label}} @isDisabled={{this.isPreviewing}} />\n              </EuiToolTip>\n            {{/let}}\n          {{/each}}\n        {{/if}}\n      </div>\n\n      {{#if this.isPreviewing}}\n        <EuiButtonEmpty @iconType=\"editorCodeBlock\" @color=\"text\" @size=\"s\" {{on \"click\" @onClickPreview}}>\n\n          <EuiI18n @token=\"euiMarkdownEditorToolbar.editor\" @default=\"Editor\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n\n      {{else}}\n        <EuiButtonEmpty @iconType=\"eye\" @color=\"text\" @size=\"s\" {{on \"click\" @onClickPreview}}>\n          <EuiI18n @token=\"euiMarkdownEditorToolbar.preview\" @default=\"Preview\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n      {{/if}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiMarkdownEditorToolbar\" ...attributes>\n  <div class=\"euiMarkdownEditorToolbar__buttons\">\n    {{#each this.boldItalicsButtons as |item|}}\n      <EuiToolTip @content={{item.label}} @delay=\"long\">\n        <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{item.iconType}} aria-label={{item.label}} @isDisabled={{this.isPreviewing}} />\n      </EuiToolTip>\n\n    {{/each}}\n    <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n    {{#each this.listButtons as |item|}}\n      <EuiToolTip @content={{item.label}} @delay=\"long\">\n        <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{this.itemComponent item}} {{!--@glint-expect-error--}} @useComponent={{if item.iconType.component true}} aria-label={{item.label}} @useSvg={{item.useSvg}} @isDisabled={{this.isPreviewing}} />\n      </EuiToolTip>\n\n    {{/each}}\n    <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n    {{#each this.quoteCodeLinkButtons as |item|}}\n      <EuiToolTip @content={{item.label}} @delay=\"long\">\n        <EuiButtonIcon @color=\"text\" {{on \"click\" (fn this.handleMdButtonClick item.id)}} @iconType={{item.iconType}} aria-label={{item.label}} @isDisabled={{this.isPreviewing}} />\n      </EuiToolTip>\n\n    {{/each}}\n    {{#if (gte this.uiPlugins.length 0)}}\n      <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n      {{#each this.uiPlugins as |plugin|}}\n        {{#let (and @selectedNode (eq @selectedNode.type plugin.name)) as |isSelectedNodeType|}}\n          <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n            <EuiButtonIcon @color=\"text\" {{style (if isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\"))}} {{on \"click\" (fn this.handleMdButtonClick plugin.name)}} @iconType={{plugin.button.iconType}} aria-label={{plugin.button.label}} @isDisabled={{this.isPreviewing}} />\n          </EuiToolTip>\n        {{/let}}\n      {{/each}}\n    {{/if}}\n  </div>\n\n  {{#if this.isPreviewing}}\n    <EuiButtonEmpty @iconType=\"editorCodeBlock\" @color=\"text\" @size=\"s\" {{on \"click\" @onClickPreview}}>\n\n      <EuiI18n @token=\"euiMarkdownEditorToolbar.editor\" @default=\"Editor\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    </EuiButtonEmpty>\n\n  {{else}}\n    <EuiButtonEmpty @iconType=\"eye\" @color=\"text\" @size=\"s\" {{on \"click\" @onClickPreview}}>\n      <EuiI18n @token=\"euiMarkdownEditorToolbar.preview\" @default=\"Preview\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    </EuiButtonEmpty>\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
         EuiToolTip,

package/dist/components/eui-markdown-editor-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-markdown-editor-toolbar.js","sources":["../../src/components/eui-markdown-editor-toolbar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, gte, or } from 'ember-truth-helpers';\n\nimport { MODE_VIEWING } from '../utils/markdown/markdown-modes.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport MarkdownCheckmark from './eui-markdown-editor-toolbar/icons/markdown-checkmark.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type MarkdownActions from '../utils/markdown/markdown-actions';\nimport type { EuiMarkdownEditorUiPlugin } from '../utils/markdown/markdown-types';\n\nexport interface EuiMarkdownEditorToolbarArgs {\n viewMode?: string;\n markdownActions: MarkdownActions;\n uiPlugins: any[];\n openPluginEditor?: (plugin: EuiMarkdownEditorUiPlugin) => void;\n onClickPreview: () => void;\n selectedNode: any;\n}\n\nexport interface EuiMarkdownEditorToolbarSignature {\n Element: HTMLDivElement;\n Args: EuiMarkdownEditorToolbarArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport interface EuiMarkdownEditorToolbarItem {\n id: string;\n label: string;\n name: string;\n iconType:\n \| string\n \| {\n component: any;\n };\n useSvg?: boolean;\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarSignature> {\n boldItalicsButtons = [\n {\n id: 'mdBold',\n label: 'Bold',\n name: 'bold',\n iconType: 'editorBold'\n },\n {\n id: 'mdItalic',\n label: 'Italic',\n name: 'italic',\n iconType: 'editorItalic'\n }\n ];\n\n @cached\n get listButtons() {\n return [\n {\n id: 'mdUl',\n label: 'Unordered list',\n name: 'ul',\n iconType: 'editorUnorderedList'\n },\n {\n id: 'mdOl',\n label: 'Ordered list',\n name: 'ol',\n iconType: 'editorOrderedList'\n },\n {\n id: 'mdTl',\n label: 'Task list',\n name: 'tl',\n useSvg: true,\n iconType: {\n component: MarkdownCheckmark\n }\n }\n ];\n }\n\n quoteCodeLinkButtons = [\n {\n id: 'mdQuote',\n label: 'Quote',\n name: 'quote',\n iconType: 'quote'\n },\n {\n id: 'mdCode',\n label: 'Code',\n name: 'code',\n iconType: 'editorCodeBlock'\n },\n {\n id: 'mdLink',\n label: 'Link',\n name: 'link',\n iconType: 'editorLink'\n }\n ];\n\n get uiPlugins() {\n return this.args.uiPlugins \|\| [];\n }\n\n get isPreviewing() {\n return this.args.viewMode === MODE_VIEWING;\n }\n\n @action\n handleMdButtonClick(mdButtonId: string) {\n const actionResult = this.args.markdownActions.do(mdButtonId);\n\n if (actionResult !== true) this.args.openPluginEditor?.(actionResult!);\n }\n\n itemComponent(item: EuiMarkdownEditorToolbarItem) {\n if (typeof item.iconType === 'string') return item.iconType;\n\n return item.iconType.component;\n }\n\n <template>\n <div class=\"euiMarkdownEditorToolbar\" ...attributes>\n <div class=\"euiMarkdownEditorToolbar__buttons\">\n {{#each this.boldItalicsButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{item.iconType}}\n aria-label={{item.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.listButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{this.itemComponent item}}\n {{!@glint-expect-error}}\n @useComponent={{if item.iconType.component true}}\n aria-label={{item.label}}\n @useSvg={{item.useSvg}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.quoteCodeLinkButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{item.iconType}}\n aria-label={{item.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n {{#if (gte this.uiPlugins.length 0)}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.uiPlugins as \|plugin\|}}\n {{#let\n (and @selectedNode (eq @selectedNode.type plugin.name))\n as \|isSelectedNodeType\|\n }}\n <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{style\n (if\n isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\")\n )\n }}\n {{on \"click\" (fn this.handleMdButtonClick plugin.name)}}\n @iconType={{plugin.button.iconType}}\n aria-label={{plugin.button.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n {{/let}}\n {{/each}}\n {{/if}}\n </div>\n\n {{#if this.isPreviewing}}\n <EuiButtonEmpty\n @iconType=\"editorCodeBlock\"\n @color=\"text\"\n @size=\"s\"\n {{on \"click\" @onClickPreview}}\n >\n\n <EuiI18n\n @token=\"euiMarkdownEditorToolbar.editor\"\n @default=\"Editor\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiButtonEmpty>\n\n {{else}}\n <EuiButtonEmpty\n @iconType=\"eye\"\n @color=\"text\"\n @size=\"s\"\n {{on \"click\" @onClickPreview}}\n >\n <EuiI18n\n @token=\"euiMarkdownEditorToolbar.preview\"\n @default=\"Preview\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiButtonEmpty>\n {{/if}}\n </div>\n </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","boldItalicsButtons","id","label","name","iconType","listButtons","useSvg","component","MarkdownCheckmark","n","prototype","cached","quoteCodeLinkButtons","uiPlugins","args","isPreviewing","viewMode","MODE_VIEWING","handleMdButtonClick","mdButtonId","actionResult","markdownActions","do","openPluginEditor","action","itemComponent","item","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiButtonIcon","on","fn","gte","and","eq","style","hash","EuiButtonEmpty","EuiI18n"],"mappings":";;;;;;;;;;;;;;;;;AAiDe,MAAMA,0CAA0CC,SAAU,CAAA;AACvEC,EAAAA,kBAAqB,GAAA,CACnB;AACEC,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,UAAA;AACJC,IAAAA,KAAO,EAAA,QAAA;AACPC,IAAAA,IAAM,EAAA,QAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,CACD;EAED,IACIC,WAAcA,GAAA;AAChB,IAAA,OAAO,CACL;AACEJ,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,gBAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNC,MAAAA,QAAU,EAAA;AACZ,KAAA,EACA;AACEH,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,cAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNC,MAAAA,QAAU,EAAA;AACZ,KAAA,EACA;AACEH,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,WAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNG,MAAAA,MAAQ,EAAA,IAAA;AACRF,MAAAA,QAAU,EAAA;AACRG,QAAAA,SAAW,EAAAC;AACb;AACF,KAAA,CACD;AACH;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAzBCC,MAAA,CAAA,CAAA;AAAA;AA2BDC,EAAAA,oBAAuB,GAAA,CACrB;AACEX,IAAAA,EAAI,EAAA,SAAA;AACJC,IAAAA,KAAO,EAAA,OAAA;AACPC,IAAAA,IAAM,EAAA,OAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,CACD;EAED,IAAIS,SAAYA,GAAA;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,EAAE;AAClC;EAEA,IAAIE,YAAeA,GAAA;AACjB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,KAAKC,YAAA;AAChC;EAGAC,mBAAoBA,CAAAC,UAAkB,EAAE;IACtC,MAAMC,YAAA,GAAe,IAAI,CAACN,IAAI,CAACO,eAAe,CAACC,EAAE,CAACH,UAAA,CAAA;IAElD,IAAIC,iBAAiB,IAAM,EAAA,IAAI,CAACN,IAAI,CAACS,gBAAgB,GAAGH,YAAA,CAAA;AAC1D;AAAA,EAAA;IAAAX,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CALCc,MAAA,CAAA,CAAA;AAAA;EAODC,aAAcA,CAAAC,IAAkC,EAAE;IAChD,IAAI,OAAOA,IAAK,CAAAtB,QAAQ,KAAK,QAAU,EAAA,OAAOsB,KAAKtB,QAAQ;AAE3D,IAAA,OAAOsB,IAAA,CAAKtB,QAAQ,CAACG,SAAS;AAChC;AAEA,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CA4GA,~~k2FAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,aAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,IAAA;QAAAC,cAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-markdown-editor-toolbar.js","sources":["../../src/components/eui-markdown-editor-toolbar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, gte } from 'ember-truth-helpers';\n\nimport { MODE_VIEWING } from '../utils/markdown/markdown-modes.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport MarkdownCheckmark from './eui-markdown-editor-toolbar/icons/markdown-checkmark.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type MarkdownActions from '../utils/markdown/markdown-actions';\nimport type { EuiMarkdownEditorUiPlugin } from '../utils/markdown/markdown-types';\n\nexport interface EuiMarkdownEditorToolbarArgs {\n viewMode?: string;\n markdownActions: MarkdownActions;\n uiPlugins: any[];\n openPluginEditor?: (plugin: EuiMarkdownEditorUiPlugin) => void;\n onClickPreview: () => void;\n selectedNode: any;\n}\n\nexport interface EuiMarkdownEditorToolbarSignature {\n Element: HTMLDivElement;\n Args: EuiMarkdownEditorToolbarArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport interface EuiMarkdownEditorToolbarItem {\n id: string;\n label: string;\n name: string;\n iconType:\n \| string\n \| {\n component: any;\n };\n useSvg?: boolean;\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarSignature> {\n boldItalicsButtons = [\n {\n id: 'mdBold',\n label: 'Bold',\n name: 'bold',\n iconType: 'editorBold'\n },\n {\n id: 'mdItalic',\n label: 'Italic',\n name: 'italic',\n iconType: 'editorItalic'\n }\n ];\n\n @cached\n get listButtons() {\n return [\n {\n id: 'mdUl',\n label: 'Unordered list',\n name: 'ul',\n iconType: 'editorUnorderedList'\n },\n {\n id: 'mdOl',\n label: 'Ordered list',\n name: 'ol',\n iconType: 'editorOrderedList'\n },\n {\n id: 'mdTl',\n label: 'Task list',\n name: 'tl',\n useSvg: true,\n iconType: {\n component: MarkdownCheckmark\n }\n }\n ];\n }\n\n quoteCodeLinkButtons = [\n {\n id: 'mdQuote',\n label: 'Quote',\n name: 'quote',\n iconType: 'quote'\n },\n {\n id: 'mdCode',\n label: 'Code',\n name: 'code',\n iconType: 'editorCodeBlock'\n },\n {\n id: 'mdLink',\n label: 'Link',\n name: 'link',\n iconType: 'editorLink'\n }\n ];\n\n get uiPlugins() {\n return this.args.uiPlugins \|\| [];\n }\n\n get isPreviewing() {\n return this.args.viewMode === MODE_VIEWING;\n }\n\n @action\n handleMdButtonClick(mdButtonId: string) {\n const actionResult = this.args.markdownActions.do(mdButtonId);\n\n if (actionResult !== true) this.args.openPluginEditor?.(actionResult!);\n }\n\n itemComponent(item: EuiMarkdownEditorToolbarItem) {\n if (typeof item.iconType === 'string') return item.iconType;\n\n return item.iconType.component;\n }\n\n <template>\n <div class=\"euiMarkdownEditorToolbar\" ...attributes>\n <div class=\"euiMarkdownEditorToolbar__buttons\">\n {{#each this.boldItalicsButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{item.iconType}}\n aria-label={{item.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.listButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{this.itemComponent item}}\n {{!@glint-expect-error}}\n @useComponent={{if item.iconType.component true}}\n aria-label={{item.label}}\n @useSvg={{item.useSvg}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.quoteCodeLinkButtons as \|item\|}}\n <EuiToolTip @content={{item.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n @iconType={{item.iconType}}\n aria-label={{item.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n\n {{/each}}\n {{#if (gte this.uiPlugins.length 0)}}\n <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n {{#each this.uiPlugins as \|plugin\|}}\n {{#let\n (and @selectedNode (eq @selectedNode.type plugin.name))\n as \|isSelectedNodeType\|\n }}\n <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n <EuiButtonIcon\n @color=\"text\"\n {{style\n (if\n isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\")\n )\n }}\n {{on \"click\" (fn this.handleMdButtonClick plugin.name)}}\n @iconType={{plugin.button.iconType}}\n aria-label={{plugin.button.label}}\n @isDisabled={{this.isPreviewing}}\n />\n </EuiToolTip>\n {{/let}}\n {{/each}}\n {{/if}}\n </div>\n\n {{#if this.isPreviewing}}\n <EuiButtonEmpty\n @iconType=\"editorCodeBlock\"\n @color=\"text\"\n @size=\"s\"\n {{on \"click\" @onClickPreview}}\n >\n\n <EuiI18n\n @token=\"euiMarkdownEditorToolbar.editor\"\n @default=\"Editor\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiButtonEmpty>\n\n {{else}}\n <EuiButtonEmpty\n @iconType=\"eye\"\n @color=\"text\"\n @size=\"s\"\n {{on \"click\" @onClickPreview}}\n >\n <EuiI18n\n @token=\"euiMarkdownEditorToolbar.preview\"\n @default=\"Preview\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiButtonEmpty>\n {{/if}}\n </div>\n </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","boldItalicsButtons","id","label","name","iconType","listButtons","useSvg","component","MarkdownCheckmark","n","prototype","cached","quoteCodeLinkButtons","uiPlugins","args","isPreviewing","viewMode","MODE_VIEWING","handleMdButtonClick","mdButtonId","actionResult","markdownActions","do","openPluginEditor","action","itemComponent","item","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiButtonIcon","on","fn","gte","and","eq","style","hash","EuiButtonEmpty","EuiI18n"],"mappings":";;;;;;;;;;;;;;;;;AAiDe,MAAMA,0CAA0CC,SAAU,CAAA;AACvEC,EAAAA,kBAAqB,GAAA,CACnB;AACEC,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,UAAA;AACJC,IAAAA,KAAO,EAAA,QAAA;AACPC,IAAAA,IAAM,EAAA,QAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,CACD;EAED,IACIC,WAAcA,GAAA;AAChB,IAAA,OAAO,CACL;AACEJ,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,gBAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNC,MAAAA,QAAU,EAAA;AACZ,KAAA,EACA;AACEH,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,cAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNC,MAAAA,QAAU,EAAA;AACZ,KAAA,EACA;AACEH,MAAAA,EAAI,EAAA,MAAA;AACJC,MAAAA,KAAO,EAAA,WAAA;AACPC,MAAAA,IAAM,EAAA,IAAA;AACNG,MAAAA,MAAQ,EAAA,IAAA;AACRF,MAAAA,QAAU,EAAA;AACRG,QAAAA,SAAW,EAAAC;AACb;AACF,KAAA,CACD;AACH;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAzBCC,MAAA,CAAA,CAAA;AAAA;AA2BDC,EAAAA,oBAAuB,GAAA,CACrB;AACEX,IAAAA,EAAI,EAAA,SAAA;AACJC,IAAAA,KAAO,EAAA,OAAA;AACPC,IAAAA,IAAM,EAAA,OAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,EACA;AACEH,IAAAA,EAAI,EAAA,QAAA;AACJC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,IAAM,EAAA,MAAA;AACNC,IAAAA,QAAU,EAAA;AACZ,GAAA,CACD;EAED,IAAIS,SAAYA,GAAA;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,EAAE;AAClC;EAEA,IAAIE,YAAeA,GAAA;AACjB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,KAAKC,YAAA;AAChC;EAGAC,mBAAoBA,CAAAC,UAAkB,EAAE;IACtC,MAAMC,YAAA,GAAe,IAAI,CAACN,IAAI,CAACO,eAAe,CAACC,EAAE,CAACH,UAAA,CAAA;IAElD,IAAIC,iBAAiB,IAAM,EAAA,IAAI,CAACN,IAAI,CAACS,gBAAgB,GAAGH,YAAA,CAAA;AAC1D;AAAA,EAAA;IAAAX,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CALCc,MAAA,CAAA,CAAA;AAAA;EAODC,aAAcA,CAAAC,IAAkC,EAAE;IAChD,IAAI,OAAOA,IAAK,CAAAtB,QAAQ,KAAK,QAAU,EAAA,OAAOsB,KAAKtB,QAAQ;AAE3D,IAAA,OAAOsB,IAAA,CAAKtB,QAAQ,CAACG,SAAS;AAChC;AAEA,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CA4GA,4pFAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,aAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,IAAA;QAAAC,cAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-markdown-editor.js CHANGED Viewed

@@ -31,14 +31,13 @@ import EuiMarkdownEditorToolbarComponent from './eui-markdown-format.js';
 import EuiModal from './eui-modal.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 const getCursorNode = (textareaRef, parsed) => {
   const {
     selectionStart
   } = textareaRef;
   let node = parsed.result ?? parsed.contents;
-  //eslint-disable-next-line
   outer: while (true) {
     if (node.children) {
       for (let i = 0; i < node.children.length; i++) {
@@ -199,7 +198,7 @@ class EuiMarkdownEditorComponent extends Component {
     n(this.prototype, "onResize", [action]);
   }
   updateCurrentHeight() {
-    let {
+    const {
       isPreviewing,
       autoExpandPreview,
       height,
@@ -245,7 +244,7 @@ class EuiMarkdownEditorComponent extends Component {
     n(this.prototype, "setEditorToolbarRef", [action]);
   }
   replaceNode(position, next) {
-    let value = this.args.value;
+    const value = this.args.value;
     const leading = value.substr(0, position.start.offset);
     const trailing = value.substr(position.end.offset);
     this.args.onChange?.(`${leading}${next}${trailing}`);
@@ -317,7 +316,7 @@ class EuiMarkdownEditorComponent extends Component {
     this.pluginEditorPlugin = plugin;
   };
   onEditorPluginSave = (markdown, config) => {
-    let {
+    const {
       selectedNode,
       textareaRef
     } = this;
@@ -353,7 +352,7 @@ class EuiMarkdownEditorComponent extends Component {
     this.editorToolbarRef = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiMarkdownEditor\" (if (eq this.height \"full\") \"euiMarkdownEditor--fullHeight\") (if this.isPreviewing \"euiMarkdownEditor--isPreviewing\")}} {{didUpdate this.updateCurrentHeight this.currentHeight this.isPreviewing this.height this.autoExpandPreview}}>\n      <EuiMarkdownEditorToolbar @selectedNode={{this.selectedNode}} @markdownActions={{this.markdownActions}} @onClickPreview={{this.setViewMode}} @openPluginEditor={{this.openPluginEditor}} @viewMode={{this.viewMode}} @uiPlugins={{this.toolbarPlugins}} {{didInsert this.setEditorToolbarRef}} />\n      {{#if this.isPreviewing}}\n        <div class=\"euiMarkdownEditorPreview\" {{didInsert (set this \"previewRef\")}} {{style (hash height=this.previewHeight)}}>\n          <EuiMarkdownFormat @parsingPluginList={{this.parsingPluginList}} @processingPluginList={{this.processingPluginList}} @value={{@value}} @replaceNode={{this.replaceNode}} @rootClasses={{@formatRootClasses}} @textSize={{@formatTextSize}} @shouldIncludeDefaultRootClasses={{@formatShouldIncludeDefaultRootClasses}} />\n        </div>\n      {{/if}}\n\n      <div class=\"euiMarkdownEditor__toggleContainer\" {{style height=this.editorToggleContainerHeight}}>\n        <EuiMarkdownEditorDropZone @uiPlugins={{this.toolbarPlugins}} {{resizeObserver onResize=this.onResize}}>\n          <EuiMarkdownEditorTextArea {{getCursorNodeModifier this.vFile this.setSelectedNode}} {{didUpdate this.onParse this.parsed}} {{didInsert this.setTextAreaRef}} disabled={{@disabled}} id={{this.editorId}} @height={{this.textAreaHeight}} @maxHeight={{this.textAreaMaxHeight}} value={{@value}} aria-label={{@ariaLabel}} aria-labelledby={{@ariaLabelledBy}} aria-describedby={{@ariaDescribedBy}} {{on \"input\" (pick \"target.value\" @onChange)}} {{validatableControl @isInvalid}} ...attributes />\n        </EuiMarkdownEditorDropZone>\n        {{#if this.pluginEditorPlugin.editor}}\n          <EuiModal @onClose={{set this \"pluginEditorPlugin\" undefined}}>\n            {{#let (component this.pluginEditorPlugin.editor) as |Editor|}}\n              <Editor @node={{this.selectedNode}} @onCancel={{set this \"pluginEditorPlugin\" undefined}} @onSave={{this.onEditorPluginSave}} />\n            {{/let}}\n          </EuiModal>\n        {{/if}}\n      </div>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class={{classNames \"euiMarkdownEditor\" (if (eq this.height \"full\") \"euiMarkdownEditor--fullHeight\") (if this.isPreviewing \"euiMarkdownEditor--isPreviewing\")}} {{didUpdate this.updateCurrentHeight this.currentHeight this.isPreviewing this.height this.autoExpandPreview}}>\n  <EuiMarkdownEditorToolbar @selectedNode={{this.selectedNode}} @markdownActions={{this.markdownActions}} @onClickPreview={{this.setViewMode}} @openPluginEditor={{this.openPluginEditor}} @viewMode={{this.viewMode}} @uiPlugins={{this.toolbarPlugins}} {{didInsert this.setEditorToolbarRef}} />\n  {{#if this.isPreviewing}}\n    <div class=\"euiMarkdownEditorPreview\" {{didInsert (set this \"previewRef\")}} {{style (hash height=this.previewHeight)}}>\n      <EuiMarkdownFormat @parsingPluginList={{this.parsingPluginList}} @processingPluginList={{this.processingPluginList}} @value={{@value}} @replaceNode={{this.replaceNode}} @rootClasses={{@formatRootClasses}} @textSize={{@formatTextSize}} @shouldIncludeDefaultRootClasses={{@formatShouldIncludeDefaultRootClasses}} />\n    </div>\n  {{/if}}\n\n  <div class=\"euiMarkdownEditor__toggleContainer\" {{style height=this.editorToggleContainerHeight}}>\n    <EuiMarkdownEditorDropZone @uiPlugins={{this.toolbarPlugins}} {{resizeObserver onResize=this.onResize}}>\n      <EuiMarkdownEditorTextArea {{getCursorNodeModifier this.vFile this.setSelectedNode}} {{didUpdate this.onParse this.parsed}} {{didInsert this.setTextAreaRef}} disabled={{@disabled}} id={{this.editorId}} @height={{this.textAreaHeight}} @maxHeight={{this.textAreaMaxHeight}} value={{@value}} aria-label={{@ariaLabel}} aria-labelledby={{@ariaLabelledBy}} aria-describedby={{@ariaDescribedBy}} {{on \"input\" (pick \"target.value\" @onChange)}} {{validatableControl @isInvalid}} ...attributes />\n    </EuiMarkdownEditorDropZone>\n    {{#if this.pluginEditorPlugin.editor}}\n      <EuiModal @onClose={{set this \"pluginEditorPlugin\" undefined}}>\n        {{#let (component this.pluginEditorPlugin.editor) as |Editor|}}\n          <Editor @node={{this.selectedNode}} @onCancel={{set this \"pluginEditorPlugin\" undefined}} @onSave={{this.onEditorPluginSave}} />\n        {{/let}}\n      </EuiModal>\n    {{/if}}\n  </div>\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,