npm - legalesign-document-viewer - Versions diffs - 0.9.21 → 0.9.23 - Mend

legalesign-document-viewer 0.9.21 → 0.9.23

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 (486) hide show

package/dist/components/{p-D7bwh5bc.js.map → p-DLJvb8vE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D7bwh5bc.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-alignment/ls-field-alignment.scss?tag=ls-field-alignment&encapsulation=shadow","src/components/ls-field-alignment/ls-field-alignment.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-alignment',\n styleUrl: 'ls-field-alignment.scss',\n shadow: true,\n})\nexport class LsFieldAlignment {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\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 // Get the top-left-most control (anchor for all alignments)\n getAnchorControl(): LSApiElement {\n return this.dataItem.reduce((topLeftMost, current) => {\n // Prioritize top position first, then left if tops are equal\n if (current.top < topLeftMost.top) {\n return current;\n } else if (current.top === topLeftMost.top && current.left < topLeftMost.left) {\n return current;\n }\n return topLeftMost;\n }, this.dataItem[0]);\n }\n\n right() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.left + anchor.width;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newLeft = alignTo - c.width;\n\n return {\n action: 'update',\n data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width,\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n center() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.left + anchor.width / 2;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newLeft = alignTo - c.width / 2;\n return {\n action: 'update',\n data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width,\n } as LSApiElement,\n };\n });\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n top() {\n const anchor = this.getAnchorControl();\n this.alter({ top: anchor.top });\n }\n\n left() {\n const anchor = this.getAnchorControl();\n this.alter({ left: anchor.left });\n }\n\n middle() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.top + anchor.height / 2;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newTop = alignTo - c.height / 2;\n return {\n action: 'update',\n data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height,\n } as LSApiElement,\n };\n });\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n bottom() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.top + anchor.height;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newTop = alignTo - c.height;\n return {\n action: 'update',\n data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height,\n } 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 render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n </div>\n <div class={'ls-dv-multi-button-group-row'}>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.left()} aria-label={dvI18n.t('alignment.alignleft')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')}>\n <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n </button>\n <button onClick={() => this.center()} aria-label={dvI18n.t('alignment.aligncenter')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')}>\n <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.right();\n }}\n aria-label={dvI18n.t('alignment.alignright')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')}\n >\n <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n </button>\n </div>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.top()} aria-label={dvI18n.t('alignment.aligntop')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')}>\n <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n </button>\n <button onClick={() => this.middle()} aria-label={dvI18n.t('alignment.alignmiddle')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')}>\n <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n </button>\n <button onClick={() => this.bottom()} aria-label={dvI18n.t('alignment.alignbottom')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')}>\n <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DLJvb8vE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-alignment/ls-field-alignment.scss?tag=ls-field-alignment&encapsulation=shadow","src/components/ls-field-alignment/ls-field-alignment.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-alignment',\n styleUrl: 'ls-field-alignment.scss',\n shadow: true,\n})\nexport class LsFieldAlignment {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\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 // Get the top-left-most control (anchor for all alignments)\n getAnchorControl(): LSApiElement {\n return this.dataItem.reduce((topLeftMost, current) => {\n // Prioritize top position first, then left if tops are equal\n if (current.top < topLeftMost.top) {\n return current;\n } else if (current.top === topLeftMost.top && current.left < topLeftMost.left) {\n return current;\n }\n return topLeftMost;\n }, this.dataItem[0]);\n }\n\n right() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.left + anchor.width;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newLeft = alignTo - c.width;\n\n return {\n action: 'update',\n data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width,\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n center() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.left + anchor.width / 2;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newLeft = alignTo - c.width / 2;\n return {\n action: 'update',\n data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width,\n } as LSApiElement,\n };\n });\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n top() {\n const anchor = this.getAnchorControl();\n this.alter({ top: anchor.top });\n }\n\n left() {\n const anchor = this.getAnchorControl();\n this.alter({ left: anchor.left });\n }\n\n middle() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.top + anchor.height / 2;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newTop = alignTo - c.height / 2;\n return {\n action: 'update',\n data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height,\n } as LSApiElement,\n };\n });\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n bottom() {\n const anchor = this.getAnchorControl();\n const alignTo = anchor.top + anchor.height;\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n const newTop = alignTo - c.height;\n return {\n action: 'update',\n data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height,\n } 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 render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n </div>\n <div class={'ls-dv-multi-button-group-row'}>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.left()} aria-label={dvI18n.t('alignment.alignleft')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')}>\n <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n </button>\n <button onClick={() => this.center()} aria-label={dvI18n.t('alignment.aligncenter')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')}>\n <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.right();\n }}\n aria-label={dvI18n.t('alignment.alignright')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')}\n >\n <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n </button>\n </div>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.top()} aria-label={dvI18n.t('alignment.aligntop')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')}>\n <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n </button>\n <button onClick={() => this.middle()} aria-label={dvI18n.t('alignment.alignmiddle')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')}>\n <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n </button>\n <button onClick={() => this.bottom()} aria-label={dvI18n.t('alignment.alignbottom')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')}>\n <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-3MMDk3sy.js → p-DN9dmmkk.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$2 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=number]{width:max-content;max-width:3rem}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -56,31 +56,31 @@ const LsFieldFormat = /*@__PURE__*/ proxyCustomElement(class LsFieldFormat exten
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '6b23fc93d340a8054fb46d803c0ad862128a22b5', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '10ac53711a8c3d7020afa6834a80a8dcb11660a2', class: 'ls-dv-field-format-bar' }, h("div", { key: 'c29d49c58b71f07a166f8a5d4df47282dbe04557', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: 'b7cf6238ef856a83d61be45f6fe8d3b3123fc2f2', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '23ff73054e519c36b5e1952819561fdbb9d5234a', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: 'a30cfc986e0ffb27427cceb442475cf4555e4413', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '52fac60e65e1d4cc6fc7b1c880ab18bdc9b15209', class: 'ls-dv-field-format-bar' }, h("div", { key: 'a2a8c49a08a5fb178f1b1e33d04bbeaf7685c6b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '3ca17f5993952362605535e56166ecde5bde0478', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '1b043cc3013f7f6e80dddccd23dc54aae11688d0', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: 'edc81ecb32cd23653374a5fb07673a6fcd1c8e10', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '0a1cd00578f7ab5a96ccc3721ca2aeae9771a808', value: "arial" }, "Arial"), h("option", { key: 'dd9f74095bf72ae78482bf8a305ed6a162ab9fe9', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2cab344aa9a74af5a32753d3946b900584470607', value: "courier" }, "Courier"), h("option", { key: '48c9a29804245beb2b469142b59ebf986a34cc13', value: "helvetica" }, "Helvetica"), h("option", { key: '5a1af383288abc9ace1854c5378e192ac26efc43', value: "verdana" }, "Verdana")), h("ls-icon", { key: 'fadfd9e9dd064e24595b4f1a14139dc90fe9f483', id: "selectorIcon", name: "selector-icon" })), h("div", { key: 'ddb6a2932520121ef646250ac09cfa3e69d72e39', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '8905ee23f2fd530fc0209ac2c0fd6b21eaddc111', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'b418cc56b2da051b428f16ba5ccacd17a5dacf83', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '67cf7d2fe34fc980065c73ea8f31fa53737bce82', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '6874d63750b95da6078128b758060a5a5b7027b0', value: "arial" }, "Arial"), h("option", { key: 'bd6ad75adf8b0b3c627eebead981bb70e6552576', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '701df08cbb9304ba133a5a22859fcf2969ed346b', value: "courier" }, "Courier"), h("option", { key: '2e6543181136d996999414f7417c0975c6f3f241', value: "helvetica" }, "Helvetica"), h("option", { key: '6899f4e88c3e961ecf44825d88f597338c8299a6', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2c23e090ada507f25a8cfd28f008490928fb2d6d', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '7c78dbd2488e7d1d4160023fbf0e7841a098e4b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '2950ad5c3a4fae0b8ef561207506fc8a08fa63b6', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '366854e50d871a9f28e8794dd055e18f628b6a1d', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '04a35200f07cf18591c8ab8547f73705a52a8257', class: 'ls-dv-button-group' }, h("button", { key: '5d8f5c0944094832d286380851bb021df01ff805', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '27ee621bbc68e397ef17f8b47aaa58af14ff35c4', class: 'ls-dv-button-group' }, h("button", { key: '32115e771209bd271e8a84e67be8bc737569235e', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'fc8a467f6dbba2abc94caa708a15901add9b1f33', name: "menu-alt-2-icon" })), h("button", { key: '13cc9502982f0faadb190a7031c728f79e72b199', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'edb58e9b830825d44965b49c7afe2a8ac53f0294', name: "menu-alt-2-icon" })), h("button", { key: '5f915c921b9be965707ab89224d070246f9883a8', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: 'd04829812fda158285f5a5fbd2aea62c40ebc9f3', name: "menu-alt-5-icon" })), h("button", { key: '8a686e1b1df08ee37514eba1085725667dff0293', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '25f88a7a103ae302ea5dd9b93400cda22b388498', name: "menu-alt-5-icon" })), h("button", { key: '62787902f13ec6f870ae1e533416b58f5553ebd7', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '217c9ad02f7499f127a76bf118ae817a997e89cc', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '5d605266235bbcb00b0979235a91a66e086db93b', class: 'ls-dv-field-format-bar' }, h("div", { key: '0da3b47516c59592d6b3e837c92521efd4b5c5c7', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '26edf0fafae6448256518118b2acd3250ce42e99', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: '3d1d424d1d615c5bdac1837638c727a8421a1a15', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '4202bfd331d0dc984b83b540e297c36931a48082', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '6930b9223a758a6f8b42c466739612ef3d6b67d5', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93faac03f2360ffdb2b9108ad867a667c1c286ad', class: 'ls-dv-field-format-bar' }, h("div", { key: '64132c9d4eab4ae39e44fe47d8054589d23cd382', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '294ff2c8f5ec22da2667616f3ca9c976475a95a3', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: 'bc8f8e348c5d80a5e9685e5daa305f160216fb19', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '5107e3ee8eaab44b4e86483bd2350ea63c20e6bc', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '0e59e235bda33e1cfb2fee4331134f47ad3a597f', value: "arial" }, "Arial"), h("option", { key: '5894b9ad447782e2d9b5e95911e0c956418fc3a0', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2e94fc53e42255fb9c478fa46152a3016b9b0756', value: "courier" }, "Courier"), h("option", { key: 'c9fd646a70afbb1f1935b190cc3d1d7b724e8307', value: "helvetica" }, "Helvetica"), h("option", { key: '8b210d9140b6bcd7bc375e1013c672122e111212', value: "verdana" }, "Verdana"))), h("div", { key: '67d56df75bedbd3831a7359d305c08c6bbf06ae2', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '668ea18cc6c82457f54ae7adc61fbe0c5553509e', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'e247ed75673eb9bd2989e64178a46f1f46ed460a', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '920297ef5b4aebe491a443ce49d1d5e562af6a45', value: "arial" }, "Arial"), h("option", { key: '88e02f1c303035268adeafaa7d41b4e55c363244', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '60d38b842f30969235e6d17ed4a9394ea1d5f481', value: "courier" }, "Courier"), h("option", { key: '94f13f530eed3b58557cc8f21a29bcd9faf48ddd', value: "helvetica" }, "Helvetica"), h("option", { key: '5ed34e08ce75ad09eae4a13b0f7954777cbd80a2', value: "verdana" }, "Verdana"))), h("div", { key: '3cc803cb4fc197f49c1f013707b51d8dd777fc88', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '17d2bd94b28f40fd3d99958f78599f46b670b0f5', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'd3da7becaae40a614e3830d7e0b8fe1ae0862a9e', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '02da6c033e42a77b914bbbbfb171595ca5c81345', class: 'ls-dv-button-group' }, h("button", { key: '639542f1e98d4993341b83a26186c86cac7a4727', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '89671bf2c0be560096f7a4c30f34560835ba474f', class: 'ls-dv-button-group' }, h("button", { key: 'a9031769ea7f8341c2785bf7856616d15eb30242', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '7d6d6d250cb615eeb454785f74da70775e9043f3', name: "menu-alt-2-icon" })), h("button", { key: 'afa2fc53bedd0b3b85b102cc113a78515260d554', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'a552e176a9b1eefa3d98b499d40a051c6890699a', name: "menu-alt-2-icon" })), h("button", { key: 'cd8fcf405d9e01b6ef05f73969bf5aa745a5cc5f', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '568ef51278adbe4aeb5b222456edea73e6857cc5', name: "menu-alt-5-icon" })), h("button", { key: '1493af110aa908defbe80ccaf06f889c55da0457', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '175863219aa3c0f2e5896b449af6b39d0c16ce35', name: "menu-alt-5-icon" })), h("button", { key: '9ad50c653dc8841f3d365efe6fd3f7990b98cdf5', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: 'd1b0a7941e026b8da9a36b8b2625226ffb065d88', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '50cd13a98e7cb172bb78b18d03b660bb6e0d838f', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '5f43493886d11b50785b376286350c3dae6e2553', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '59262818661db8f250aa92a9a2c9b1014964d629', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "dataItem": ["selectFieldsHandler"]
@@ -117,6 +117,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldFormat as L, defineCustomElement as d };
-//# sourceMappingURL=p-3MMDk3sy.js.map
+//# sourceMappingURL=p-DN9dmmkk.js.map
-//# sourceMappingURL=p-3MMDk3sy.js.map
+//# sourceMappingURL=p-DN9dmmkk.js.map

package/dist/components/{p-3MMDk3sy.js.map → p-DN9dmmkk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-3MMDk3sy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-format/ls-field-format.scss?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-dv-field-format-bar {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n}\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='number'] {\n width: max-content;\n max-width: 3rem;\n\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n","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 handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\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 HTMLInputElement;\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 return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };\n };\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\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'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n 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 <input\n id=\"ls-toolbar-font-size\"\n type='number'\n min=\"4\"\n value={this.allElementsSame()?.fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\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 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 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'}\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 <input\n id=\"ls-toolbar-font-size\"\n type=\"number\"\n min=\"4\"\n size={4}\n value={this.dataItem[0].fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\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 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 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}
1	+ {"file":"p-DN9dmmkk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-format/ls-field-format.scss?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-dv-field-format-bar {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n}\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='number'] {\n width: max-content;\n max-width: 3rem;\n\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n","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 handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\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 HTMLInputElement;\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 return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };\n };\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\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'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n 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 <input\n id=\"ls-toolbar-font-size\"\n type='number'\n min=\"4\"\n value={this.allElementsSame()?.fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\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 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 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'}\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 <input\n id=\"ls-toolbar-font-size\"\n type=\"number\"\n min=\"4\"\n size={4}\n value={this.dataItem[0].fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\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 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 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}