@omegagrid/core 0.10.16 → 0.10.17

package/dist/themes/transformations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,EAAE,MAAM,UAAU,CAAC;AAI7C,KAAK,iBAAiB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;AAE7D,QAAA,MAAM,eAAe,EAAE;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,iBAAiB,CAAA;CAC5B,EA0CI,CAAC;AAEN,eAAe,eAAe,CAAC"}
+{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,EAAE,MAAM,UAAU,CAAC;AAI7C,KAAK,iBAAiB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;AAE7D,QAAA,MAAM,eAAe,EAAE;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,iBAAiB,CAAA;CAC5B,EAsCI,CAAC;AAEN,eAAe,eAAe,CAAC"}

package/dist/themes/transformations.js

@@ -9,22 +9,18 @@ const transformations = [{
         from: `accent-color`,
         to: `colortype-accent-border-color`,
         transform: (v) => darken(v, 0.25)
-    }, {
+    }, ...scale.flatMap(amount => ([{
+            from: `accent-color`,
+            to: `accent-color-alpha-${amount}`,
+            transform: (v) => alpha(v, amount / 100)
+        }, {
+            from: `accent-color`,
+            to: `accent-color-alpha-soft-${amount}`,
+            transform: (v, theme) => alpha(v, theme.type === 'dark' ? (amount / 100) : (100 - (amount / 100)))
+        }])), {
         from: `accent-color`,
         to: `accent-color-alpha`,
         transform: (v) => alpha(v)
-    }, {
-        from: `accent-color`,
-        to: `accent-color-alpha-15`,
-        transform: (v) => alpha(v, 0.15)
-    }, {
-        from: `accent-color`,
-        to: `accent-color-alpha-30`,
-        transform: (v) => alpha(v, 0.30)
-    }, {
-        from: `accent-color`,
-        to: `accent-color-alpha-70`,
-        transform: (v) => alpha(v, 0.70)
     }, {
         from: `accent-color`,
         to: `accent-color-highlight`,

package/dist/themes/transformations.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"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","sourcesContent":["import { alpha, darken, lighten } from \"../common/colors\";\nimport { ColorTypes, Theme } from \"../types\";\n\nconst scale = Array.from({ length: 19 }, (_, i) => (i + 1) * 5);\n\ntype TransformFunction = (v: string, theme: Theme) => string;\n\nconst transformations: {\n\tfrom: string, \n\tto: string, \n\ttransform: TransformFunction\n}[] = [{\n\tfrom: `accent-color`,\n\tto: `colortype-accent-background-color`,\n\ttransform: (v: string) => v\n}, {\n\tfrom: `accent-color`,\n\tto: `colortype-accent-border-color`,\n\ttransform: (v: string) => darken(v, 0.25)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha`,\n\ttransform: (v: string) => alpha(v)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha-15`,\n\ttransform: (v: string) => alpha(v, 0.15)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha-30`,\n\ttransform: (v: string) => alpha(v, 0.30)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha-70`,\n\ttransform: (v: string) => alpha(v, 0.70)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-highlight`,\n\ttransform: (v: string) => darken(v)\n}, ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-dark-${amount}`,\n\ttransform: (v: string) => darken(v, amount / 100)\n}))), ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-light-${amount}`,\n\ttransform: (v: string) => lighten(v, amount / 100)\n}))), ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-soft-${amount}`,\n\ttransform: (v: string, theme: Theme) => theme.type === 'dark' // darker for dark themes, lighter for light themes\n\t\t? darken(v, amount / 100) \n\t\t: lighten(v, amount / 100)\n})))];\n\nexport default transformations;"]}
+{"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"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","sourcesContent":["import { alpha, darken, lighten } from \"../common/colors\";\nimport { ColorTypes, Theme } from \"../types\";\n\nconst scale = Array.from({ length: 19 }, (_, i) => (i + 1) * 5);\n\ntype TransformFunction = (v: string, theme: Theme) => string;\n\nconst transformations: {\n\tfrom: string,\n\tto: string,\n\ttransform: TransformFunction\n}[] = [{\n\tfrom: `accent-color`,\n\tto: `colortype-accent-background-color`,\n\ttransform: (v: string) => v\n}, {\n\tfrom: `accent-color`,\n\tto: `colortype-accent-border-color`,\n\ttransform: (v: string) => darken(v, 0.25)\n}, ...scale.flatMap(amount => ([{\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha-${amount}`,\n\ttransform: (v: string) => alpha(v, amount / 100)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha-soft-${amount}`,\n\ttransform: (v: string, theme: Theme) => alpha(v, theme.type === 'dark' ? (amount / 100) : (100 - (amount / 100)))\n}])), {\n\tfrom: `accent-color`,\n\tto: `accent-color-alpha`,\n\ttransform: (v: string) => alpha(v)\n}, {\n\tfrom: `accent-color`,\n\tto: `accent-color-highlight`,\n\ttransform: (v: string) => darken(v)\n}, ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-dark-${amount}`,\n\ttransform: (v: string) => darken(v, amount / 100)\n}))), ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-light-${amount}`,\n\ttransform: (v: string) => lighten(v, amount / 100)\n}))), ...Object.values(ColorTypes).flatMap(clr =>scale.map(amount => ({\n\tfrom: `colortype-${clr}-background-color`,\n\tto: `colortype-${clr}-background-color-soft-${amount}`,\n\ttransform: (v: string, theme: Theme) => theme.type === 'dark' // darker for dark themes, lighter for light themes\n\t\t? darken(v, amount / 100)\n\t\t: lighten(v, amount / 100)\n})))];\n\nexport default transformations;\n"]}

package/dist/ui/button.style.js

@@ -15,10 +15,10 @@ export const style = css `
 		transition: filter 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease, transform 0.1s ease;
 	}
 
-	:host([default]) {
+	/*:host([default]) {
 		font-weight: bold;
 		box-shadow: inset 0 -2px 0 0 currentColor;
-	}
+	}*/
 
 	:host([state=unchecked]) {
 		border-color: var(--og-background-color);

package/dist/ui/button.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.style.js","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;YAQZ,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DlC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tfont-size: var(--og-font-size);\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\theight: ${constants.BUTTON_HEIGHT}px;\n\t\toutline: none;\n\t\tuser-select: none;\n\t\tborder-radius: var(--og-base-radius);\n\t\ttransition: filter 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease, transform 0.1s ease;\n\t}\n\n\t:host([default]) {\n\t\tfont-weight: bold;\n\t\tbox-shadow: inset 0 -2px 0 0 currentColor;\n\t}\n\n\t:host([state=unchecked]) {\n\t\tborder-color: var(--og-background-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tcolor: var(--og-text-color);\n\t}\n\n\t:host([disabled]), :host([disabled]:hover), :host([disabled]:active) {\n\t\tbackground-color: var(--og-button-background-color);\n\t\tborder-color: var(--og-border-color);\n\t\tcursor: not-allowed;\n\t\topacity: 0.4;\n\t\tfilter: saturate(0.3);\n\t\ttransform: none;\n\t}\n\n\t:host(:hover) {\n\t\tfilter: brightness(1.2);\n\t}\n\n\t:host(:active) {\n\t\tfilter: brightness(0.9);\n\t\ttransform: scale(0.97);\n\t}\n\n\t:host(:focus-visible) {\n\t\tbox-shadow: 0 0 0 2px var(--og-background-color), 0 0 0 4px var(--og-button-color);\n\t}\n\n\tdiv.inner {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\tdiv.content {\n\t\tflex: 1 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\tpadding: 0 4px;\n\t}\n\n\t.has-content og-icon {\n\t\tmargin-left: 2px;\n\t}\n\n`;\n"]}
+{"version":3,"file":"button.style.js","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;YAQZ,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DlC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tfont-size: var(--og-font-size);\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\theight: ${constants.BUTTON_HEIGHT}px;\n\t\toutline: none;\n\t\tuser-select: none;\n\t\tborder-radius: var(--og-base-radius);\n\t\ttransition: filter 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease, transform 0.1s ease;\n\t}\n\n\t/*:host([default]) {\n\t\tfont-weight: bold;\n\t\tbox-shadow: inset 0 -2px 0 0 currentColor;\n\t}*/\n\n\t:host([state=unchecked]) {\n\t\tborder-color: var(--og-background-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tcolor: var(--og-text-color);\n\t}\n\n\t:host([disabled]), :host([disabled]:hover), :host([disabled]:active) {\n\t\tbackground-color: var(--og-button-background-color);\n\t\tborder-color: var(--og-border-color);\n\t\tcursor: not-allowed;\n\t\topacity: 0.4;\n\t\tfilter: saturate(0.3);\n\t\ttransform: none;\n\t}\n\n\t:host(:hover) {\n\t\tfilter: brightness(1.2);\n\t}\n\n\t:host(:active) {\n\t\tfilter: brightness(0.9);\n\t\ttransform: scale(0.97);\n\t}\n\n\t:host(:focus-visible) {\n\t\tbox-shadow: 0 0 0 2px var(--og-background-color), 0 0 0 4px var(--og-button-color);\n\t}\n\n\tdiv.inner {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\tdiv.content {\n\t\tflex: 1 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\tpadding: 0 4px;\n\t}\n\n\t.has-content og-icon {\n\t\tmargin-left: 2px;\n\t}\n\n`;\n"]}

package/dist/ui/dropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownMenu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,qBACa,YAAa,SAAQ,QAAQ;IAGzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAS;IAErB,OAAO,CAAC,KAAK,CAAO;IAEpB,IAAI,IAAI,SAoBP;;IAWD,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;CAQnC"}
+{"version":3,"file":"dropdownMenu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,qBACa,YAAa,SAAQ,QAAQ;IAGzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAS;IAErB,OAAO,CAAC,KAAK,CAAO;IAEpB,IAAI,IAAI,SAqBP;;IAWD,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;CAQnC"}

package/dist/ui/dropdownMenu.js

@@ -16,6 +16,7 @@ let DropdownMenu = class DropdownMenu extends Dropdown {
             slot: 'inner-content',
             dynamicWidth: this.dynamicWidth,
             items: this.items,
+            color: this.color,
             style: {
                 border: 'none',
                 minWidth: '100%'

package/dist/ui/dropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownMenu.js","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAQ,SAAS,EAAY,MAAM,QAAQ,CAAC;AAG5C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAUzC,IAAI,IAAI;QACP,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,aAAa,CAAO,SAAS,EAAE;YAC/C,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE;gBACN,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aAChB;YACD,SAAS,EAAE;gBACV,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC/B,CAAC,aAAa,EAAE,CAAC,CAAY,EAAE,EAAE;wBAChC,IAAI,CAAC,KAAK,EAAE,CAAC;wBACb,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;oBACrD,CAAC,CAAC;aACF;SACD,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QA3BT,iBAAY,GAAG,KAAK,CAAC;QA4BpB,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,KAA2B;QAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,CAAC;IACF,CAAC;CAED,CAAA;AA9CA;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;2CACN;AAGlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;kDACL;AANT,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAiDxB","sourcesContent":["import { dom } from '../common';\nimport { customElement, property } from 'lit/decorators.js';\nimport { Dropdown } from './dropdown';\nimport { Menu, MenuEvent, MenuItem } from './menu';\n\n@customElement(`og-dropdown-menu`)\nexport class DropdownMenu extends Dropdown {\n\n\t@property({type: Array})\n\titems: MenuItem[];\n\n\t@property({type: Boolean})\n\tdynamicWidth = false;\n\n\tprivate _menu: Menu;\n\n\tget menu() {\n\t\tif (this._menu) return this._menu;\n\t\tthis._menu = dom.createElement<Menu>('og-menu', {\n\t\t\tslot: 'inner-content',\n\t\t\tdynamicWidth: this.dynamicWidth,\n\t\t\titems: this.items,\n\t\t\tstyle: {\n\t\t\t\tborder: 'none',\n\t\t\t\tminWidth: '100%'\n\t\t\t},\n\t\t\tlisteners: [\n\t\t\t\t['render', () => this.layout()],\n\t\t\t\t['menu.select', (e: MenuEvent) => {\n\t\t\t\t\tthis.close();\n\t\t\t\t\tthis.dispatchEvent(new MenuEvent('select', e.item));\n\t\t\t\t}]\n\t\t\t]\n\t\t});\n\t\tthis.dropdown.appendChild(this._menu);\n\t\treturn this._menu;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('dropdown.beforeOpen', () => this.menu);\n\t\tthis.addEventListener('dropdown.open', () => {\n\t\t\tthis.menu.focus();\n\t\t\tsetTimeout(() => this.layout(), 0);\n\t\t});\n\t}\n\n\tupdated(props: Map<string, unknown>) {\n\t\tsuper.updated(props);\n\t\tif (this._menu) {\n\t\t\tthis._menu.dynamicWidth = this.dynamicWidth;\n\t\t\tthis._menu.items = this.items;\n\t\t}\n\t}\n\t\n}"]}
+{"version":3,"file":"dropdownMenu.js","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAQ,SAAS,EAAY,MAAM,QAAQ,CAAC;AAG5C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAUzC,IAAI,IAAI;QACP,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,aAAa,CAAO,SAAS,EAAE;YAC/C,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE;gBACN,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aAChB;YACD,SAAS,EAAE;gBACV,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC/B,CAAC,aAAa,EAAE,CAAC,CAAY,EAAE,EAAE;wBAChC,IAAI,CAAC,KAAK,EAAE,CAAC;wBACb,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;oBACrD,CAAC,CAAC;aACF;SACD,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QA5BT,iBAAY,GAAG,KAAK,CAAC;QA6BpB,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,KAA2B;QAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,CAAC;IACF,CAAC;CAED,CAAA;AA/CA;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;2CACN;AAGlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;kDACL;AANT,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAkDxB","sourcesContent":["import { dom } from '../common';\nimport { customElement, property } from 'lit/decorators.js';\nimport { Dropdown } from './dropdown';\nimport { Menu, MenuEvent, MenuItem } from './menu';\n\n@customElement(`og-dropdown-menu`)\nexport class DropdownMenu extends Dropdown {\n\n\t@property({type: Array})\n\titems: MenuItem[];\n\n\t@property({type: Boolean})\n\tdynamicWidth = false;\n\n\tprivate _menu: Menu;\n\n\tget menu() {\n\t\tif (this._menu) return this._menu;\n\t\tthis._menu = dom.createElement<Menu>('og-menu', {\n\t\t\tslot: 'inner-content',\n\t\t\tdynamicWidth: this.dynamicWidth,\n\t\t\titems: this.items,\n\t\t\tcolor: this.color,\n\t\t\tstyle: {\n\t\t\t\tborder: 'none',\n\t\t\t\tminWidth: '100%'\n\t\t\t},\n\t\t\tlisteners: [\n\t\t\t\t['render', () => this.layout()],\n\t\t\t\t['menu.select', (e: MenuEvent) => {\n\t\t\t\t\tthis.close();\n\t\t\t\t\tthis.dispatchEvent(new MenuEvent('select', e.item));\n\t\t\t\t}]\n\t\t\t]\n\t\t});\n\t\tthis.dropdown.appendChild(this._menu);\n\t\treturn this._menu;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('dropdown.beforeOpen', () => this.menu);\n\t\tthis.addEventListener('dropdown.open', () => {\n\t\t\tthis.menu.focus();\n\t\t\tsetTimeout(() => this.layout(), 0);\n\t\t});\n\t}\n\n\tupdated(props: Map<string, unknown>) {\n\t\tsuper.updated(props);\n\t\tif (this._menu) {\n\t\t\tthis._menu.dynamicWidth = this.dynamicWidth;\n\t\t\tthis._menu.items = this.items;\n\t\t}\n\t}\n\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/core",
-  "version": "0.10.16",
+  "version": "0.10.17",
   "license": "UNLICENSED",
   "description": "Core components",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/localize": "^0.10.16",
+    "@omegagrid/localize": "^0.10.17",
     "color": "^4.2.3",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",