legalesign-document-viewer 1.0.4 → 1.0.6

package/dist/collection/components/ls-field-format/ls-field-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-field-format.js","sourceRoot":"","sources":["../../../../src/components/ls-field-format/ls-field-format.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-format',\n  styleUrl: 'ls-field-format.scss',\n  shadow: true,\n})\nexport class LsFieldFormat {\n  @Prop({\n    mutable: true,\n  })\n  dataItem: LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Element() component: HTMLElement;\n\n  private readonly fontSizes = [6, 8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 64, 72, 124];\n\n  // Send selection changes to bars and panels if in use.\n  @Watch('dataItem')\n  selectFieldsHandler() {\n    if (this.dataItem.length > 0) {\n      var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n      if (selFont) selFont.value = this.allElementsSame()?.fontName;\n      var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLSelectElement;\n      if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize?.toString();\n    }\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff);\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n    });\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement);\n    this.mutate.emit(diffs);\n  }\n\n  componentDidLoad() {\n  }\n\n  allElementsSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return;\n    const firstFontName = this.dataItem[0].fontName;\n    const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n    const firstFontSize = this.dataItem[0].fontSize;\n    const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n    const firstAlign = this.dataItem[0].align || 'left';\n    const allAlignSame = this.dataItem.every(item => (item.align || 'left') === firstAlign);\n    return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed', align: allAlignSame ? firstAlign : 'mixed' };\n  };\n\n  render() {\n    return (\n      <Host>\n        {this.dataItem && this.dataItem.length > 1 && (\n          <div class={'ls-dv-field-format-bar'}>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-select\"\n                onChange={input => {\n                  this.alter({ fontName: (input.target as HTMLSelectElement).value });\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n                  {dvI18n.t('fieldproperties.mixed')}\n                </option>\n                <option value=\"arial\">Arial</option>\n                <option value=\"liberation sans\">Liberation Sans</option>\n                <option value=\"courier\">Courier</option>\n                <option value=\"helvetica\">Helvetica</option>\n                <option value=\"verdana\">Verdana</option>\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-size\"\n                onChange={input => {\n                  this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n                  (input.target as HTMLElement).blur();\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option disabled selected={this.allElementsSame()?.fontSize === 'mixed'} value={'mixed'}>\n                  {dvI18n.t('fieldproperties.mixed')}\n                </option>\n                {this.fontSizes.map(size => (\n                  <option value={size} selected={this.allElementsSame()?.fontSize === size}>{size}</option>\n                ))}\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class={'ls-dv-button-group'}>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'left' }}\n                onClick={() => {\n                  this.alter({ align: 'left' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n              >\n                <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'center' }}\n                onClick={() => {\n                  this.alter({ align: 'center' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n              >\n                <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'right' }}\n                onClick={() => {\n                  this.alter({ align: 'right' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n              >\n                <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n              </button>\n            </div>\n          </div>\n        )}\n        {this.dataItem && this.dataItem.length === 1 && (\n          <div class={'ls-dv-field-format-bar'}>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n              <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-select\"\n                onChange={input => {\n                  this.alter({ fontName: (input.target as HTMLSelectElement).value });\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option value=\"arial\">Arial</option>\n                <option value=\"liberation sans\">Liberation Sans</option>\n                <option value=\"courier\">Courier</option>\n                <option value=\"helvetica\">Helvetica</option>\n                <option value=\"verdana\">Verdana</option>\n              </select>\n            </div>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-size\"\n                onChange={input => {\n                  this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n                  (input.target as HTMLElement).blur();\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                {this.fontSizes.map(size => (\n                  <option value={size} selected={this.dataItem[0].fontSize === size}>{size}</option>\n                ))}\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class={'ls-dv-button-group'}>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }}\n                onClick={() => {\n                  this.alter({ align: 'left' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n              >\n                <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'center' }}\n                onClick={() => {\n                  this.alter({ align: 'center' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n              >\n                <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'right' }}\n                onClick={() => {\n                  this.alter({ align: 'right' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n              >\n                <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n              </button>\n            </div>\n\n            {/* <select\n              onChange={input => {\n                this.alter({ align: (input.target as HTMLSelectElement).value });\n              }}\n            >\n              <option value=\"left\">Left</option>\n              <option value=\"center\">Center</option>\n              <option value=\"right\">Right</option>\n            </select> */}\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-field-format.js","sourceRoot":"","sources":["../../../../src/components/ls-field-format/ls-field-format.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-format',\n  styleUrl: 'ls-field-format.scss',\n  shadow: true,\n})\nexport class LsFieldFormat {\n  @Prop({\n    mutable: true,\n  })\n  dataItem: LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Element() component: HTMLElement;\n\n  private readonly fontSizes = [6, 8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 64, 72, 124];\n\n  // Send selection changes to bars and panels if in use.\n  @Watch('dataItem')\n  selectFieldsHandler() {\n    if (this.dataItem.length > 0) {\n      var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n      if (selFont) selFont.value = this.allElementsSame()?.fontName;\n      var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLSelectElement;\n      if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize?.toString();\n    }\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff);\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n    });\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement);\n    this.mutate.emit(diffs);\n  }\n\n  componentDidLoad() {\n  }\n\n  allElementsSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return;\n    const firstFontName = this.dataItem[0].fontName;\n    const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n    const firstFontSize = this.dataItem[0].fontSize;\n    const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n    const firstAlign = this.dataItem[0].align || 'left';\n    const allAlignSame = this.dataItem.every(item => (item.align || 'left') === firstAlign);\n    return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed', align: allAlignSame ? firstAlign : 'mixed' };\n  };\n\n  render() {\n    return (\n      <Host>\n        {this.dataItem && this.dataItem.length > 1 && (\n          <div class={'ls-dv-field-format-bar'}>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-select\"\n                onChange={input => {\n                  this.alter({ fontName: (input.target as HTMLSelectElement).value });\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n                  {dvI18n.t('fieldproperties.mixed')}\n                </option>\n                <option value=\"arial\">Arial</option>\n                <option value=\"liberation\">Liberation Sans</option>\n                <option value=\"courier\">Courier</option>\n                <option value=\"helvetica\">Helvetica</option>\n                <option value=\"verdana\">Verdana</option>\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-size\"\n                onChange={input => {\n                  this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n                  (input.target as HTMLElement).blur();\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option disabled selected={this.allElementsSame()?.fontSize === 'mixed'} value={'mixed'}>\n                  {dvI18n.t('fieldproperties.mixed')}\n                </option>\n                {this.fontSizes.map(size => (\n                  <option value={size} selected={this.allElementsSame()?.fontSize === size}>{size}</option>\n                ))}\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class={'ls-dv-button-group'}>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'left' }}\n                onClick={() => {\n                  this.alter({ align: 'left' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n              >\n                <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'center' }}\n                onClick={() => {\n                  this.alter({ align: 'center' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n              >\n                <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.allElementsSame()?.align === 'right' }}\n                onClick={() => {\n                  this.alter({ align: 'right' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n              >\n                <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n              </button>\n            </div>\n          </div>\n        )}\n        {this.dataItem && this.dataItem.length === 1 && (\n          <div class={'ls-dv-field-format-bar'}>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n              <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-select\"\n                onChange={input => {\n                  this.alter({ fontName: (input.target as HTMLSelectElement).value });\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                <option value=\"arial\">Arial</option>\n                <option value=\"liberation\">Liberation Sans</option>\n                <option value=\"courier\">Courier</option>\n                <option value=\"helvetica\">Helvetica</option>\n                <option value=\"verdana\">Verdana</option>\n              </select>\n            </div>\n            <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n              <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n              <select\n                id=\"ls-toolbar-font-size\"\n                onChange={input => {\n                  this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n                  (input.target as HTMLElement).blur();\n                }}\n                class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n              >\n                {this.fontSizes.map(size => (\n                  <option value={size} selected={this.dataItem[0].fontSize === size}>{size}</option>\n                ))}\n              </select>\n              <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n            </div>\n            <div class={'ls-dv-button-group'}>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }}\n                onClick={() => {\n                  this.alter({ align: 'left' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n              >\n                <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'center' }}\n                onClick={() => {\n                  this.alter({ align: 'center' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n              >\n                <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n              </button>\n              <button\n                class={{ 'ls-dv-active': this.dataItem[0].align === 'right' }}\n                onClick={() => {\n                  this.alter({ align: 'right' });\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n              >\n                <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n              </button>\n            </div>\n\n            {/* <select\n              onChange={input => {\n                this.alter({ align: (input.target as HTMLSelectElement).value });\n              }}\n            >\n              <option value=\"left\">Left</option>\n              <option value=\"center\">Center</option>\n              <option value=\"right\">Right</option>\n            </select> */}\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-statusbar/ls-statusbar.js

@@ -20,6 +20,8 @@ export class LsStatusbar {
      * {LsDocumentViewer}
      */
     editor;
+    canUndo = false;
+    canRedo = false;
     /**
      * The viewer mode.
      * {'preview' | 'editor' | 'compose'}
@@ -193,14 +195,14 @@ export class LsStatusbar {
         if (!mutations)
             return;
         this.editor._skipHistory = true;
-        this.editor.mutate.emit(mutations);
+        this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
     }
     applyRedo() {
         const mutations = redo();
         if (!mutations)
             return;
         this.editor._skipHistory = true;
-        this.editor.mutate.emit(mutations);
+        this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));
     }
     componentWillLoad() {
         this.zoom = this.editor.zoom;
@@ -229,9 +231,9 @@ export class LsStatusbar {
     }
     render() {
         const isPreview = this.mode === 'preview';
-        return (h(Host, { key: '7035c4cdf76ac09b909a098d635dd075d7d9388d', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: '845fe27459a05b96b06c4025c2f8090b75fee027', class: 'ls-dv-controls-bar' }, h("div", { key: 'fd7e683e2e96e3da8cab7ba9626e9c64c70d62ad', class: 'ls-dv-status-bar-section' }, h("button", { key: 'b015f095a886f8fd41318df2ad1ac9cb4e82ee7c', onClick: () => this.applyUndo(), id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: '8ff999de40c5acd0c1cd8dab5858ae8c0b85af99', name: "undo-icon", size: 18 })), h("button", { key: '5019459ef97755347a26d2dd6bc1c5d46fed1506', onClick: () => this.applyRedo(), id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '750526932ff82720ee62b3727b35717621031d1b', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: 'a1f56781157ad515423a25bcb02c7513a501a26e', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '4b2825b2d93deb7d9976c1f67312053d8fbd6b71', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '19128a07beda58b596a4d838793888074d53cc50', onClick: () => {
+        return (h(Host, { key: '18ccc02a34ad30d1ecec33c3ad967b8224ba4994', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'b9d5bb97994a209e65a81576a67a50d8e5ef3524', class: 'ls-dv-controls-bar' }, h("div", { key: '8e058a4ea295561d1f4becf989af38e18376f09a', class: 'ls-dv-status-bar-section' }, h("button", { key: 'bbbc73f66594d7c868f947f8aab7ac3f02f3d2f6', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: 'ecf1675a45114131a79d834ae9aa3c5e179edc48', name: "undo-icon", size: 18 })), h("button", { key: 'f3bb9d84e8591988c067008cb81b5630f105e792', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '96845aaf86d0ee3234a5806ec40964f35b67ab1a', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '503c0ea4eda6202f87c929def2e496a159a37aa1', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '8ac7bc2c067ae5c2074c0e9e882da6dff125c6e5', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '485a17228d9332c22138f561a7a7dcc43cb7cef7', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'cd90982d3f1b3f1aabc9f9079a6c065cf60cce59', name: "chevron-left-icon" })), h("button", { key: '570e47ef8164220b2d9aba31e2952c8036c6f99d', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'df602dae238984d08801f4365b866002dca86969', name: "chevron-left-icon" })), h("button", { key: '32eef5c295eb562f5780c03756bba3690d4ae9e5', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showPageMenu = !this.showPageMenu;
                 if (this.showPageMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));
@@ -239,13 +241,13 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.pageMenuClickHandler, true);
                 }
-            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '4db0e3d7f8dcc4bb079523abcc6811fd59a9d698', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
+            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: 'f8fe0d9e3d67b364092b9f12300f9e03ec7c6aad', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
                 this.goToPage(p);
                 this.showPageMenu = false;
                 document.removeEventListener('click', this.pageMenuClickHandler, true);
-            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '7b92c7db1a2470124a797af3b69d53d78254080d', onClick: () => {
+            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '6093169c96a12306aba655b311696e99065d2697', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: 'bda8988bbd778bbc16f75d2d7299987d9e550753', name: "chevron-right-icon" })))), h("div", { key: '88ad63ca844b8c7ca543fc9cad995eec8ae4cb91', class: 'ls-dv-status-bar-group' }, h("div", { key: '72f15c5e488a8b0e7cb214e01ac53dcb220fe592', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: '5e3dae4cd7ebf60b57e99995b75a4380729ded88', class: 'ls-dv-status-bar-section' }, h("button", { key: 'f2e8c3af825e08bc4fb16750e41ef423e6aff93b', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '9ce1369ee910dfd32745f729e7dcc6208641867b', name: "zoom-out-icon" })), h("button", { key: '453fb7ba30e350a151d2b66d0a79c70736f56d3a', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '08f8e556677ef1efebd0b7b6e72983ae6cedecf4', name: "chevron-right-icon" })))), h("div", { key: '54214796ad12fdcd1e3361f84ed8d39ab05c56fc', class: 'ls-dv-status-bar-group' }, h("div", { key: 'f271c0049806dbe810afd00c928b5d7377376955', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: 'f2afc562cea8029131cd63522eb6a353b23d09b5', class: 'ls-dv-status-bar-section' }, h("button", { key: '549f1c0d525684dc93f21531e5a4988e138c2206', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '5a206f88c6418038493eb6e6eef27f627f55e061', name: "zoom-out-icon" })), h("button", { key: '19e4203f02d5a0b9bbbd107bcd32ed40d7a5fb19', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showZoomMenu = !this.showZoomMenu;
                 if (this.showZoomMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));
@@ -253,11 +255,11 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.zoomMenuClickHandler, true);
                 }
-            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: 'f0f85d4c6a5c5abb0082e86be9fdbd4d12a12fb3', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
+            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: 'be8a4d0e048d49eaf8e65edd886d96f7e7f17aff', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
                 this.setZoom(level);
                 this.showZoomMenu = false;
                 document.removeEventListener('click', this.zoomMenuClickHandler, true);
-            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: 'a38a804049f94cba70d971abf0f58e0d9d43b18f', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '068c11f60c6f720f35edb708e576c4aa2ea088a2', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: '836b1aeba9b7889ea5179abb85efab92aab47bf6', class: 'ls-dv-status-bar-section' }, h("button", { key: '307f97758525ea29151c6e35e4f303b9da6dd226', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '42ceb3d52ad6d31c38dc473317aa6b23af22bcc9', name: "fit-width-icon" })), h("button", { key: 'ee95d25f126735b2795813f2399eac7edf5c0420', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: '04ddc66e1fbcadc80d63e2afd3ade9faf8eac8bc', name: "fit-height-icon" })))), h("div", { key: '50e0ea122a95e934f85cd33b1cf0df1eaaecaac3', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '59293ddd95468c0f01849de3fdb75ba8664b572c', onClick: () => {
+            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '28384af43c2b6ed5db0f893cf4fa5f88c36332a4', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '97540f2c59fd5e3228ced46b895837f05c95fbcb', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: '30f5236f017a1ff8b61d33f91ea9031eebde36a6', class: 'ls-dv-status-bar-section' }, h("button", { key: '4b7c04149439b2cddcd0cf474e2d9b57efa9bc76', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: 'dd765543163aaad0deb4300066333dac43a85206', name: "fit-width-icon" })), h("button", { key: '571cb22457f5848917e97226f74e120395a40ccd', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'ef4cdbf95a3110b0e20d438c5870f32cf786e535', name: "fit-height-icon" })))), h("div", { key: '8f27158a751d07a53ae0f8afe6ad51344a497a03', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'f09978de659a2defbd0be5c4de99337d7fc59c0a', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
                     requestAnimationFrame(() => {
@@ -270,7 +272,7 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '57f1da537f3909bc72933d7f9e5bd61495ab0f18', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'e6936f45285b825ed96b56e9316754082558b757', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'edfd8ba1e8108c0aa9252aa78c7b6a268ba7e006', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: 'c883f32c7a33b3f08006e972ce0d9698f04e8a4f' }), h("span", { key: '613689fe8f313f61a0cd104479c0e22d1105346d', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '7a4e67c40ed2e46dea34444ba9a36a165816e809', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '8f3dbe04c66ff9192f62e8f16a3bf5c5adb9fe1e' }))));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '6b324a39ffbe36972aaa09d92191cfaace18ca42', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: '9aa2b3535ad900e5ba758457631d57fd5d6c38fe', class: "ls-dv-thumbnail-popover" }, h("div", { key: '90a1ca58218f2873e3a4309b77fda5bfc2787b82', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '47782efbb75ccbd0b762f294906f6475e952b801' }), h("span", { key: '1d6a5f8c19234bab666afc6a3f1e7a16d0d097ca', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: 'ac89e817031ff7d4285b2d4627e49def6ddd1daf', tooltipId: "ls-dv-tooltip" }), h("slot", { key: 'e69df05d6946068a5daaf3cb4eb95ae4f58aa427' }))));
     }
     static get is() { return "ls-statusbar"; }
     static get encapsulation() { return "shadow"; }
@@ -366,6 +368,46 @@ export class LsStatusbar {
                 "getter": false,
                 "setter": false
             },
+            "canUndo": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "can-undo",
+                "defaultValue": "false"
+            },
+            "canRedo": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "can-redo",
+                "defaultValue": "false"
+            },
             "mode": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/ls-statusbar/ls-statusbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n  tag: 'ls-statusbar',\n  styleUrl: 'ls-statusbar.scss',\n  shadow: true,\n})\nexport class LsStatusbar {\n  @Element() component: HTMLElement;\n  /**\n   * The zoom or scale level 100 === 100%.\n   * {number}\n   */\n  @Prop({ mutable: true }) zoom: number;\n  @Prop({ mutable: true }) page: number;\n  @Prop({ mutable: true }) pageCount: number;\n\n  @State() showThumbnails: boolean = false;\n  @State() showZoomMenu: boolean = false;\n  @State() showPageMenu: boolean = false;\n\n  /**\n   * The parent editor control.\n   * {LsDocumentViewer}\n   */\n  @Prop() editor: LsDocumentViewer;\n\n  /**\n   * The viewer mode.\n   * {'preview' | 'editor' | 'compose'}\n   */\n  @Prop() mode: 'preview' | 'editor' | 'compose' = 'editor';\n\n  setZoom(value: number) {\n    this.editor.setZoom(value);\n    this.zoom = value;\n  }\n\n  fitWidth() {\n    const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n    const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n    requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n  }\n\n  fitHeight() {\n    const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n    const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n    const wrapperStyle = getComputedStyle(wrapper);\n    const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n    const availableHeight = midArea.clientHeight - paddingY;\n    const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n  }\n\n  goToPage(pageNum: number) {\n    const diff = pageNum - this.editor.pageNum;\n    if (diff > 0) {\n      for (let i = 0; i < diff; i++) this.editor.pageNext();\n    } else {\n      for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n    }\n    this.page = pageNum;\n    this.renderThumbnails();\n  }\n\n  getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n    const template = (this.editor as any)._template;\n    if (!template?.elementConnection?.templateElements) return [];\n    const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n    const signerCounts = new Map<number, number>();\n    fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) || 0) + 1));\n    return Array.from(signerCounts.entries())\n      .sort(([a], [b]) => {\n        const baseA = a % 100;\n        const baseB = b % 100;\n        if (baseA !== baseB) return baseA - baseB;\n        return a - b;\n      })\n      .map(([s, count]) => {\n        const role = template.roles?.find(r => r.signerIndex === s);\n        const colorIndex = s % 100;\n        return {\n          s40: defaultRolePalette[colorIndex]?.s40 || defaultRolePalette[0].s40,\n          s60: defaultRolePalette[colorIndex]?.s60 || defaultRolePalette[0].s60,\n          s70: defaultRolePalette[colorIndex]?.s70 || defaultRolePalette[0].s70,\n          name: role?.name || `Participant ${s}`,\n          count,\n        };\n      });\n  }\n\n  getPageFields(pageNum: number) {\n    const template = (this.editor as any)._template;\n    if (!template?.elementConnection?.templateElements) return [];\n    return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n  }\n\n  renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n    const fields = this.getPageFields(pageNum);\n    fields.forEach(field => {\n      const colorIndex = field.signer % 100;\n      const palette = defaultRolePalette[colorIndex] || defaultRolePalette[0];\n      const x = field.ax * viewport.width;\n      const y = field.ay * viewport.height;\n      const w = (field.bx - field.ax) * viewport.width;\n      const h = (field.by - field.ay) * viewport.height;\n\n      ctx.fillStyle = palette.s40 + '1a';\n      ctx.fillRect(x, y, w, h);\n      ctx.strokeStyle = palette.s60;\n      ctx.lineWidth = 1;\n      if (field.signer >= 100) {\n        ctx.setLineDash([2, 2]);\n      }\n      ctx.strokeRect(x, y, w, h);\n      ctx.setLineDash([]);\n    });\n  }\n\n  renderThumbnails() {\n    const pdfDoc = (this.editor as any).pdfDocument;\n    if (!pdfDoc) return;\n    const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n    if (!container) return;\n    container.innerHTML = '';\n\n    for (let i = 1; i <= this.pageCount; i++) {\n      pdfDoc.getPage(i).then(page => {\n        const viewport = page.getViewport({ scale: 0.2 });\n        const canvas = document.createElement('canvas');\n        canvas.width = viewport.width;\n        canvas.height = viewport.height;\n        canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n        canvas.addEventListener('click', () => this.goToPage(i));\n\n        const wrapper = document.createElement('div');\n        wrapper.className = 'ls-dv-thumbnail-wrapper';\n        wrapper.addEventListener('click', () => this.goToPage(i));\n\n        const dots = document.createElement('div');\n        dots.className = 'ls-dv-thumbnail-dots';\n        this.getPageFieldColors(i).forEach(color => {\n          const dot = document.createElement('span');\n          dot.className = 'ls-dv-thumbnail-dot';\n          dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n          dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n          dot.style.setProperty('--dot-color-40', color.s40);\n          dot.style.setProperty('--dot-color-60', color.s60);\n          dot.style.setProperty('--dot-color-70', color.s70);\n          dots.appendChild(dot);\n        });\n\n        const label = document.createElement('span');\n        label.textContent = `${i}`;\n        wrapper.appendChild(canvas);\n        wrapper.appendChild(dots);\n        wrapper.appendChild(label);\n        container.appendChild(wrapper);\n\n        // Render after appending to DOM — Safari requires the canvas to be\n        // in the visible tree before getContext/render produces output.\n        const ctx = canvas.getContext('2d');\n        page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n          this.renderFieldsOnCanvas(ctx, i, viewport);\n          // Force Safari to composit the canvas by toggling a style property\n          canvas.style.opacity = '0.99';\n          requestAnimationFrame(() => {\n            canvas.style.opacity = '1';\n          });\n        });\n      });\n    }\n  }\n\n  private outsideClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    if (!path.includes(this.component)) {\n      this.showThumbnails = false;\n      this.showZoomMenu = false;\n      this.showPageMenu = false;\n      document.removeEventListener('click', this.outsideClickHandler);\n    }\n  };\n\n  private zoomMenuClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n    const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n    if (!path.includes(menu) && !path.includes(btn)) {\n      this.showZoomMenu = false;\n      document.removeEventListener('click', this.zoomMenuClickHandler, true);\n    }\n  };\n\n  private pageMenuClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n    const btn = this.component.shadowRoot.getElementById('page-level-btn');\n    if (!path.includes(menu) && !path.includes(btn)) {\n      this.showPageMenu = false;\n      document.removeEventListener('click', this.pageMenuClickHandler, true);\n    }\n  };\n\n  private applyUndo() {\n    const mutations = undo();\n    if (!mutations) return;\n    this.editor._skipHistory = true;\n    this.editor.mutate.emit(mutations);\n  }\n\n  private applyRedo() {\n    const mutations = redo();\n    if (!mutations) return;\n    this.editor._skipHistory = true;\n    this.editor.mutate.emit(mutations);\n  }\n\n  componentWillLoad() {\n    this.zoom = this.editor.zoom;\n  }\n\n  @Watch('page')\n  onPageChange() {\n    if (this.showThumbnails) {\n      this.renderThumbnails();\n      requestAnimationFrame(() => {\n        const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n        const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n        if (wrapper && container) {\n          const gap = 12; // 0.75rem\n          const wrapperTop = wrapper.offsetTop - container.offsetTop;\n          const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n          const scrollTop = container.scrollTop;\n          const viewHeight = container.clientHeight;\n\n          if (wrapperTop - gap < scrollTop) {\n            container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n          } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n            container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const isPreview = this.mode === 'preview';\n    return (\n      <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n        {!isPreview && (\n          <div class={'ls-dv-controls-bar'}>\n            <div class={'ls-dv-status-bar-section'}>\n              <button onClick={() => this.applyUndo()} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n                <ls-icon name=\"undo-icon\" size={18} />\n              </button>\n              <button onClick={() => this.applyRedo()} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n                <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n              </button>\n            </div>\n          </div>\n        )}\n        <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n          <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n            <button\n              onClick={() => {\n                this.editor.pagePrev();\n              }}\n              disabled={this.page === 1}\n              id=\"prev-page-btn\"\n              data-tooltip-id=\"ls-dv-tooltip\"\n              data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n            >\n              <ls-icon name=\"chevron-left-icon\" />\n            </button>\n            <button\n              id=\"page-level-btn\"\n              class=\"ls-dv-zoom-level-btn\"\n              onClick={() => {\n                this.showPageMenu = !this.showPageMenu;\n                if (this.showPageMenu) {\n                  requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n                } else {\n                  document.removeEventListener('click', this.pageMenuClickHandler, true);\n                }\n              }}\n            >\n              {this.page} / {this.pageCount}\n            </button>\n            {this.showPageMenu && (\n              <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n                {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n                  <button\n                    class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n                    onClick={() => {\n                      this.goToPage(p);\n                      this.showPageMenu = false;\n                      document.removeEventListener('click', this.pageMenuClickHandler, true);\n                    }}\n                  >\n                    {p}\n                    {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n                  </button>\n                ))}\n              </div>\n            )}\n            <button\n              onClick={() => {\n                this.editor.pageNext();\n              }}\n              disabled={this.page === this.pageCount}\n              id=\"next-page-btn\"\n              data-tooltip-id=\"ls-dv-tooltip\"\n              data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n            >\n              <ls-icon name=\"chevron-right-icon\" />\n            </button>\n          </div>\n        </div>\n        <div class={'ls-dv-status-bar-group'}>\n          <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n            {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n        <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> */}\n            <div class={'ls-dv-status-bar-section'}>\n              <button onClick={() => this.setZoom(this.editor.zoom * 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n                <ls-icon name=\"zoom-out-icon\" />\n              </button>\n              <button\n                id=\"zoom-level-btn\"\n                class=\"ls-dv-zoom-level-btn\"\n                onClick={() => {\n                  this.showZoomMenu = !this.showZoomMenu;\n                  if (this.showZoomMenu) {\n                    requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n                  } else {\n                    document.removeEventListener('click', this.zoomMenuClickHandler, true);\n                  }\n                }}\n              >\n                {Math.round(this.zoom * 100)}%\n              </button>\n              {this.showZoomMenu && (\n                <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n                  {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n                    <button\n                      class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n                      onClick={() => {\n                        this.setZoom(level);\n                        this.showZoomMenu = false;\n                        document.removeEventListener('click', this.zoomMenuClickHandler, true);\n                      }}\n                    >\n                      {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n                    </button>\n                  ))}\n                </div>\n              )}\n              <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n                <ls-icon name=\"zoom-in-icon\" />\n              </button>\n            </div>\n            {!isPreview && (\n              <div class={'ls-dv-status-bar-section'}>\n                <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n                  <ls-icon name=\"fit-width-icon\" />\n                </button>\n                <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n                  <ls-icon name=\"fit-height-icon\" />\n                </button>\n              </div>\n            )}\n\n            <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n              <button\n                onClick={() => {\n                  this.showThumbnails = !this.showThumbnails;\n                  if (this.showThumbnails) {\n                    requestAnimationFrame(() => {\n                      requestAnimationFrame(() => {\n                        this.renderThumbnails();\n                        document.addEventListener('click', this.outsideClickHandler);\n                      });\n                    });\n                  } else {\n                    document.removeEventListener('click', this.outsideClickHandler);\n                  }\n                }}\n                id=\"page-thumbnails-btn\"\n                data-tooltip-id=\"ls-dv-tooltip\"\n                data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n              >\n                <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n              </button>\n            </div>\n            {this.showThumbnails && (\n              <div class=\"ls-dv-thumbnail-popover\">\n                <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n              </div>\n            )}\n          </div>\n          {!isPreview && <ls-helper-bar />}\n          <span class=\"ls-dv-version\">v{version}</span>\n          <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n  tag: 'ls-statusbar',\n  styleUrl: 'ls-statusbar.scss',\n  shadow: true,\n})\nexport class LsStatusbar {\n  @Element() component: HTMLElement;\n  /**\n   * The zoom or scale level 100 === 100%.\n   * {number}\n   */\n  @Prop({ mutable: true }) zoom: number;\n  @Prop({ mutable: true }) page: number;\n  @Prop({ mutable: true }) pageCount: number;\n\n  @State() showThumbnails: boolean = false;\n  @State() showZoomMenu: boolean = false;\n  @State() showPageMenu: boolean = false;\n\n  /**\n   * The parent editor control.\n   * {LsDocumentViewer}\n   */\n  @Prop() editor: LsDocumentViewer;\n  @Prop() canUndo: boolean = false;\n  @Prop() canRedo: boolean = false;\n\n  /**\n   * The viewer mode.\n   * {'preview' | 'editor' | 'compose'}\n   */\n  @Prop() mode: 'preview' | 'editor' | 'compose' = 'editor';\n\n  setZoom(value: number) {\n    this.editor.setZoom(value);\n    this.zoom = value;\n  }\n\n  fitWidth() {\n    const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n    const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n    requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n  }\n\n  fitHeight() {\n    const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n    const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n    const wrapperStyle = getComputedStyle(wrapper);\n    const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n    const availableHeight = midArea.clientHeight - paddingY;\n    const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n  }\n\n  goToPage(pageNum: number) {\n    const diff = pageNum - this.editor.pageNum;\n    if (diff > 0) {\n      for (let i = 0; i < diff; i++) this.editor.pageNext();\n    } else {\n      for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n    }\n    this.page = pageNum;\n    this.renderThumbnails();\n  }\n\n  getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n    const template = (this.editor as any)._template;\n    if (!template?.elementConnection?.templateElements) return [];\n    const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n    const signerCounts = new Map<number, number>();\n    fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) || 0) + 1));\n    return Array.from(signerCounts.entries())\n      .sort(([a], [b]) => {\n        const baseA = a % 100;\n        const baseB = b % 100;\n        if (baseA !== baseB) return baseA - baseB;\n        return a - b;\n      })\n      .map(([s, count]) => {\n        const role = template.roles?.find(r => r.signerIndex === s);\n        const colorIndex = s % 100;\n        return {\n          s40: defaultRolePalette[colorIndex]?.s40 || defaultRolePalette[0].s40,\n          s60: defaultRolePalette[colorIndex]?.s60 || defaultRolePalette[0].s60,\n          s70: defaultRolePalette[colorIndex]?.s70 || defaultRolePalette[0].s70,\n          name: role?.name || `Participant ${s}`,\n          count,\n        };\n      });\n  }\n\n  getPageFields(pageNum: number) {\n    const template = (this.editor as any)._template;\n    if (!template?.elementConnection?.templateElements) return [];\n    return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n  }\n\n  renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n    const fields = this.getPageFields(pageNum);\n    fields.forEach(field => {\n      const colorIndex = field.signer % 100;\n      const palette = defaultRolePalette[colorIndex] || defaultRolePalette[0];\n      const x = field.ax * viewport.width;\n      const y = field.ay * viewport.height;\n      const w = (field.bx - field.ax) * viewport.width;\n      const h = (field.by - field.ay) * viewport.height;\n\n      ctx.fillStyle = palette.s40 + '1a';\n      ctx.fillRect(x, y, w, h);\n      ctx.strokeStyle = palette.s60;\n      ctx.lineWidth = 1;\n      if (field.signer >= 100) {\n        ctx.setLineDash([2, 2]);\n      }\n      ctx.strokeRect(x, y, w, h);\n      ctx.setLineDash([]);\n    });\n  }\n\n  renderThumbnails() {\n    const pdfDoc = (this.editor as any).pdfDocument;\n    if (!pdfDoc) return;\n    const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n    if (!container) return;\n    container.innerHTML = '';\n\n    for (let i = 1; i <= this.pageCount; i++) {\n      pdfDoc.getPage(i).then(page => {\n        const viewport = page.getViewport({ scale: 0.2 });\n        const canvas = document.createElement('canvas');\n        canvas.width = viewport.width;\n        canvas.height = viewport.height;\n        canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n        canvas.addEventListener('click', () => this.goToPage(i));\n\n        const wrapper = document.createElement('div');\n        wrapper.className = 'ls-dv-thumbnail-wrapper';\n        wrapper.addEventListener('click', () => this.goToPage(i));\n\n        const dots = document.createElement('div');\n        dots.className = 'ls-dv-thumbnail-dots';\n        this.getPageFieldColors(i).forEach(color => {\n          const dot = document.createElement('span');\n          dot.className = 'ls-dv-thumbnail-dot';\n          dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n          dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n          dot.style.setProperty('--dot-color-40', color.s40);\n          dot.style.setProperty('--dot-color-60', color.s60);\n          dot.style.setProperty('--dot-color-70', color.s70);\n          dots.appendChild(dot);\n        });\n\n        const label = document.createElement('span');\n        label.textContent = `${i}`;\n        wrapper.appendChild(canvas);\n        wrapper.appendChild(dots);\n        wrapper.appendChild(label);\n        container.appendChild(wrapper);\n\n        // Render after appending to DOM — Safari requires the canvas to be\n        // in the visible tree before getContext/render produces output.\n        const ctx = canvas.getContext('2d');\n        page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n          this.renderFieldsOnCanvas(ctx, i, viewport);\n          // Force Safari to composit the canvas by toggling a style property\n          canvas.style.opacity = '0.99';\n          requestAnimationFrame(() => {\n            canvas.style.opacity = '1';\n          });\n        });\n      });\n    }\n  }\n\n  private outsideClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    if (!path.includes(this.component)) {\n      this.showThumbnails = false;\n      this.showZoomMenu = false;\n      this.showPageMenu = false;\n      document.removeEventListener('click', this.outsideClickHandler);\n    }\n  };\n\n  private zoomMenuClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n    const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n    if (!path.includes(menu) && !path.includes(btn)) {\n      this.showZoomMenu = false;\n      document.removeEventListener('click', this.zoomMenuClickHandler, true);\n    }\n  };\n\n  private pageMenuClickHandler = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n    const btn = this.component.shadowRoot.getElementById('page-level-btn');\n    if (!path.includes(menu) && !path.includes(btn)) {\n      this.showPageMenu = false;\n      document.removeEventListener('click', this.pageMenuClickHandler, true);\n    }\n  };\n\n  private applyUndo() {\n    const mutations = undo();\n    if (!mutations) return;\n    this.editor._skipHistory = true;\n    this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n  }\n\n  private applyRedo() {\n    const mutations = redo();\n    if (!mutations) return;\n    this.editor._skipHistory = true;\n    this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n  }\n\n  componentWillLoad() {\n    this.zoom = this.editor.zoom;\n  }\n\n  @Watch('page')\n  onPageChange() {\n    if (this.showThumbnails) {\n      this.renderThumbnails();\n      requestAnimationFrame(() => {\n        const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n        const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n        if (wrapper && container) {\n          const gap = 12; // 0.75rem\n          const wrapperTop = wrapper.offsetTop - container.offsetTop;\n          const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n          const scrollTop = container.scrollTop;\n          const viewHeight = container.clientHeight;\n\n          if (wrapperTop - gap < scrollTop) {\n            container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n          } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n            container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const isPreview = this.mode === 'preview';\n    return (\n      <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n        {!isPreview && (\n          <div class={'ls-dv-controls-bar'}>\n            <div class={'ls-dv-status-bar-section'}>\n              <button onClick={() => this.applyUndo()} disabled={!this.canUndo} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n                <ls-icon name=\"undo-icon\" size={18} />\n              </button>\n              <button onClick={() => this.applyRedo()} disabled={!this.canRedo} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n                <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n              </button>\n            </div>\n          </div>\n        )}\n        <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n          <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n            <button\n              onClick={() => {\n                this.editor.pagePrev();\n              }}\n              disabled={this.page === 1}\n              id=\"prev-page-btn\"\n              data-tooltip-id=\"ls-dv-tooltip\"\n              data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n            >\n              <ls-icon name=\"chevron-left-icon\" />\n            </button>\n            <button\n              id=\"page-level-btn\"\n              class=\"ls-dv-zoom-level-btn\"\n              onClick={() => {\n                this.showPageMenu = !this.showPageMenu;\n                if (this.showPageMenu) {\n                  requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n                } else {\n                  document.removeEventListener('click', this.pageMenuClickHandler, true);\n                }\n              }}\n            >\n              {this.page} / {this.pageCount}\n            </button>\n            {this.showPageMenu && (\n              <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n                {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n                  <button\n                    class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n                    onClick={() => {\n                      this.goToPage(p);\n                      this.showPageMenu = false;\n                      document.removeEventListener('click', this.pageMenuClickHandler, true);\n                    }}\n                  >\n                    {p}\n                    {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n                  </button>\n                ))}\n              </div>\n            )}\n            <button\n              onClick={() => {\n                this.editor.pageNext();\n              }}\n              disabled={this.page === this.pageCount}\n              id=\"next-page-btn\"\n              data-tooltip-id=\"ls-dv-tooltip\"\n              data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n            >\n              <ls-icon name=\"chevron-right-icon\" />\n            </button>\n          </div>\n        </div>\n        <div class={'ls-dv-status-bar-group'}>\n          <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n            {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n        <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> */}\n            <div class={'ls-dv-status-bar-section'}>\n              <button onClick={() => this.setZoom(this.editor.zoom * 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n                <ls-icon name=\"zoom-out-icon\" />\n              </button>\n              <button\n                id=\"zoom-level-btn\"\n                class=\"ls-dv-zoom-level-btn\"\n                onClick={() => {\n                  this.showZoomMenu = !this.showZoomMenu;\n                  if (this.showZoomMenu) {\n                    requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n                  } else {\n                    document.removeEventListener('click', this.zoomMenuClickHandler, true);\n                  }\n                }}\n              >\n                {Math.round(this.zoom * 100)}%\n              </button>\n              {this.showZoomMenu && (\n                <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n                  {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n                    <button\n                      class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n                      onClick={() => {\n                        this.setZoom(level);\n                        this.showZoomMenu = false;\n                        document.removeEventListener('click', this.zoomMenuClickHandler, true);\n                      }}\n                    >\n                      {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n                    </button>\n                  ))}\n                </div>\n              )}\n              <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n                <ls-icon name=\"zoom-in-icon\" />\n              </button>\n            </div>\n            {!isPreview && (\n              <div class={'ls-dv-status-bar-section'}>\n                <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n                  <ls-icon name=\"fit-width-icon\" />\n                </button>\n                <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n                  <ls-icon name=\"fit-height-icon\" />\n                </button>\n              </div>\n            )}\n\n            <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n              <button\n                onClick={() => {\n                  this.showThumbnails = !this.showThumbnails;\n                  if (this.showThumbnails) {\n                    requestAnimationFrame(() => {\n                      requestAnimationFrame(() => {\n                        this.renderThumbnails();\n                        document.addEventListener('click', this.outsideClickHandler);\n                      });\n                    });\n                  } else {\n                    document.removeEventListener('click', this.outsideClickHandler);\n                  }\n                }}\n                id=\"page-thumbnails-btn\"\n                data-tooltip-id=\"ls-dv-tooltip\"\n                data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n              >\n                <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n              </button>\n            </div>\n            {this.showThumbnails && (\n              <div class=\"ls-dv-thumbnail-popover\">\n                <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n              </div>\n            )}\n          </div>\n          {!isPreview && <ls-helper-bar />}\n          <span class=\"ls-dv-version\">v{version}</span>\n          <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}