@omegagrid/core 0.9.38 → 0.9.39
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.
- package/dist/common/dom.d.ts +3 -0
- package/dist/common/dom.d.ts.map +1 -1
- package/dist/common/dom.js +12 -0
- package/dist/common/dom.js.map +1 -1
- package/dist/common/logger.d.ts +5 -3
- package/dist/common/logger.d.ts.map +1 -1
- package/dist/common/logger.js +14 -10
- package/dist/common/logger.js.map +1 -1
- package/dist/themes/definitions/tmDark.d.ts.map +1 -1
- package/dist/themes/definitions/tmDark.js +11 -10
- package/dist/themes/definitions/tmDark.js.map +1 -1
- package/dist/themes/definitions/tmLight.d.ts.map +1 -1
- package/dist/themes/definitions/tmLight.js +16 -15
- package/dist/themes/definitions/tmLight.js.map +1 -1
- package/dist/themes/helpers.d.ts.map +1 -1
- package/dist/themes/helpers.js +3 -1
- package/dist/themes/helpers.js.map +1 -1
- package/dist/themes/transformations.d.ts +3 -1
- package/dist/themes/transformations.d.ts.map +1 -1
- package/dist/themes/transformations.js +36 -20
- package/dist/themes/transformations.js.map +1 -1
- package/dist/types.d.ts +11 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/ui/close.d.ts +6 -0
- package/dist/ui/close.d.ts.map +1 -0
- package/dist/ui/close.js +33 -0
- package/dist/ui/close.js.map +1 -0
- package/dist/ui/dropdown.d.ts +5 -0
- package/dist/ui/dropdown.d.ts.map +1 -1
- package/dist/ui/dropdown.js +48 -10
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdownMenu.d.ts +1 -1
- package/dist/ui/dropdownMenu.d.ts.map +1 -1
- package/dist/ui/dropdownMenu.js +26 -32
- package/dist/ui/dropdownMenu.js.map +1 -1
- package/dist/ui/floatingWindow.d.ts +3 -0
- package/dist/ui/floatingWindow.d.ts.map +1 -1
- package/dist/ui/floatingWindow.js +14 -7
- package/dist/ui/floatingWindow.js.map +1 -1
- package/dist/ui/icon.d.ts +2 -0
- package/dist/ui/icon.d.ts.map +1 -1
- package/dist/ui/icon.js +4 -1
- package/dist/ui/icon.js.map +1 -1
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +1 -0
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/list.d.ts +1 -0
- package/dist/ui/list.d.ts.map +1 -1
- package/dist/ui/list.js +20 -16
- package/dist/ui/list.js.map +1 -1
- package/dist/ui/menu.d.ts.map +1 -1
- package/dist/ui/menu.js +1 -0
- package/dist/ui/menu.js.map +1 -1
- package/dist/ui/slider.style.d.ts.map +1 -1
- package/dist/ui/slider.style.js +5 -2
- package/dist/ui/slider.style.js.map +1 -1
- package/dist/ui/splitContainer.d.ts +1 -0
- package/dist/ui/splitContainer.d.ts.map +1 -1
- package/dist/ui/splitContainer.js +21 -4
- package/dist/ui/splitContainer.js.map +1 -1
- package/dist/ui/splitContainer.style.d.ts.map +1 -1
- package/dist/ui/splitContainer.style.js +11 -4
- package/dist/ui/splitContainer.style.js.map +1 -1
- package/dist/ui/tooltip.d.ts +1 -1
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +1 -1
- package/dist/ui/tooltip.js.map +1 -1
- package/package.json +2 -2
package/dist/ui/icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { isObject } from '../common/utils';\nimport { LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { config, icon, layer, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';\nimport { style } from './icon.style';\n\nexport type IconSpec = {\n\ticon: string|[string, string],\n\tcolor?: string,\n\tstatusIcon?: string|[string, string],\n\tstatusColor?: string,\n\tsize?: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null,\n\trotation?: number,\n};\n\n@customElement(`${constants.PREFIX}-icon`)\nexport class Icon extends LitElement {\n\n\tstatic defaultIconSet: string;\n\tstatic defaultStatusIconSet: string;\n\t\n\t// get iconSet(): string { return Icon.defaultIconSet || config.styleDefault }\n\t// get statusIconSet(): string { return Icon.defaultStatusIconSet || config.styleDefault }\n\n\tstatic styles = [style, css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.svg-inline--fa {\n\t\t\tbox-sizing: content-box;\n\t\t\tdisplay: var(--fa-display, inline-block);\n\t\t\theight: 1em;\n\t\t\toverflow: visible;\n\t\t\tvertical-align: -0.125em;\n\t\t\twidth: var(--fa-width, 1.25em);\n\t\t}\n\n\t\t.status-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\t`];\n\n\tprivate _icon: IconSpec;\n\n\t@property({type: Boolean})\n\tfixedWidth = false;\n\n\t@property({type: Boolean})\n\tspin = false;\n\n\t@property({type: Boolean})\n\treverseSpin = false;\n\n\t@property({type: Boolean})\n\tflip = false;\n\n\t@property({type: Boolean})\n\tpulse = false;\n\n\t@property({type: Boolean})\n\tspinPulse = false;\n\n\t@property({type: Boolean})\n\tbounce = false;\n\n\t@property({type: Boolean})\n\tshake = false;\n\n\t@property({type: Boolean})\n\tbeat = false;\n\n\t@property({type: Boolean})\n\tfade = false;\n\n\t@property({type: Boolean})\n\tbeatFade = false;\n\n\t@property({type: Boolean})\n\tpullLeft = false;\n\n\t@property({type: Boolean})\n\tpullRight = false;\n\n\t@property({type: String})\n\tsize: string;\n\n\t@property({type: String})\n\tcolor: string;\n\n\t@property()\n\tset icon(value: IconSpec|string) { \n\t\tthis._icon = (isObject(value) ? value : {icon: value}) as IconSpec;\n\t\tthis.requestUpdate();\n\t}\n\tget icon(): IconSpec|string { return this._icon }\n\n\tget iconName() {\n\t\tif (!this._icon || !this._icon.icon) return null;\n\t\treturn Array.isArray(this._icon.icon) ? this._icon.icon[1] : this._icon.icon;\n\t}\n\n\tget prefix() {\n\t\treturn (Array.isArray(this._icon.icon) ? this._icon.icon[0] : (Icon.defaultIconSet || config.styleDefault)) as IconPrefix;\n\t}\n\n\tget iconSize() {\n\t\treturn this.size || this._icon.size || '1x';\n\t}\n\n\tget iconColor() {\n\t\treturn this.color || this._icon.color;\n\t}\n\n\tget statusIconName() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[1] : this._icon.statusIcon;\n\t}\n\n\tget statusIconPrefix() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[0] : this.prefix;\n\t}\n\n\tget statusIconColor() {\n\t\treturn this._icon.statusColor || this.iconColor;\n\t}\n\n\tcreateMainIcon() {\n\t\treturn icon(\n\t\t\t{prefix: this.prefix, iconName: this.iconName as IconName},\n\t\t\t{classes: [\n\t\t\t\t`fa-${this.iconSize}`, \n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null,\n\t\t\t\tthis.reverseSpin ? 'fa-spin-reverse' : this.spin ? 'fa-spin' : null,\n\t\t\t\tthis.pulse ? 'fa-pulse' : null,\n\t\t\t\tthis.flip ? 'fa-flip' : null,\n\t\t\t\tthis.bounce ? 'fa-bounce' : null,\n\t\t\t\tthis.shake ? 'fa-shake' : null,\n\t\t\t\tthis.beat ? 'fa-beat' : null,\n\t\t\t\tthis.fade ? 'fa-fade' : null,\n\t\t\t\tthis.beatFade ? 'fa-beat-fade' : null,\n\t\t\t\tthis.pullLeft ? 'fa-pull-left' : this.pullRight ? 'fa-pull-right' : null,\n\t\t\t].filter(c => c)}\n\t\t);\n\t}\n\n\tcreateLayeredIcon() {\n\t\tconst mainIcon = this.createMainIcon();\n\n\t\tconst statusIcon = icon(\n\t\t\t{prefix: this.statusIconPrefix as IconPrefix, iconName: this.statusIconName as IconName},\n\t\t\t{\n\t\t\t\tstyles: this.statusIconColor ? {color: this.statusIconColor} : null,\n\t\t\t\tclasses: ['status-icon'],\n\t\t\t\ttransform: {\n\t\t\t\t\tsize: 8,\n\t\t\t\t\tx: 6,\n\t\t\t\t\ty: 5\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst layeredIcon = layer((push) => {\n\t\t\tpush(mainIcon);\n\t\t\tpush(statusIcon);\n\t\t}, {\n\t\t\tclasses: [\n\t\t\t\t`fa-${this.iconSize}`,\n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null\n\t\t\t].filter(c => c)\n\t\t});\n\n\t\treturn layeredIcon;\n\t}\n\n\tupdated() {\n\t\tif (this.iconColor) {\n\t\t\tthis.style.color = this.iconColor;\n\t\t}\n\n\t\tconst html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon())?.html;\n\t\tthis.shadowRoot.innerHTML = html?.length ? html[0] : '?';\n\t}\n\n}"]}
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { isObject } from '../common/utils';\nimport { LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { config, icon, layer, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';\nimport { style } from './icon.style';\n\nexport type IconSpec = {\n\ticon: string|[string, string],\n\tcolor?: string,\n\tstatusIcon?: string|[string, string],\n\tstatusColor?: string,\n\tsize?: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null,\n\trotation?: number,\n\tfallback?: string\n};\n\n@customElement(`${constants.PREFIX}-icon`)\nexport class Icon extends LitElement {\n\n\tstatic defaultIconSet: string;\n\tstatic defaultStatusIconSet: string;\n\t\n\t// get iconSet(): string { return Icon.defaultIconSet || config.styleDefault }\n\t// get statusIconSet(): string { return Icon.defaultStatusIconSet || config.styleDefault }\n\n\tstatic styles = [style, css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.svg-inline--fa {\n\t\t\tbox-sizing: content-box;\n\t\t\tdisplay: var(--fa-display, inline-block);\n\t\t\theight: 1em;\n\t\t\toverflow: visible;\n\t\t\tvertical-align: -0.125em;\n\t\t\twidth: var(--fa-width, 1.25em);\n\t\t}\n\n\t\t.status-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\t`];\n\n\tprivate _icon: IconSpec;\n\n\t@property({type: Boolean})\n\tfixedWidth = false;\n\n\t@property({type: Boolean})\n\tspin = false;\n\n\t@property({type: Boolean})\n\treverseSpin = false;\n\n\t@property({type: Boolean})\n\tflip = false;\n\n\t@property({type: Boolean})\n\tpulse = false;\n\n\t@property({type: Boolean})\n\tspinPulse = false;\n\n\t@property({type: Boolean})\n\tbounce = false;\n\n\t@property({type: Boolean})\n\tshake = false;\n\n\t@property({type: Boolean})\n\tbeat = false;\n\n\t@property({type: Boolean})\n\tfade = false;\n\n\t@property({type: Boolean})\n\tbeatFade = false;\n\n\t@property({type: Boolean})\n\tpullLeft = false;\n\n\t@property({type: Boolean})\n\tpullRight = false;\n\n\t@property({type: String})\n\tsize: string;\n\n\t@property({type: String})\n\tcolor: string;\n\n\t@property()\n\tset icon(value: IconSpec|string) { \n\t\tthis._icon = (isObject(value) ? value : {icon: value}) as IconSpec;\n\t\tthis.requestUpdate();\n\t}\n\tget icon(): IconSpec|string { return this._icon }\n\n\tget iconName() {\n\t\tif (!this._icon || !this._icon.icon) return null;\n\t\treturn Array.isArray(this._icon.icon) ? this._icon.icon[1] : this._icon.icon;\n\t}\n\n\tget prefix() {\n\t\treturn (Array.isArray(this._icon.icon) ? this._icon.icon[0] : (Icon.defaultIconSet || config.styleDefault)) as IconPrefix;\n\t}\n\n\tget iconSize() {\n\t\treturn this.size || this._icon.size || '1x';\n\t}\n\n\tget iconColor() {\n\t\treturn this.color || this._icon.color;\n\t}\n\n\tget fallback() {\n\t\treturn this._icon?.fallback || '?';\n\t}\n\n\tget statusIconName() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[1] : this._icon.statusIcon;\n\t}\n\n\tget statusIconPrefix() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[0] : this.prefix;\n\t}\n\n\tget statusIconColor() {\n\t\treturn this._icon.statusColor || this.iconColor;\n\t}\n\n\tcreateMainIcon() {\n\t\treturn icon(\n\t\t\t{prefix: this.prefix, iconName: this.iconName as IconName},\n\t\t\t{classes: [\n\t\t\t\t`fa-${this.iconSize}`, \n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null,\n\t\t\t\tthis.reverseSpin ? 'fa-spin-reverse' : this.spin ? 'fa-spin' : null,\n\t\t\t\tthis.pulse ? 'fa-pulse' : null,\n\t\t\t\tthis.flip ? 'fa-flip' : null,\n\t\t\t\tthis.bounce ? 'fa-bounce' : null,\n\t\t\t\tthis.shake ? 'fa-shake' : null,\n\t\t\t\tthis.beat ? 'fa-beat' : null,\n\t\t\t\tthis.fade ? 'fa-fade' : null,\n\t\t\t\tthis.beatFade ? 'fa-beat-fade' : null,\n\t\t\t\tthis.pullLeft ? 'fa-pull-left' : this.pullRight ? 'fa-pull-right' : null,\n\t\t\t].filter(c => c)}\n\t\t);\n\t}\n\n\tcreateLayeredIcon() {\n\t\tconst mainIcon = this.createMainIcon();\n\n\t\tconst statusIcon = icon(\n\t\t\t{prefix: this.statusIconPrefix as IconPrefix, iconName: this.statusIconName as IconName},\n\t\t\t{\n\t\t\t\tstyles: this.statusIconColor ? {color: this.statusIconColor} : null,\n\t\t\t\tclasses: ['status-icon'],\n\t\t\t\ttransform: {\n\t\t\t\t\tsize: 8,\n\t\t\t\t\tx: 6,\n\t\t\t\t\ty: 5\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst layeredIcon = layer((push) => {\n\t\t\tpush(mainIcon);\n\t\t\tpush(statusIcon);\n\t\t}, {\n\t\t\tclasses: [\n\t\t\t\t`fa-${this.iconSize}`,\n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null\n\t\t\t].filter(c => c)\n\t\t});\n\n\t\treturn layeredIcon;\n\t}\n\n\tupdated() {\n\t\tif (this.iconColor) {\n\t\t\tthis.style.color = this.iconColor;\n\t\t}\n\n\t\tconst html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon())?.html;\n\t\tthis.shadowRoot.innerHTML = html?.length ? html[0] : this.fallback;\n\t}\n\n}"]}
|
package/dist/ui/index.d.ts
CHANGED
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
package/dist/ui/index.js
CHANGED
package/dist/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './baseElement';\nexport * from './button';\nexport * from './checkbox';\nexport * from './container';\nexport * from './colorpicker';\nexport * from './dropdown';\nexport * from './dropdownColorPicker';\nexport * from './dropdownList';\nexport * from './dropdownMenu';\nexport * from './expander';\nexport * from './floatingWindow';\nexport * from './icon';\nexport * from './images';\nexport * from './input';\nexport * from './fileInput';\nexport * from './numericInput';\nexport * from './list';\nexport * from './menu';\nexport * from './overlay';\nexport * from './panel';\nexport * from './sizer';\nexport * from './splitContainer';\nexport * from './slider';\nexport * from './sortableList';\nexport * from './switch';\nexport * from './tooltip';\nexport * from './loader';"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './baseElement';\nexport * from './button';\nexport * from './close';\nexport * from './checkbox';\nexport * from './container';\nexport * from './colorpicker';\nexport * from './dropdown';\nexport * from './dropdownColorPicker';\nexport * from './dropdownList';\nexport * from './dropdownMenu';\nexport * from './expander';\nexport * from './floatingWindow';\nexport * from './icon';\nexport * from './images';\nexport * from './input';\nexport * from './fileInput';\nexport * from './numericInput';\nexport * from './list';\nexport * from './menu';\nexport * from './overlay';\nexport * from './panel';\nexport * from './sizer';\nexport * from './splitContainer';\nexport * from './slider';\nexport * from './sortableList';\nexport * from './switch';\nexport * from './tooltip';\nexport * from './loader';"]}
|
package/dist/ui/list.d.ts
CHANGED
|
@@ -41,6 +41,7 @@ export declare class List extends LitElement implements Layout {
|
|
|
41
41
|
disabledFocus: boolean;
|
|
42
42
|
maxHeight: number;
|
|
43
43
|
scrollbarPadding: boolean;
|
|
44
|
+
sliderSize: number;
|
|
44
45
|
itemRenderer: ListItemRenderer;
|
|
45
46
|
readonly items: Map<number, HTMLDivElement>;
|
|
46
47
|
private containerRef;
|
package/dist/ui/list.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/list.js
CHANGED
|
@@ -35,7 +35,7 @@ export class ListPointerEvent extends PointerEvent {
|
|
|
35
35
|
}
|
|
36
36
|
let List = class List extends LitElement {
|
|
37
37
|
get selectedIndex() { return this._selectedIndex; }
|
|
38
|
-
set selectedIndex(value) { this._selectedIndex = value; }
|
|
38
|
+
set selectedIndex(value) { this._selectedIndex = value; } // TODO - probably should be reactive
|
|
39
39
|
get container() { return this.containerRef?.value; }
|
|
40
40
|
get scrollContainer() { return this.scrollContainerRef?.value; }
|
|
41
41
|
get itemContainer() { return this.itemContainerRef?.value; }
|
|
@@ -56,6 +56,7 @@ let List = class List extends LitElement {
|
|
|
56
56
|
this.disabledFocus = false;
|
|
57
57
|
this.maxHeight = null;
|
|
58
58
|
this.scrollbarPadding = false;
|
|
59
|
+
this.sliderSize = 0;
|
|
59
60
|
this.items = new Map();
|
|
60
61
|
this.containerRef = createRef();
|
|
61
62
|
this.scrollContainerRef = createRef();
|
|
@@ -75,7 +76,7 @@ let List = class List extends LitElement {
|
|
|
75
76
|
this.render = () => {
|
|
76
77
|
const styles = this.normalizedItemStyle;
|
|
77
78
|
return html `
|
|
78
|
-
<og-container ${ref(this.containerRef)} ?scrollbarPadding="${this.scrollbarPadding}">
|
|
79
|
+
<og-container ${ref(this.containerRef)} ?scrollbarPadding="${this.scrollbarPadding}" .sliderSize="${this.sliderSize}">
|
|
79
80
|
<div slot="content" style="position: relative; height: ${this.scrollHeight}px" ${ref(this.scrollContainerRef)}>
|
|
80
81
|
<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>
|
|
81
82
|
${styles.length ? html `<style>${map(styles, s => s)}</style>` : ``}
|
|
@@ -328,23 +329,23 @@ let List = class List extends LitElement {
|
|
|
328
329
|
this.container?.updateSliders();
|
|
329
330
|
}
|
|
330
331
|
async layout() {
|
|
331
|
-
if (this.scrollContainer)
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
332
|
+
if (!this.scrollContainer)
|
|
333
|
+
return;
|
|
334
|
+
if (this.dynamicItemHeight) {
|
|
335
|
+
// wait for all items to be rendered
|
|
336
|
+
let isLit = false;
|
|
337
|
+
for (const div of this.items.values()) {
|
|
338
|
+
if (div.firstElementChild instanceof LitElement) {
|
|
339
|
+
isLit = true;
|
|
340
|
+
await div.firstElementChild.updateComplete;
|
|
340
341
|
}
|
|
341
|
-
// if item is not LitElement, deffer execution to be sure that all items are rendered
|
|
342
|
-
if (!isLit)
|
|
343
|
-
await new Promise(resolve => setTimeout(resolve, 0));
|
|
344
342
|
}
|
|
345
|
-
|
|
346
|
-
|
|
343
|
+
// if item is not LitElement, deffer execution to be sure that all items are rendered
|
|
344
|
+
if (!isLit)
|
|
345
|
+
await new Promise(resolve => setTimeout(resolve, 0));
|
|
347
346
|
}
|
|
347
|
+
dom.setSize(this.scrollContainer, { h: this.scrollHeight });
|
|
348
|
+
this.updateSliders();
|
|
348
349
|
}
|
|
349
350
|
get scrollHeight() {
|
|
350
351
|
if (!this.dynamicItemHeight)
|
|
@@ -411,6 +412,9 @@ __decorate([
|
|
|
411
412
|
__decorate([
|
|
412
413
|
property({ type: Boolean })
|
|
413
414
|
], List.prototype, "scrollbarPadding", void 0);
|
|
415
|
+
__decorate([
|
|
416
|
+
property({ type: Number })
|
|
417
|
+
], List.prototype, "sliderSize", void 0);
|
|
414
418
|
__decorate([
|
|
415
419
|
property()
|
|
416
420
|
], List.prototype, "itemRenderer", void 0);
|
package/dist/ui/list.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { isString } from \"../common/utils\";\nimport constants from \"../constants\";\nimport { LitElement, html, css, TemplateResult, render, CSSResultOrNative, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport { map } from 'lit/directives/map.js';\nimport { SlideEvent } from './slider';\nimport { Container } from \"./container\";\nimport { ComponentEvent } from \"./baseElement\";\nimport { style } from \"./list.style\";\nimport { Layout } from \"../types\";\n\nexport type ListItemRendererOptions = {\n\tmeasure?: boolean;\n}\n\nexport type ListItemRenderer = (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => string|TemplateResult<1>|void;\n\nexport type ListItemElement = HTMLDivElement & {index: number};\n\nexport enum ListSelectTrigger {\n\tEnter = \"enter\",\n\tClick = \"click\",\n\tArrow = \"arrow\",\n}\n\nexport class ListSelectEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly trigger: ListSelectTrigger,\n\t\tpublic readonly index: number,\n\t\tpublic readonly elm: HTMLElement,\n\t) {\n\t\tsuper(type, {bubbles: true, composed: true});\n\t}\n}\n\nexport class ListPointerEvent extends PointerEvent {\n\n\tlist: List;\n\tindex: number;\n\n\tconstructor(type: string, e: PointerEvent, args?: Partial<ListPointerEvent>) {\n\t\tsuper(`list.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-list')\nexport class List extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\tstatic contentStyles = [css`\n\t\t:host {\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tfont-size: var(--og-font-size);\n\t\t}\n\t`];\n\n\tprivate _selectedIndex = -1;\n\n\tget selectedIndex() { return this._selectedIndex; }\n\tset selectedIndex(value: number) { this._selectedIndex = value; }\n\n\t@property({type: Number})\n\titemHeight: number = constants.LIST_ITEM_HEIGHT;\n\n\t@property({type: Boolean})\n\tdynamicItemHeight = false;\n\n\t@property({type: Number})\n\tlineHeight: number = null;\n\n\t@property({type: Number})\n\tsize: number;\n\n\t@property({type: Object})\n\tcustomStyle: CSSResultOrNative|string|(CSSResultOrNative|string)[];\n\n\t@property({type: Boolean})\n\tnativeHeight = false;\n\n\t@property({type: Boolean})\n\tarrowEvents = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledSelect = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledFocus = false;\n\n\t@property({type: Number})\n\tmaxHeight: number = null;\n\n\t@property({type: Boolean})\n\tscrollbarPadding = false;\n\n\t@property()\n\titemRenderer: ListItemRenderer;\n\t\n\tpublic readonly items = new Map<number, HTMLDivElement>();\n\tprivate containerRef: Ref<Container> = createRef();\n\tget container() { return this.containerRef?.value }\n\tprivate scrollContainerRef: Ref<HTMLDivElement> = createRef();\n\tget scrollContainer() { return this.scrollContainerRef?.value }\n\n\tprivate itemContainerRef: Ref<HTMLDivElement> = createRef();\n\tget itemContainer() { return this.itemContainerRef?.value }\n\n\tprivate scrolling = false;\n\tprivate renderEvent = new ComponentEvent('render', {bubbles: true, composed: true});\n\tprivate itemHeights = new Map<number, number>();\n\tprivate measuredWidths = new Map<number, number>();\n\t\n\tprivate _offset = 0;\n\tget offset() { return this._offset }\n\tset offset(value: number) {\n\t\tthis._offset = value;\n\t\tthis.requestRender();\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget pageSize() {\n\t\treturn Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);\n\t}\n\n\tget calculatedHeight() {\n\t\treturn Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);\n\t}\n\n\treset() {\n\t\tthis.items.clear();\n\t\t// this.scrollToOffset(0);\n\t\tthis.itemHeights.clear();\n\t}\n\t\n\tscrollToOffset(offset: number) {\n\t\tthis.containerRef?.value?.scrollVerticalTo(offset);\n\t\tthis.offset = offset;\n\t}\n\n\tscrollToIndex(index: number) {\n\t\tthis.scrollToOffset(this.calculateItemContainerOffset(index));\n\t}\n\n\tscrollToView(item: HTMLDivElement) {\n\t\tif (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {\n\t\t\tconst scrollTo = this._selectedIndex == this.size - 1 \n\t\t\t\t? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight) \n\t\t\t\t: this.calculateItemContainerOffset(this._selectedIndex);\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t} else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {\n\t\t\tconst scrollTo = this._selectedIndex > 0\n\t\t\t\t? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight\n\t\t\t\t: 0;\n\t\t\t\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t}\n\t}\n\n\tmoveUp(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex - count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\t\n\tmoveDown(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex + count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tdeselect() {\n\t\tif (this._selectedIndex >= 0) {\n\t\t\tif (this.items.has(this._selectedIndex)) {\n\t\t\t\tthis.items.get(this._selectedIndex).classList.remove('selected');\n\t\t\t}\n\t\t}\n\t\tthis._selectedIndex = -1;\n\t}\n\n\tselect(index: number, trigger: ListSelectTrigger = null, elm: HTMLElement = null) {\n\t\tthis.deselect();\n\t\tindex = index >= this.size ? 0 : index;\n\t\tindex = index < 0 ? this.size - 1 : index;\n\t\tif (this.items.has(index)) {\n\t\t\tthis.getItem(index).classList.add('selected');\n\t\t}\n\t\tthis._selectedIndex = index;\n\t\t\n\t\tif (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {\n\t\t\tthis.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove\n\t\t\tthis.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));\n\t\t}\n\t}\n\n\tgetItem(index: number) : HTMLDivElement {\n\t\tif (!this.items.has(index)) {\n\t\t\tconst div = dom.createElement<ListItemElement>('div');\n\t\t\tdiv.index = index;\n\t\t\tdom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);\n\n\t\t\tif (!this.dynamicItemHeight) {\n\t\t\t\tdom.setSize(div, {h: this.itemHeight});\n\t\t\t\tdiv.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);\n\t\t\t}\n\t\t\t\n\t\t\tif (this.itemRenderer) {\n\t\t\t\tconst result = this.itemRenderer(div, index);\n\t\t\t\tif (isString(result)) {\n\t\t\t\t\tdiv.innerHTML = result as string;\n\t\t\t\t} else if (result) {\n\t\t\t\t\tdom.empty(div);\n\t\t\t\t\trender(result, div);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdiv.innerHTML = `item-${index}`;\n\t\t\t}\n\t\t\t\n\t\t\tif (this.dynamicItemHeight) {\n\t\t\t\tif (this.itemHeights.get(index) != div.offsetHeight) {\n\t\t\t\t\tthis.itemHeights.set(index, null);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.items.set(index, div);\n\t\t}\n\t\treturn this.items.get(index);\n\t}\n\n\tprivate keyActions = {\n\t\t'ArrowUp': () => this.moveUp(),\n\t\t'PageUp': () => this.moveUp(this.pageSize),\n\t\t'ArrowDown': () => this.moveDown(),\n\t\t'PageDown': () => this.moveDown(this.pageSize),\n\t\t'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,\n\t};\n\t\n\tfirstUpdated() {\n\t\tthis.addEventListener('keydown', e => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tconst action = this.keyActions[e.key as keyof typeof this.keyActions];\n\t\t\tif (action) action();\n\t\t});\n\n\t\tthis.container.addEventListener('verticalscroll', (e: SlideEvent) => {\n\t\t\tthis.offset = e.value;\n\t\t});\n\t\t\n\t\tdom.on(this.container, 'mousedown', '.item', (e: MouseEvent, elm: ListItemElement) => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tif (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {\n\t\t\t\tconst tabIndex = (e.target as HTMLElement).tabIndex;\n\t\t\t\tif (tabIndex == null || tabIndex < 0) {\n\t\t\t\t\te.preventDefault(); // prevents from stealing focus from another element in select event\n\t\t\t\t\tthis.focus(); // default focus is on list\n\t\t\t\t}\n\t\t\t\tthis.select(elm.index, ListSelectTrigger.Click, e.target as HTMLElement);\n\t\t\t}\n\t\t});\n\n\t\tdom.on(this.container, 'contextmenu', '.item', (e: PointerEvent, elm: ListItemElement) => {\n\t\t\tthis.dispatchEvent(new ListPointerEvent('menu', e, {list: this, index: elm.index}));\n\t\t});\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('size') && this.offset >= this.scrollHeight) {\n\t\t\tthis._offset = 0;\n\t\t\tthis.container?.scrollVerticalTo(0);\n\t\t}\n\n\t\tif (!this.nativeHeight) {\n\t\t\tdom.setSize(this, {h: this.calculatedHeight});\n\t\t}\n\n\t\tif (this.disabledFocus) {\n\t\t\tthis.removeAttribute('tabindex');\n\t\t} else {\n\t\t\tthis.tabIndex = 0;\n\t\t}\n\t}\n\n\tupdated() {\n\t\tthis.items.clear();\n\t\tthis.renderItems(true);\n\t}\n\n\trequestRender() {\n\t\tif (!this.scrolling) {\n\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\tthis.renderItems();\n\t\t\t\tthis.scrolling = false;\n\t\t\t});\n\t\t\tthis.scrolling = true;\n\t\t}\n\t}\n\n\trenderItems(all = false) {\n\t\tif (all) this.items.clear();\n\n\t\tconst itemContainer = this.itemContainer;\n\t\tif (!itemContainer) return;\n\n\t\t// min visible index\n\t\tconst minIndex1 = Math.floor(this.offset / this.itemHeight);\n\t\t// min rendered index\n\t\tconst minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);\n\t\t// max visible index\n\t\tconst maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);\n\t\t// max rendered index\n\t\tconst maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);\n\t\t\n\t\tdom.empty(itemContainer);\n\t\tdom.hideElement(itemContainer);\n\t\t\n\t\t// delete\n\t\tfor (const [i, item] of this.items) {\n\t\t\tif (i < minIndex2 || i > maxIndex2) {\n\t\t\t\titem.remove();\n\t\t\t\tthis.items.delete(i);\n\t\t\t}\n\t\t}\n\t\t\n\t\t// insert\n\t\tfor (let i = minIndex2; i <= maxIndex2; i++) {\n\t\t\titemContainer.appendChild(this.getItem(i));\n\t\t}\n\t\t\n\t\tdom.setPosition(itemContainer, {t: this.calculateItemContainerOffset(minIndex2)});\n\t\tdom.showElement(itemContainer);\n\n\t\tthis.layout();\n\t\tthis.dispatchEvent(this.renderEvent);\n\t}\n\n\tcalculateItemContainerOffset(index: number) {\n\t\tif (!this.dynamicItemHeight) return index * this.itemHeight;\n\t\tlet offset = 0;\n\t\tfor (let i = 0; i < index; i++) {\n\t\t\tlet itemHeight = this.itemHeights.get(i);\n\t\t\t\n\t\t\tif (itemHeight) {\n\t\t\t\toffset += itemHeight;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\t\n\t\t\titemHeight = this.getItem(i).offsetHeight;\n\t\t\tif (itemHeight) this.itemHeights.set(i, itemHeight);\n\t\t\telse itemHeight = this.itemHeight;\n\n\t\t\toffset += itemHeight;\n\t\t}\n\t\treturn offset;\n\t}\n\n\tcalculateViewportMaxItemWidth() {\n\t\tconst minIndex = Math.floor(this.offset / this.itemHeight);\n\t\tconst maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));\n\t\tlet maxWidth = 0;\n\t\tfor (let i = minIndex; i <= maxIndex; i++) {\n\t\t\tmaxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);\n\t\t}\n\t\treturn maxWidth;\n\t}\n\n\tmeasureItemWidth(index: number) {\n\t\tlet width: number = this.measuredWidths.get(index);\n\t\tif (width != null) return width;\n\t\tif (!this.itemRenderer || !this.itemContainer) return 0;\n\t\tconst measureDiv = dom.createElement<HTMLDivElement>('div');\n\t\tmeasureDiv.style.overflow = 'hidden';\n\t\tdom.setPosition(measureDiv, {t: 0, l: 0});\n\t\tthis.itemContainer.appendChild(measureDiv);\n\t\tconst div = dom.createElement<HTMLDivElement>('div');\n\t\tdiv.className = 'item';\n\t\tmeasureDiv.appendChild(div);\n\t\tconst result = this.itemRenderer(div, index, {measure: true});\n\t\tif (isString(result)) div.innerHTML = result as string;\n\t\telse if (result) render(result, div);\n\t\twidth = div.offsetWidth;\n\t\tmeasureDiv.remove();\n\t\tif (width > 0) this.measuredWidths.set(index, width);\n\t\treturn width + 10;\n\t}\n\n\tupdateSliders() {\n\t\tthis.container?.updateSliders();\n\t}\n\n\tasync layout() {\n\t\tif (this.scrollContainer) {\n\t\t\tif (this.dynamicItemHeight) {\n\t\t\t\t// wait for all items to be rendered\n\t\t\t\tlet isLit = false;\n\t\t\t\tfor (const div of this.items.values()) {\n\t\t\t\t\tif (div.firstElementChild instanceof LitElement) {\n\t\t\t\t\t\tisLit = true;\n\t\t\t\t\t\tawait (div.firstElementChild as LitElement).updateComplete;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// if item is not LitElement, deffer execution to be sure that all items are rendered\n\t\t\t\tif (!isLit) await new Promise(resolve => setTimeout(resolve, 0));\n\t\t\t}\n\n\t\t\tdom.setSize(this.scrollContainer, {h: this.scrollHeight});\n\t\t\tthis.updateSliders();\n\t\t}\n\t}\n\n\tget scrollHeight() {\n\t\tif (!this.dynamicItemHeight) return this.size * this.itemHeight;\n\t\t\n\t\tlet h = 0;\n\t\tfor (const index of this.itemHeights.keys()) {\n\t\t\tlet itemHeight = this.itemHeights.get(index);\n\t\t\tif (!itemHeight) {\n\t\t\t\titemHeight = this.getItem(index).offsetHeight;\n\t\t\t\tif (itemHeight) this.itemHeights.set(index, itemHeight);\n\t\t\t\telse itemHeight = this.itemHeight;\n\t\t\t}\n\t\t\th += itemHeight;\n\t\t}\n\t\treturn h + (this.size - this.itemHeights.size) * this.itemHeight;\n\t}\n\n\n\tget normalizedItemStyle(): CSSResultOrNative[] {\n\t\tif (!this.customStyle) return [];\n\t\treturn (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {\n\t\t\treturn isString(style) ? unsafeCSS(style) : (style as CSSResultOrNative);\n\t\t});\n\t}\n\n\trender = () => {\n\t\tconst styles = this.normalizedItemStyle;\n\t\treturn html`\n\t\t\t<og-container ${ref(this.containerRef)} ?scrollbarPadding=\"${this.scrollbarPadding}\">\n\t\t\t\t<div slot=\"content\" style=\"position: relative; height: ${this.scrollHeight}px\" ${ref(this.scrollContainerRef)}>\n\t\t\t\t\t<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>\n\t\t\t\t\t${styles.length ? html`<style>${map(styles, s => s)}</style>` : ``}\n\t\t\t\t\t<div class=\"item-container\" ${ref(this.itemContainerRef)}></div>\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t`;\n\t}\n\n}"]}
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { isString } from \"../common/utils\";\nimport constants from \"../constants\";\nimport { LitElement, html, css, TemplateResult, render, CSSResultOrNative, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport { map } from 'lit/directives/map.js';\nimport { SlideEvent } from './slider';\nimport { Container } from \"./container\";\nimport { ComponentEvent } from \"./baseElement\";\nimport { style } from \"./list.style\";\nimport { Layout } from \"../types\";\n\nexport type ListItemRendererOptions = {\n\tmeasure?: boolean;\n}\n\nexport type ListItemRenderer = (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => string|TemplateResult<1>|void;\n\nexport type ListItemElement = HTMLDivElement & {index: number};\n\nexport enum ListSelectTrigger {\n\tEnter = \"enter\",\n\tClick = \"click\",\n\tArrow = \"arrow\",\n}\n\nexport class ListSelectEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly trigger: ListSelectTrigger,\n\t\tpublic readonly index: number,\n\t\tpublic readonly elm: HTMLElement,\n\t) {\n\t\tsuper(type, {bubbles: true, composed: true});\n\t}\n}\n\nexport class ListPointerEvent extends PointerEvent {\n\n\tlist: List;\n\tindex: number;\n\n\tconstructor(type: string, e: PointerEvent, args?: Partial<ListPointerEvent>) {\n\t\tsuper(`list.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-list')\nexport class List extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\tstatic contentStyles = [css`\n\t\t:host {\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tfont-size: var(--og-font-size);\n\t\t}\n\t`];\n\n\tprivate _selectedIndex = -1;\n\n\tget selectedIndex() { return this._selectedIndex; }\n\tset selectedIndex(value: number) { this._selectedIndex = value; } // TODO - probably should be reactive\n\n\t@property({type: Number})\n\titemHeight: number = constants.LIST_ITEM_HEIGHT;\n\n\t@property({type: Boolean})\n\tdynamicItemHeight = false;\n\n\t@property({type: Number})\n\tlineHeight: number = null;\n\n\t@property({type: Number})\n\tsize: number;\n\n\t@property({type: Object})\n\tcustomStyle: CSSResultOrNative|string|(CSSResultOrNative|string)[];\n\n\t@property({type: Boolean})\n\tnativeHeight = false;\n\n\t@property({type: Boolean})\n\tarrowEvents = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledSelect = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledFocus = false;\n\n\t@property({type: Number})\n\tmaxHeight: number = null;\n\n\t@property({type: Boolean})\n\tscrollbarPadding = false;\n\n\t@property({type: Number})\n\tsliderSize = 0;\n\n\t@property()\n\titemRenderer: ListItemRenderer;\n\t\n\tpublic readonly items = new Map<number, HTMLDivElement>();\n\tprivate containerRef: Ref<Container> = createRef();\n\tget container() { return this.containerRef?.value }\n\tprivate scrollContainerRef: Ref<HTMLDivElement> = createRef();\n\tget scrollContainer() { return this.scrollContainerRef?.value }\n\n\tprivate itemContainerRef: Ref<HTMLDivElement> = createRef();\n\tget itemContainer() { return this.itemContainerRef?.value }\n\n\tprivate scrolling = false;\n\tprivate renderEvent = new ComponentEvent('render', {bubbles: true, composed: true});\n\tprivate itemHeights = new Map<number, number>();\n\tprivate measuredWidths = new Map<number, number>();\n\t\n\tprivate _offset = 0;\n\tget offset() { return this._offset }\n\tset offset(value: number) {\n\t\tthis._offset = value;\n\t\tthis.requestRender();\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget pageSize() {\n\t\treturn Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);\n\t}\n\n\tget calculatedHeight() {\n\t\treturn Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);\n\t}\n\n\treset() {\n\t\tthis.items.clear();\n\t\t// this.scrollToOffset(0);\n\t\tthis.itemHeights.clear();\n\t}\n\t\n\tscrollToOffset(offset: number) {\n\t\tthis.containerRef?.value?.scrollVerticalTo(offset);\n\t\tthis.offset = offset;\n\t}\n\n\tscrollToIndex(index: number) {\n\t\tthis.scrollToOffset(this.calculateItemContainerOffset(index));\n\t}\n\n\tscrollToView(item: HTMLDivElement) {\n\t\tif (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {\n\t\t\tconst scrollTo = this._selectedIndex == this.size - 1 \n\t\t\t\t? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight) \n\t\t\t\t: this.calculateItemContainerOffset(this._selectedIndex);\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t} else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {\n\t\t\tconst scrollTo = this._selectedIndex > 0\n\t\t\t\t? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight\n\t\t\t\t: 0;\n\t\t\t\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t}\n\t}\n\n\tmoveUp(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex - count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\t\n\tmoveDown(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex + count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tdeselect() {\n\t\tif (this._selectedIndex >= 0) {\n\t\t\tif (this.items.has(this._selectedIndex)) {\n\t\t\t\tthis.items.get(this._selectedIndex).classList.remove('selected');\n\t\t\t}\n\t\t}\n\t\tthis._selectedIndex = -1;\n\t}\n\n\tselect(index: number, trigger: ListSelectTrigger = null, elm: HTMLElement = null) {\n\t\tthis.deselect();\n\t\tindex = index >= this.size ? 0 : index;\n\t\tindex = index < 0 ? this.size - 1 : index;\n\t\tif (this.items.has(index)) {\n\t\t\tthis.getItem(index).classList.add('selected');\n\t\t}\n\t\tthis._selectedIndex = index;\n\t\t\n\t\tif (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {\n\t\t\tthis.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove\n\t\t\tthis.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));\n\t\t}\n\t}\n\n\tgetItem(index: number) : HTMLDivElement {\n\t\tif (!this.items.has(index)) {\n\t\t\tconst div = dom.createElement<ListItemElement>('div');\n\t\t\tdiv.index = index;\n\t\t\tdom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);\n\n\t\t\tif (!this.dynamicItemHeight) {\n\t\t\t\tdom.setSize(div, {h: this.itemHeight});\n\t\t\t\tdiv.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);\n\t\t\t}\n\t\t\t\n\t\t\tif (this.itemRenderer) {\n\t\t\t\tconst result = this.itemRenderer(div, index);\n\t\t\t\tif (isString(result)) {\n\t\t\t\t\tdiv.innerHTML = result as string;\n\t\t\t\t} else if (result) {\n\t\t\t\t\tdom.empty(div);\n\t\t\t\t\trender(result, div);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdiv.innerHTML = `item-${index}`;\n\t\t\t}\n\t\t\t\n\t\t\tif (this.dynamicItemHeight) {\n\t\t\t\tif (this.itemHeights.get(index) != div.offsetHeight) {\n\t\t\t\t\tthis.itemHeights.set(index, null);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.items.set(index, div);\n\t\t}\n\t\treturn this.items.get(index);\n\t}\n\n\tprivate keyActions = {\n\t\t'ArrowUp': () => this.moveUp(),\n\t\t'PageUp': () => this.moveUp(this.pageSize),\n\t\t'ArrowDown': () => this.moveDown(),\n\t\t'PageDown': () => this.moveDown(this.pageSize),\n\t\t'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,\n\t};\n\t\n\tfirstUpdated() {\n\t\tthis.addEventListener('keydown', e => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tconst action = this.keyActions[e.key as keyof typeof this.keyActions];\n\t\t\tif (action) action();\n\t\t});\n\n\t\tthis.container.addEventListener('verticalscroll', (e: SlideEvent) => {\n\t\t\tthis.offset = e.value;\n\t\t});\n\t\t\n\t\tdom.on(this.container, 'mousedown', '.item', (e: MouseEvent, elm: ListItemElement) => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tif (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {\n\t\t\t\tconst tabIndex = (e.target as HTMLElement).tabIndex;\n\t\t\t\tif (tabIndex == null || tabIndex < 0) {\n\t\t\t\t\te.preventDefault(); // prevents from stealing focus from another element in select event\n\t\t\t\t\tthis.focus(); // default focus is on list\n\t\t\t\t}\n\t\t\t\tthis.select(elm.index, ListSelectTrigger.Click, e.target as HTMLElement);\n\t\t\t}\n\t\t});\n\n\t\tdom.on(this.container, 'contextmenu', '.item', (e: PointerEvent, elm: ListItemElement) => {\n\t\t\tthis.dispatchEvent(new ListPointerEvent('menu', e, {list: this, index: elm.index}));\n\t\t});\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('size') && this.offset >= this.scrollHeight) {\n\t\t\tthis._offset = 0;\n\t\t\tthis.container?.scrollVerticalTo(0);\n\t\t}\n\n\t\tif (!this.nativeHeight) {\n\t\t\tdom.setSize(this, {h: this.calculatedHeight});\n\t\t}\n\n\t\tif (this.disabledFocus) {\n\t\t\tthis.removeAttribute('tabindex');\n\t\t} else {\n\t\t\tthis.tabIndex = 0;\n\t\t}\n\t}\n\n\tupdated() {\n\t\tthis.items.clear();\n\t\tthis.renderItems(true);\n\t}\n\n\trequestRender() {\n\t\tif (!this.scrolling) {\n\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\tthis.renderItems();\n\t\t\t\tthis.scrolling = false;\n\t\t\t});\n\t\t\tthis.scrolling = true;\n\t\t}\n\t}\n\n\trenderItems(all = false) {\n\t\tif (all) this.items.clear();\n\n\t\tconst itemContainer = this.itemContainer;\n\t\tif (!itemContainer) return;\n\n\t\t// min visible index\n\t\tconst minIndex1 = Math.floor(this.offset / this.itemHeight);\n\t\t// min rendered index\n\t\tconst minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);\n\t\t// max visible index\n\t\tconst maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);\n\t\t// max rendered index\n\t\tconst maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);\n\t\t\n\t\tdom.empty(itemContainer);\n\t\tdom.hideElement(itemContainer);\n\t\t\n\t\t// delete\n\t\tfor (const [i, item] of this.items) {\n\t\t\tif (i < minIndex2 || i > maxIndex2) {\n\t\t\t\titem.remove();\n\t\t\t\tthis.items.delete(i);\n\t\t\t}\n\t\t}\n\t\t\n\t\t// insert\n\t\tfor (let i = minIndex2; i <= maxIndex2; i++) {\n\t\t\titemContainer.appendChild(this.getItem(i));\n\t\t}\n\t\t\n\t\tdom.setPosition(itemContainer, {t: this.calculateItemContainerOffset(minIndex2)});\n\t\tdom.showElement(itemContainer);\n\n\t\tthis.layout();\n\t\tthis.dispatchEvent(this.renderEvent);\n\t}\n\n\tcalculateItemContainerOffset(index: number) {\n\t\tif (!this.dynamicItemHeight) return index * this.itemHeight;\n\t\tlet offset = 0;\n\t\tfor (let i = 0; i < index; i++) {\n\t\t\tlet itemHeight = this.itemHeights.get(i);\n\t\t\t\n\t\t\tif (itemHeight) {\n\t\t\t\toffset += itemHeight;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\t\n\t\t\titemHeight = this.getItem(i).offsetHeight;\n\t\t\tif (itemHeight) this.itemHeights.set(i, itemHeight);\n\t\t\telse itemHeight = this.itemHeight;\n\n\t\t\toffset += itemHeight;\n\t\t}\n\t\treturn offset;\n\t}\n\n\tcalculateViewportMaxItemWidth() {\n\t\tconst minIndex = Math.floor(this.offset / this.itemHeight);\n\t\tconst maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));\n\t\tlet maxWidth = 0;\n\t\tfor (let i = minIndex; i <= maxIndex; i++) {\n\t\t\tmaxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);\n\t\t}\n\t\treturn maxWidth;\n\t}\n\n\tmeasureItemWidth(index: number) {\n\t\tlet width: number = this.measuredWidths.get(index);\n\t\tif (width != null) return width;\n\t\tif (!this.itemRenderer || !this.itemContainer) return 0;\n\t\tconst measureDiv = dom.createElement<HTMLDivElement>('div');\n\t\tmeasureDiv.style.overflow = 'hidden';\n\t\tdom.setPosition(measureDiv, {t: 0, l: 0});\n\t\tthis.itemContainer.appendChild(measureDiv);\n\t\tconst div = dom.createElement<HTMLDivElement>('div');\n\t\tdiv.className = 'item';\n\t\tmeasureDiv.appendChild(div);\n\t\tconst result = this.itemRenderer(div, index, {measure: true});\n\t\tif (isString(result)) div.innerHTML = result as string;\n\t\telse if (result) render(result, div);\n\t\twidth = div.offsetWidth;\n\t\tmeasureDiv.remove();\n\t\tif (width > 0) this.measuredWidths.set(index, width);\n\t\treturn width + 10;\n\t}\n\n\tupdateSliders() {\n\t\tthis.container?.updateSliders();\n\t}\n\n\tasync layout() {\n\t\tif (!this.scrollContainer) return;\n\t\tif (this.dynamicItemHeight) {\n\t\t\t// wait for all items to be rendered\n\t\t\tlet isLit = false;\n\t\t\tfor (const div of this.items.values()) {\n\t\t\t\tif (div.firstElementChild instanceof LitElement) {\n\t\t\t\t\tisLit = true;\n\t\t\t\t\tawait (div.firstElementChild as LitElement).updateComplete;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// if item is not LitElement, deffer execution to be sure that all items are rendered\n\t\t\tif (!isLit) await new Promise(resolve => setTimeout(resolve, 0));\n\t\t}\n\n\t\tdom.setSize(this.scrollContainer, {h: this.scrollHeight});\n\t\tthis.updateSliders();\n\t}\n\n\tget scrollHeight() {\n\t\tif (!this.dynamicItemHeight) return this.size * this.itemHeight;\n\t\t\n\t\tlet h = 0;\n\t\tfor (const index of this.itemHeights.keys()) {\n\t\t\tlet itemHeight = this.itemHeights.get(index);\n\t\t\tif (!itemHeight) {\n\t\t\t\titemHeight = this.getItem(index).offsetHeight;\n\t\t\t\tif (itemHeight) this.itemHeights.set(index, itemHeight);\n\t\t\t\telse itemHeight = this.itemHeight;\n\t\t\t}\n\t\t\th += itemHeight;\n\t\t}\n\t\treturn h + (this.size - this.itemHeights.size) * this.itemHeight;\n\t}\n\n\n\tget normalizedItemStyle(): CSSResultOrNative[] {\n\t\tif (!this.customStyle) return [];\n\t\treturn (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {\n\t\t\treturn isString(style) ? unsafeCSS(style) : (style as CSSResultOrNative);\n\t\t});\n\t}\n\n\trender = () => {\n\t\tconst styles = this.normalizedItemStyle;\n\t\treturn html`\n\t\t\t<og-container ${ref(this.containerRef)} ?scrollbarPadding=\"${this.scrollbarPadding}\" .sliderSize=\"${this.sliderSize}\">\n\t\t\t\t<div slot=\"content\" style=\"position: relative; height: ${this.scrollHeight}px\" ${ref(this.scrollContainerRef)}>\n\t\t\t\t\t<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>\n\t\t\t\t\t${styles.length ? html`<style>${map(styles, s => s)}</style>` : ``}\n\t\t\t\t\t<div class=\"item-container\" ${ref(this.itemContainerRef)}></div>\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t`;\n\t}\n\n}"]}
|
package/dist/ui/menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,GAAC,WAAW,CAAC;IACjG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,qBAAa,SAAU,SAAQ,KAAK;aAGlB,IAAI,EAAE,QAAQ;gBAD9B,IAAI,EAAE,MAAM,EACI,IAAI,EAAE,QAAQ;CAI/B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAC,MAAM,CAAC;AAE1C,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAQ;IAGpB,aAAa,UAAS;IAGtB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAE1B,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMlD,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,GAAC,WAAW,CAAC;IACjG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,qBAAa,SAAU,SAAQ,KAAK;aAGlB,IAAI,EAAE,QAAQ;gBAD9B,IAAI,EAAE,MAAM,EACI,IAAI,EAAE,QAAQ;CAI/B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAC,MAAM,CAAC;AAE1C,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAQ;IAGpB,aAAa,UAAS;IAGtB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAE1B,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMlD,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOzC,WAAW;;IAqBjB,iBAAiB;IAKjB,YAAY,GAAI,KAAK,cAAc,EAAE,OAAO,MAAM,uBAsBjD;IAEK,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,YAAqB;IAmBtD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAiBjC,SAAS,aAER;IAED,SAAS,GAAI,GAAG,eAAe,UAK9B;IAED,MAAM,0BAYJ;CAEF"}
|
package/dist/ui/menu.js
CHANGED
package/dist/ui/menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { getElementOffset, hideElement, setPosition, setSize, showElement, fixPosition } from '../common/dom';\nimport { List, ListSelectEvent } from './list';\nimport { msg } from \"@omegagrid/localize\";\nimport { itemStyle, style } from './menu.style';\nimport { IconSpec } from './icon';\n\nexport type MenuItem = {\n\tk?: number|string,\n\tv?: string,\n\tkey?: number|string,\n\tvalue?: string,\n\ticon?: IconSpec|string,\n\tcolor?: string,\n\ttype?: 'normal'|'label'|null,\n\tdivider?: boolean,\n\trenderer?: (div: HTMLDivElement, index: number, item: MenuItem) => TemplateResult<1>|HTMLElement,\n\texec?: (item: MenuItem) => void,\n};\n\nexport class MenuEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly item: MenuItem,\n\t) {\n\t\tsuper(`menu.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\nexport type MenuPosition = 'right'|'left';\n\n@customElement(`og-menu`)\nexport class Menu extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\titems: MenuItem[];\n\t\n\t@property({type: Boolean})\n\tdynamicWidth = true;\n\n\t@property({type: Boolean})\n\tdisabledFocus = false;\n\n\t@query('og-list')\n\tlist: List;\n\n\tprivate _hasIcons = false;\n\tprivate _autoHide = false;\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis._hasIcons = this.items.findIndex(item => !!item.icon) > -1;\n\t\t}\n\t}\n\n\tupdated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis.list.reset();\n\t\t}\n\t}\n\n\tasync updateWidth() {\n\t\tawait this.list.updateComplete;\n\n\t\tlet maxWidth = 0;\n\n\t\tif (this.dynamicWidth) {\n\t\t\tthis.list.items.forEach(item => {\n\t\t\t\tlet w = 0;\n\t\t\t\tfor (const ch of item.children) w += (ch as HTMLElement).offsetWidth;\n\t\t\t\tmaxWidth = Math.max(maxWidth, w)\n\t\t\t});\n\t\t\tsetSize(this, {w: maxWidth > 0 ? maxWidth : 100});\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('contextmenu', e => e.preventDefault());\n\t\tthis.addEventListener('focus', () => setTimeout(() => this.list.focus(), 100));\n\t}\n\n\tconnectedCallback() {\t\t\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\titemRenderer = (div: HTMLDivElement, index: number) => {\n\t\tconst item = this.items[index];\n\t\tdiv.classList.toggle('divider', !!item.divider);\n\t\tdiv.classList.toggle('label', item.type == 'label');\n\n\t\tif (item.divider) {\n\t\t\tsetSize(div, {h: constants.MENU_ITEM_HEIGHT - 1});\n\t\t}\n\n\t\tdiv.style.color = item.color ? item.color : 'inherit';\n\t\titem.type = item.type || 'normal';\n\n\t\treturn html`\n\t\t\t${this._hasIcons && (item.icon || item.type != 'label') ? html`\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t${item.icon ? html`<og-icon .icon=\"${item.icon}\"></og-icon>` : ``}\n\t\t\t\t</div>\n\t\t\t`: ``}\n\t\t\t${item.renderer ? item.renderer(div, index, item) : html`\n\t\t\t\t<div class=\"text\">${msg(item.value ?? item.v)}</div>\n\t\t\t`}\n\t\t`;\n\t}\n\n\tasync open(elm: HTMLElement, position: MenuPosition = 'left') {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst offset = getElementOffset(elm, this.parentElement);\n\t\tconst pos = fixPosition({\n\t\t\tx: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth),\n\t\t\ty: offset.top + elm.offsetHeight,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\tasync openAt(x: number, y: number) {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst pos = fixPosition({\n\t\t\tx: x,\n\t\t\ty: y,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\t_onRender = () => {\n\t\tthis.updateWidth();\n\t}\n\n\t_onSelect = (e: ListSelectEvent) => {\n\t\tif (this._autoHide) hideElement(this);\n\t\tconst item = this.items[e.index];\n\t\tif (item.exec) item.exec(item);\n\t\tthis.dispatchEvent(new MenuEvent('select', item));\n\t}\n\n\trender = () => html`\n\t\t<og-list\n\t\t\t?dynamicWidth=\"${this.dynamicWidth}\"\n\t\t\t?disabledFocus=\"${this.disabledFocus}\"\n\t\t\tmaxHeight=\"200\"\n\t\t\titemHeight=\"${constants.MENU_ITEM_HEIGHT}\"\n\t\t\tsize=\"${this.items?.length ?? 0}\"\n\t\t\t.itemRenderer=\"${this.itemRenderer}\"\n\t\t\t.customStyle=${itemStyle},\n\t\t\t@render=${this._onRender}\n\t\t\t@select=${this._onSelect}>\n\t\t</og-list>\n\t`;\n\t\n}"]}
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { getElementOffset, hideElement, setPosition, setSize, showElement, fixPosition } from '../common/dom';\nimport { List, ListSelectEvent } from './list';\nimport { msg } from \"@omegagrid/localize\";\nimport { itemStyle, style } from './menu.style';\nimport { IconSpec } from './icon';\n\nexport type MenuItem = {\n\tk?: number|string,\n\tv?: string,\n\tkey?: number|string,\n\tvalue?: string,\n\ticon?: IconSpec|string,\n\tcolor?: string,\n\ttype?: 'normal'|'label'|null,\n\tdivider?: boolean,\n\trenderer?: (div: HTMLDivElement, index: number, item: MenuItem) => TemplateResult<1>|HTMLElement,\n\texec?: (item: MenuItem) => void,\n};\n\nexport class MenuEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly item: MenuItem,\n\t) {\n\t\tsuper(`menu.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\nexport type MenuPosition = 'right'|'left';\n\n@customElement(`og-menu`)\nexport class Menu extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\titems: MenuItem[];\n\t\n\t@property({type: Boolean})\n\tdynamicWidth = true;\n\n\t@property({type: Boolean})\n\tdisabledFocus = false;\n\n\t@query('og-list')\n\tlist: List;\n\n\tprivate _hasIcons = false;\n\tprivate _autoHide = false;\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis._hasIcons = this.items.findIndex(item => !!item.icon) > -1;\n\t\t}\n\t}\n\n\tupdated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis.list.reset();\n\t\t\tthis.list.renderItems(true);\n\t\t}\n\t}\n\n\tasync updateWidth() {\n\t\tawait this.list.updateComplete;\n\n\t\tlet maxWidth = 0;\n\n\t\tif (this.dynamicWidth) {\n\t\t\tthis.list.items.forEach(item => {\n\t\t\t\tlet w = 0;\n\t\t\t\tfor (const ch of item.children) w += (ch as HTMLElement).offsetWidth;\n\t\t\t\tmaxWidth = Math.max(maxWidth, w)\n\t\t\t});\n\t\t\tsetSize(this, {w: maxWidth > 0 ? maxWidth : 100});\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('contextmenu', e => e.preventDefault());\n\t\tthis.addEventListener('focus', () => setTimeout(() => this.list.focus(), 100));\n\t}\n\n\tconnectedCallback() {\t\t\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\titemRenderer = (div: HTMLDivElement, index: number) => {\n\t\tconst item = this.items[index];\n\t\tdiv.classList.toggle('divider', !!item.divider);\n\t\tdiv.classList.toggle('label', item.type == 'label');\n\n\t\tif (item.divider) {\n\t\t\tsetSize(div, {h: constants.MENU_ITEM_HEIGHT - 1});\n\t\t}\n\n\t\tdiv.style.color = item.color ? item.color : 'inherit';\n\t\titem.type = item.type || 'normal';\n\n\t\treturn html`\n\t\t\t${this._hasIcons && (item.icon || item.type != 'label') ? html`\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t${item.icon ? html`<og-icon .icon=\"${item.icon}\"></og-icon>` : ``}\n\t\t\t\t</div>\n\t\t\t`: ``}\n\t\t\t${item.renderer ? item.renderer(div, index, item) : html`\n\t\t\t\t<div class=\"text\">${msg(item.value ?? item.v)}</div>\n\t\t\t`}\n\t\t`;\n\t}\n\n\tasync open(elm: HTMLElement, position: MenuPosition = 'left') {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst offset = getElementOffset(elm, this.parentElement);\n\t\tconst pos = fixPosition({\n\t\t\tx: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth),\n\t\t\ty: offset.top + elm.offsetHeight,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\tasync openAt(x: number, y: number) {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst pos = fixPosition({\n\t\t\tx: x,\n\t\t\ty: y,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\t_onRender = () => {\n\t\tthis.updateWidth();\n\t}\n\n\t_onSelect = (e: ListSelectEvent) => {\n\t\tif (this._autoHide) hideElement(this);\n\t\tconst item = this.items[e.index];\n\t\tif (item.exec) item.exec(item);\n\t\tthis.dispatchEvent(new MenuEvent('select', item));\n\t}\n\n\trender = () => html`\n\t\t<og-list\n\t\t\t?dynamicWidth=\"${this.dynamicWidth}\"\n\t\t\t?disabledFocus=\"${this.disabledFocus}\"\n\t\t\tmaxHeight=\"200\"\n\t\t\titemHeight=\"${constants.MENU_ITEM_HEIGHT}\"\n\t\t\tsize=\"${this.items?.length ?? 0}\"\n\t\t\t.itemRenderer=\"${this.itemRenderer}\"\n\t\t\t.customStyle=${itemStyle},\n\t\t\t@render=${this._onRender}\n\t\t\t@select=${this._onSelect}>\n\t\t</og-list>\n\t`;\n\t\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.style.d.ts","sourceRoot":"","sources":["../../src/ui/slider.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"slider.style.d.ts","sourceRoot":"","sources":["../../src/ui/slider.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBAwDjB,CAAC"}
|
package/dist/ui/slider.style.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
import constants from '../constants';
|
|
3
3
|
export const style = css `
|
|
4
|
+
* {
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
}
|
|
7
|
+
|
|
4
8
|
:host {
|
|
5
9
|
display: block;
|
|
6
10
|
background-color: var(--og-slider-background-color);
|
|
@@ -47,9 +51,8 @@ export const style = css `
|
|
|
47
51
|
.bar-inner {
|
|
48
52
|
width: 100%;
|
|
49
53
|
height: 100%;
|
|
50
|
-
border-width: 3px;
|
|
51
54
|
background-color: var(--og-slider-bar-color);
|
|
52
|
-
|
|
55
|
+
_border: 1px solid #8B8B8B;
|
|
53
56
|
text-align: center;
|
|
54
57
|
border-radius: 6px;
|
|
55
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.style.js","sourceRoot":"","sources":["../../src/ui/slider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"slider.style.js","sourceRoot":"","sources":["../../src/ui/slider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;WAyBb,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;YAgB/B,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;CAe3C,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: block;\n\t\tbackground-color: var(--og-slider-background-color);\n\t\tposition: relative;\n\t\topacity: 0.8;\n\t\ttransition: visibility 0s, opacity 0.1s linear;\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t:host([hidden]) {\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\ttransition: opacity 1s linear, visibility 0s 1s;\n\t}\n\n\t:host([direction=\"vertical\"]) {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\twidth: ${unsafeCSS(constants.SLIDER_SIZE)}px\n\t}\n\n\t:host([direction=\"vertical\"]) .bar {\n\t\twidth: 100%;\n\t}\n\n\t:host([direction=\"horizontal\"]) .bar {\n\t\theight: 100%;\n\t}\n\n\t:host([direction=\"horizontal\"]) {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: ${unsafeCSS(constants.SLIDER_SIZE)}px\n\t}\n\n\t.bar {\n\t\tposition: absolute;\n\t}\n\n\t.bar-inner {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--og-slider-bar-color);\n\t\t_border: 1px solid #8B8B8B;\n\t\ttext-align: center;\n\t\tborder-radius: 6px;\n\t}\n`;\n"]}
|
|
@@ -13,6 +13,7 @@ export declare class SplitContainer extends LitElement implements Layout {
|
|
|
13
13
|
static styles: import("lit").CSSResult[];
|
|
14
14
|
items: SplitContainerItem[];
|
|
15
15
|
orientation: Orientation;
|
|
16
|
+
gap: number;
|
|
16
17
|
containers: NodeListOf<HTMLElement>;
|
|
17
18
|
overlay: HTMLDivElement;
|
|
18
19
|
createComponent: ComponentFactory;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"splitContainer.d.ts","sourceRoot":"","sources":["../../src/ui/splitContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIlG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"splitContainer.d.ts","sourceRoot":"","sources":["../../src/ui/splitContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIlG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG7C,qBAAa,mBAAoB,SAAQ,KAAK;IAE7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;gBACpB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,mBAAmB,CAAC;CAI5D;AAGD,qBAAa,yBAA0B,SAAQ,KAAK;gBACvC,IAAI,EAAE,MAAM;CAGxB;AAED,qBACa,cAAe,SAAQ,UAAW,YAAW,MAAM;IAE/D,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,kBAAkB,EAAE,CAAM;IAGjC,WAAW,EAAE,WAAW,CAAgB;IAGxC,GAAG,SAAK;IAGR,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGpC,OAAO,EAAE,cAAc,CAAC;IAGxB,eAAe,EAAE,gBAAgB,CAAC;IAGlC,KAAK,EAAE,KAAK,CAAC;IAEb,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,kBAAkB,CAAgB;IAE1C,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,SAAS,CAAC,aAAa,UAAQ;;IAO/B,YAAY,CAAC,KAAK,EAAE,MAAM;IAI1B,iBAAiB;IAIjB,oBAAoB;IAIpB,cAAc,CAAC,KAAK,EAAE,MAAM;IAM5B,eAAe,CAAC,KAAK,EAAE,MAAM;IAM7B,qBAAqB,CAAC,KAAK,EAAE,MAAM;IAOnC,YAAY,GAAI,GAAG,UAAU,UAiC3B;IAEF,eAAe;;uBAvHb,CAAC;MA6H2B;IAE9B,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAC,IAAI;IASjD,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAM9B,mBAAmB;IAIb,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,UAAO;IAQ7C,eAAe;IAYf,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAatC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAItC,eAAe,CAAC,KAAK,EAAE,MAAM;IAe7B,OAAO;IAOb,MAAM,6CAgCJ;IAEF,kBAAkB;IAMlB,MAAM;CAQN"}
|
|
@@ -11,6 +11,7 @@ import { map } from "lit/directives/map.js";
|
|
|
11
11
|
import { style } from './splitContainer.style';
|
|
12
12
|
import constants from "../constants";
|
|
13
13
|
import { debounce } from "ts-debounce";
|
|
14
|
+
import { styleMap } from "lit-html/directives/style-map.js";
|
|
14
15
|
export class SplitContainerEvent extends Event {
|
|
15
16
|
constructor(type, args) {
|
|
16
17
|
super(type);
|
|
@@ -27,6 +28,7 @@ let SplitContainer = class SplitContainer extends LitElement {
|
|
|
27
28
|
super();
|
|
28
29
|
this.items = [];
|
|
29
30
|
this.orientation = 'horizontal';
|
|
31
|
+
this.gap = 0;
|
|
30
32
|
this.indexMap = [];
|
|
31
33
|
this.dynamicSizeIndices = [];
|
|
32
34
|
this._resizeIndex = -1;
|
|
@@ -77,8 +79,18 @@ let SplitContainer = class SplitContainer extends LitElement {
|
|
|
77
79
|
const visibleItems = this.items.map((item, index) => ([item, index]));
|
|
78
80
|
return html `
|
|
79
81
|
${map(visibleItems, ([item, index], index2) => item.collapsed ? `` : html `
|
|
80
|
-
<div
|
|
82
|
+
<div
|
|
83
|
+
class="item ${index2 == 0 ? 'first' : (index2 == visibleItems.length - 1 ? 'last' : '')}"
|
|
84
|
+
data-index="${index}"><div
|
|
85
|
+
class="inner"
|
|
86
|
+
style="${styleMap({
|
|
87
|
+
top: this.orientation == 'vertical' && this.gap > 0 && index2 > 0 ? dom.px(this.gap / 2) : null,
|
|
88
|
+
bottom: this.orientation == 'vertical' && this.gap > 0 && index2 < visibleItems.length - 1 ? dom.px(this.gap / 2) : null,
|
|
89
|
+
left: this.orientation == 'horizontal' && this.gap > 0 && index2 > 0 ? dom.px(this.gap / 2) : null,
|
|
90
|
+
right: this.orientation == 'horizontal' && this.gap > 0 && index2 < visibleItems.length - 1 ? dom.px(this.gap / 2) : null,
|
|
91
|
+
})}"></div></div>
|
|
81
92
|
`)}
|
|
93
|
+
|
|
82
94
|
<og-sizer
|
|
83
95
|
orientation="${this.orientation}"
|
|
84
96
|
noGuideLine
|
|
@@ -92,6 +104,7 @@ let SplitContainer = class SplitContainer extends LitElement {
|
|
|
92
104
|
}}"
|
|
93
105
|
@resize="${this._debounceResize}">
|
|
94
106
|
</og-sizer>
|
|
107
|
+
|
|
95
108
|
<div class="overlay"></div>
|
|
96
109
|
`;
|
|
97
110
|
};
|
|
@@ -118,7 +131,7 @@ let SplitContainer = class SplitContainer extends LitElement {
|
|
|
118
131
|
}
|
|
119
132
|
getContainerComponent(index) {
|
|
120
133
|
if (this.indexMap[index] > -1) {
|
|
121
|
-
return this.containers[this.indexMap[index]].
|
|
134
|
+
return this.containers[this.indexMap[index]].firstElementChild.firstElementChild;
|
|
122
135
|
}
|
|
123
136
|
return null;
|
|
124
137
|
}
|
|
@@ -179,11 +192,12 @@ let SplitContainer = class SplitContainer extends LitElement {
|
|
|
179
192
|
if (!container)
|
|
180
193
|
return;
|
|
181
194
|
const item = this.items[index];
|
|
182
|
-
|
|
195
|
+
const innerContainer = container.firstElementChild;
|
|
196
|
+
dom.empty(innerContainer);
|
|
183
197
|
this.setContainerSize(index, item.size);
|
|
184
198
|
const component = await this.getComponent(index, item.id);
|
|
185
199
|
if (component) {
|
|
186
|
-
|
|
200
|
+
innerContainer.appendChild(component);
|
|
187
201
|
this.dispatchEvent(new SplitContainerEvent('component', { index, component }));
|
|
188
202
|
}
|
|
189
203
|
}
|
|
@@ -216,6 +230,9 @@ __decorate([
|
|
|
216
230
|
__decorate([
|
|
217
231
|
property({ type: String, reflect: true })
|
|
218
232
|
], SplitContainer.prototype, "orientation", void 0);
|
|
233
|
+
__decorate([
|
|
234
|
+
property({ type: Number })
|
|
235
|
+
], SplitContainer.prototype, "gap", void 0);
|
|
219
236
|
__decorate([
|
|
220
237
|
queryAll('.item')
|
|
221
238
|
], SplitContainer.prototype, "containers", void 0);
|