@omegagrid/tree 0.10.0 → 0.10.2

package/dist/ui/tree.renderer.js

@@ -1,114 +0,0 @@
-import { html, render } from "lit";
-import { styleMap } from "lit/directives/style-map.js";
-import { classMap } from "lit/directives/class-map.js";
-import { SelectMode } from "../types";
-import { dom, utils } from "@omegagrid/core";
-import { NodeSelectionStatus } from "../model/selectionModel";
-import { tree } from "@omegagrid/core";
-import { msg } from "@omegagrid/localize";
-const expanderStyle = styleMap({
-    display: 'block',
-    position: 'relative',
-    top: '5px',
-    left: '4px'
-});
-const checkboxPropertyMap = {
-    [NodeSelectionStatus.Checked]: {
-        value: 'checked',
-        color: null
-    },
-    [NodeSelectionStatus.CheckedByParent]: {
-        value: 'checked',
-        color: '#555555'
-    },
-    [NodeSelectionStatus.None]: {
-        value: 'none',
-        color: null
-    },
-    [NodeSelectionStatus.Unchecked]: {
-        value: 'unchecked',
-        color: '#ff0000'
-    }
-};
-export const createItemRenderer = (treeComponent) => (div, index, opts) => {
-    const item = treeComponent.model.visibleNodes[index];
-    if (item.placeholder)
-        return renderPlaceholder(div, item);
-    const node = item;
-    const selectionStatus = treeComponent.selection.getSelectionStatus(node);
-    const options = treeComponent.options;
-    const folderOptions = node.hasChildren ? (node.folder || options.folderOptions) : null;
-    const folderIcon = folderOptions ? html `
-		<og-icon .icon="${node.collapsed ? folderOptions.closedIcon : folderOptions.openIcon}"></og-icon>
-	` : null;
-    div.dataset.node = node.index.toString();
-    div.classList.toggle('filtered', node.filterState != tree.FilterState.Matched);
-    const txtDiv = dom.createElement('div', { className: 'txt' });
-    txtDiv.style.textOverflow = opts && opts.measure ? 'clip' : 'ellipsis';
-    if (node.icon)
-        txtDiv.appendChild(dom.createElement('og-icon', { icon: node.icon, fixedWidth: true }));
-    if (node.renderer) {
-        const result = node.renderer(txtDiv, node);
-        if (utils.isString(result)) {
-            txtDiv.insertAdjacentHTML('beforeend', result);
-        }
-        else if (result) {
-            render(result, txtDiv);
-        }
-    }
-    else if (node.htmlValue)
-        txtDiv.insertAdjacentHTML('beforeend', node.htmlValue);
-    else
-        txtDiv.appendChild(document.createTextNode(node.value));
-    if (options.afterRenderer)
-        options.afterRenderer(div, node);
-    return html `
-		<div class="ind" style="min-width: ${node.level * options.levelIndent}px"></div>
-		
-		${options.expanders && (treeComponent.model.maxLevel > 0 || node.hasChildren) ? html `
-			<div class="exp" style="line-height: ${treeComponent.itemHeight}px">
-				${node.hasChildren ? html `
-					<og-expander 
-						state="${node.collapsed ? 'closed' : (node.isLoaded || node.isPartialyLoaded ? 'open' : 'waiting')}" 
-						style="${expanderStyle}">
-					</og-expander>
-				` : ''}
-			</div>
-		` : ``}
-
-		${options.selectMode != SelectMode.None && options.checkboxes && (node.checkbox ?? true) ? html `
-			<div class="chck">
-				<og-checkbox
-					.value="${checkboxPropertyMap[selectionStatus].value}"
-					.color="${checkboxPropertyMap[selectionStatus].color}">
-				</og-checkbox>
-			</div>
-		` : ``}
-		
-		${folderIcon ? html `<div class="dir">${folderIcon}</div>` : ``}
-
-		${txtDiv}
-
-		${node.subLevels > 0 && (treeComponent.options.selectMode == SelectMode.Multiple || treeComponent.options.selectMode == SelectMode.MultipleLevels) ? html `
-			<div class="lvl ${classMap({ hideable: !treeComponent.options.levelsAlwaysVisible })}">
-				<og-tree-levels 
-					count="${node.subLevels}"
-					.selection="${treeComponent.selection.getLevelSelection(node)}">
-				</og-tree-levels>
-			</div>
-		` : ``}
-	`;
-};
-export const renderPlaceholder = (div, placeholder) => {
-    const node = placeholder.parent;
-    const options = node.model.options;
-    placeholder.element = div;
-    return html `
-		<div 
-			class="placeholder"
-			style="${styleMap({ paddingLeft: `${(node.level + 1) * options.levelIndent + 5}px` })}">
-			<og-icon icon="download"></og-icon>${msg('load more')}
-		</div>
-	`;
-};
-//# sourceMappingURL=tree.renderer.js.map

package/dist/ui/tree.renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree.renderer.js","sourceRoot":"","sources":["../../src/ui/tree.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAgD,GAAG,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,aAAa,GAAG,QAAQ,CAAC;IAC9B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;CACX,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAGpB;IACJ,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE;QAC9B,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,IAAI;KACX;IACD,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE;QACtC,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KAChB;IACD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;QAC3B,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,IAAI;KACX;IACD,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE;QAChC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,SAAS;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,aAAmB,EAAE,EAAE,CAAC,CAAC,GAAmB,EAAE,KAAa,EAAE,IAA8B,EAAE,EAAE;IACjI,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,IAAK,IAAwB,CAAC,WAAW;QAAE,OAAO,iBAAiB,CAAC,GAAG,EAAE,IAAuB,CAAC,CAAC;IAElG,MAAM,IAAI,GAAG,IAAiB,CAAC;IAC/B,MAAM,eAAe,GAAG,aAAa,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;IACtC,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvF,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;oBACpB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ;EACpF,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACzC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAiB,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;IAC5E,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IACvE,IAAI,IAAI,CAAC,IAAI;QAAE,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,CAAO,SAAS,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3G,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC3C,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,MAAM,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAgB,CAAC,CAAC;QAC1D,CAAC;aAAM,IAAI,MAAM,EAAE,CAAC;YACnB,MAAM,CAAC,MAA2B,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;SACI,IAAI,IAAI,CAAC,SAAS;QAAE,MAAM,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;;QAC3E,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,IAAI,OAAO,CAAC,aAAa;QAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC5D,OAAO,IAAI,CAAA;uCAC2B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW;;IAEnE,OAAO,CAAC,SAAS,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;0CAC5C,aAAa,CAAC,UAAU;MAC5D,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;eAEd,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;eACzF,aAAa;;KAEvB,CAAC,CAAC,CAAC,EAAE;;GAEP,CAAC,CAAC,CAAC,EAAE;;IAEJ,OAAO,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;;eAGlF,mBAAmB,CAAC,eAAe,CAAC,CAAC,KAAK;eAC1C,mBAAmB,CAAC,eAAe,CAAC,CAAC,KAAK;;;GAGtD,CAAC,CAAC,CAAC,EAAE;;IAEJ,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,UAAU,QAAQ,CAAA,CAAC,CAAC,EAAE;;IAE3D,MAAM;;IAEN,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,IAAI,UAAU,CAAC,QAAQ,IAAI,aAAa,CAAC,OAAO,CAAC,UAAU,IAAI,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;qBACtI,QAAQ,CAAC,EAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,mBAAmB,EAAC,CAAC;;cAEvE,IAAI,CAAC,SAAS;mBACT,aAAa,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC;;;GAG/D,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAmB,EAAE,WAA4B,EAAE,EAAE;IACtF,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC;IAChC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACnC,WAAW,CAAC,OAAO,GAAG,GAAG,CAAC;IAC1B,OAAO,IAAI,CAAA;;;YAGA,QAAQ,CAAC,EAAC,WAAW,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,GAAG,CAAC,IAAI,EAAC,CAAC;wCAC9C,GAAG,CAAC,WAAW,CAAC;;EAEtD,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { TemplateResult, html, render } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { NodePlaceholder, SelectMode } from \"../types\";\nimport { Tree } from \"./tree\";\nimport { CheckboxState, Icon, ListItemRendererOptions, dom, utils } from \"@omegagrid/core\";\nimport { NodeSelectionStatus } from \"../model/selectionModel\";\nimport { tree } from \"@omegagrid/core\";\nimport { NodeModel } from \"../model\";\nimport { msg } from \"@omegagrid/localize\";\n\nconst expanderStyle = styleMap({\n\tdisplay: 'block',\n\tposition: 'relative',\n\ttop: '5px',\n\tleft: '4px'\n});\n\nconst checkboxPropertyMap: Record<NodeSelectionStatus, {\n\tvalue: CheckboxState,\n\tcolor: string|null\n}> = {\n\t[NodeSelectionStatus.Checked]: {\n\t\tvalue: 'checked',\n\t\tcolor: null\n\t},\n\t[NodeSelectionStatus.CheckedByParent]: {\n\t\tvalue: 'checked',\n\t\tcolor: '#555555'\n\t},\n\t[NodeSelectionStatus.None]: {\n\t\tvalue: 'none',\n\t\tcolor: null\n\t},\n\t[NodeSelectionStatus.Unchecked]: {\n\t\tvalue: 'unchecked',\n\t\tcolor: '#ff0000'\n\t}\n};\n\nexport const createItemRenderer = (treeComponent: Tree) => (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => {\n\tconst item = treeComponent.model.visibleNodes[index];\n\tif ((item as NodePlaceholder).placeholder) return renderPlaceholder(div, item as NodePlaceholder);\n\n\tconst node = item as NodeModel;\n\tconst selectionStatus = treeComponent.selection.getSelectionStatus(node);\n\tconst options = treeComponent.options;\n\tconst folderOptions = node.hasChildren ? (node.folder || options.folderOptions) : null;\n\tconst folderIcon = folderOptions ? html`\n\t\t<og-icon .icon=\"${node.collapsed ? folderOptions.closedIcon : folderOptions.openIcon}\"></og-icon>\n\t` : null;\n\n\tdiv.dataset.node = node.index.toString();\n\tdiv.classList.toggle('filtered', node.filterState != tree.FilterState.Matched);\n\n\tconst txtDiv = dom.createElement<HTMLDivElement>('div', {className: 'txt'});\n\ttxtDiv.style.textOverflow = opts && opts.measure ? 'clip' : 'ellipsis';\n\tif (node.icon) txtDiv.appendChild(dom.createElement<Icon>('og-icon', {icon: node.icon, fixedWidth: true}));\n\tif (node.renderer) {\n\t\tconst result = node.renderer(txtDiv, node);\n\t\tif (utils.isString(result)) {\n\t\t\ttxtDiv.insertAdjacentHTML('beforeend', result as string);\n\t\t} else if (result) {\n\t\t\trender(result as TemplateResult<1>, txtDiv);\n\t\t}\n\t}\n\telse if (node.htmlValue) txtDiv.insertAdjacentHTML('beforeend', node.htmlValue);\n\telse txtDiv.appendChild(document.createTextNode(node.value));\n\t\n\tif (options.afterRenderer) options.afterRenderer(div, node);\n\treturn html`\n\t\t<div class=\"ind\" style=\"min-width: ${node.level * options.levelIndent}px\"></div>\n\t\t\n\t\t${options.expanders && (treeComponent.model.maxLevel > 0 || node.hasChildren) ? html`\n\t\t\t<div class=\"exp\" style=\"line-height: ${treeComponent.itemHeight}px\">\n\t\t\t\t${node.hasChildren ? html`\n\t\t\t\t\t<og-expander \n\t\t\t\t\t\tstate=\"${node.collapsed ? 'closed' : (node.isLoaded || node.isPartialyLoaded ? 'open' : 'waiting')}\" \n\t\t\t\t\t\tstyle=\"${expanderStyle}\">\n\t\t\t\t\t</og-expander>\n\t\t\t\t` : ''}\n\t\t\t</div>\n\t\t` : ``}\n\n\t\t${options.selectMode != SelectMode.None && options.checkboxes && (node.checkbox ?? true) ? html`\n\t\t\t<div class=\"chck\">\n\t\t\t\t<og-checkbox\n\t\t\t\t\t.value=\"${checkboxPropertyMap[selectionStatus].value}\"\n\t\t\t\t\t.color=\"${checkboxPropertyMap[selectionStatus].color}\">\n\t\t\t\t</og-checkbox>\n\t\t\t</div>\n\t\t` : ``}\n\t\t\n\t\t${folderIcon ? html`<div class=\"dir\">${folderIcon}</div>`: ``}\n\n\t\t${txtDiv}\n\n\t\t${node.subLevels > 0 && (treeComponent.options.selectMode == SelectMode.Multiple || treeComponent.options.selectMode == SelectMode.MultipleLevels) ? html`\n\t\t\t<div class=\"lvl ${classMap({hideable: !treeComponent.options.levelsAlwaysVisible})}\">\n\t\t\t\t<og-tree-levels \n\t\t\t\t\tcount=\"${node.subLevels}\"\n\t\t\t\t\t.selection=\"${treeComponent.selection.getLevelSelection(node)}\">\n\t\t\t\t</og-tree-levels>\n\t\t\t</div>\n\t\t` : ``}\n\t`;\n};\n\nexport const renderPlaceholder = (div: HTMLDivElement, placeholder: NodePlaceholder) => {\n\tconst node = placeholder.parent;\n\tconst options = node.model.options;\n\tplaceholder.element = div;\n\treturn html`\n\t\t<div \n\t\t\tclass=\"placeholder\"\n\t\t\tstyle=\"${styleMap({paddingLeft: `${(node.level + 1) * options.levelIndent + 5}px`})}\">\n\t\t\t<og-icon icon=\"download\"></og-icon>${msg('load more')}\n\t\t</div>\n\t`;\n};"]}

package/dist/ui/tree.style.d.ts

@@ -1,3 +0,0 @@
-export declare const style: import("lit").CSSResult;
-export declare const itemStyle: import("lit").CSSResult;
-//# sourceMappingURL=tree.style.d.ts.map

package/dist/ui/tree.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree.style.d.ts","sourceRoot":"","sources":["../../src/ui/tree.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBAiDjB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA6FrB,CAAC"}

package/dist/ui/tree.style.js

@@ -1,147 +0,0 @@
-import { css } from 'lit';
-import constants from '../constants';
-export const style = css `
-	:host {
-		font-size: var(--og-font-size);
-		font-family: var(--og-font-family);
-		position: relative;
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		user-select: none;
-		outline: none;
-	}
-
-	og-alert {
-		border-radius: 0;
-		border-width: 0;
-	}
-
-	og-list {
-		width: 100%;
-		height: 100%;
-		flex: 1;
-	}
-
-	.toolbar {
-		flex: 0;
-	}
-
-	.toolbar-levels {
-		min-height: 18px;
-		margin: 2px 2px 0 2px;
-	}
-
-	.toolbar-levels > * {
-		height: 18px;
-		line-height: 18px;
-	}
-
-	.toolbar-search {
-		margin: 0;
-		border-bottom: 1px solid var(--og-accent-color);
-	}
-
-	.toolbar-search og-tree-search {
-		min-height: 22px;
-	}
-
-	.main {
-		flex: 1;
-	}
-`;
-export const itemStyle = css `
-	.item {
-		display: flex;
-		position: relative;
-		white-space: nowrap;
-	}
-
-	.item.drag {
-		border-bottom: 2px solid var(--og-text-color);
-	}
-
-	.item > div {
-		flex: 0;
-		margin-left: 2px;
-	}
-
-	.item.filtered {
-		opacity: 0.5;
-	}
-
-	.item div.exp {
-		min-width: 20px;
-		position: relative;
-	}
-
-	.item div.chck {
-		min-width: 20px;
-		padding-left: 2px;
- 	}
-
-	.item div.chck og-checkbox {
-		display: block;
-		margin-top: 3px;
-	}
-
-	.item div.dir {
-		text-align: left;
-		min-width: 20px;
-		padding-left: 2px;
-	}
-
-	.item div.dir og-icon {
-		height: 100%;
-	}
-
-	.item div.dir img {
-		height: 18px;
-		margin-top: 2px;
-	}
-
-	.item div.txt {
-		display: flex;
-		flex-direction: row;
-		flex: 1;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.item div.txt og-icon {
-		min-width: 20px;
-		margin-left: 2px;
-		display: flex;
-		height: 100%;
-	}
-
-	.item div.lvl {
-		vertical-align: middle;
-		line-height: 18px;
-		margin-right: ${constants.SLIDER_SIZE}px;
-	}
-
-	.item div.lvl {
-		display: flex;
-		vertical-align: middle;
-		line-height: 18px;
-		padding-top: 2px;
-	}
-
-	.item div.lvl og-tree-levels {
-		height: 18px;
-	}
-
-	.item div.lvl.hideable {
-		display: none;
-	}
-
-	.item:hover div.lvl.hideable {
-		display: flex;
-	}
-	
-	.item:hover div.lvl {
-		display: flex;
-	}
-`;
-//# sourceMappingURL=tree.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tree.style.js","sourceRoot":"","sources":["../../src/ui/tree.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAoEV,SAAS,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\tog-alert {\n\t\tborder-radius: 0;\n\t\tborder-width: 0;\n\t}\n\n\tog-list {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tflex: 1;\n\t}\n\n\t.toolbar {\n\t\tflex: 0;\n\t}\n\n\t.toolbar-levels {\n\t\tmin-height: 18px;\n\t\tmargin: 2px 2px 0 2px;\n\t}\n\n\t.toolbar-levels > * {\n\t\theight: 18px;\n\t\tline-height: 18px;\n\t}\n\n\t.toolbar-search {\n\t\tmargin: 0;\n\t\tborder-bottom: 1px solid var(--og-accent-color);\n\t}\n\n\t.toolbar-search og-tree-search {\n\t\tmin-height: 22px;\n\t}\n\n\t.main {\n\t\tflex: 1;\n\t}\n`;\n\nexport const itemStyle = css`\n\t.item {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twhite-space: nowrap;\n\t}\n\n\t.item.drag {\n\t\tborder-bottom: 2px solid var(--og-text-color);\n\t}\n\n\t.item > div {\n\t\tflex: 0;\n\t\tmargin-left: 2px;\n\t}\n\n\t.item.filtered {\n\t\topacity: 0.5;\n\t}\n\n\t.item div.exp {\n\t\tmin-width: 20px;\n\t\tposition: relative;\n\t}\n\n\t.item div.chck {\n\t\tmin-width: 20px;\n\t\tpadding-left: 2px;\n \t}\n\n\t.item div.chck og-checkbox {\n\t\tdisplay: block;\n\t\tmargin-top: 3px;\n\t}\n\n\t.item div.dir {\n\t\ttext-align: left;\n\t\tmin-width: 20px;\n\t\tpadding-left: 2px;\n\t}\n\n\t.item div.dir og-icon {\n\t\theight: 100%;\n\t}\n\n\t.item div.dir img {\n\t\theight: 18px;\n\t\tmargin-top: 2px;\n\t}\n\n\t.item div.txt {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.item div.txt og-icon {\n\t\tmin-width: 20px;\n\t\tmargin-left: 2px;\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t}\n\n\t.item div.lvl {\n\t\tvertical-align: middle;\n\t\tline-height: 18px;\n\t\tmargin-right: ${constants.SLIDER_SIZE}px;\n\t}\n\n\t.item div.lvl {\n\t\tdisplay: flex;\n\t\tvertical-align: middle;\n\t\tline-height: 18px;\n\t\tpadding-top: 2px;\n\t}\n\n\t.item div.lvl og-tree-levels {\n\t\theight: 18px;\n\t}\n\n\t.item div.lvl.hideable {\n\t\tdisplay: none;\n\t}\n\n\t.item:hover div.lvl.hideable {\n\t\tdisplay: flex;\n\t}\n\t\n\t.item:hover div.lvl {\n\t\tdisplay: flex;\n\t}\n`;"]}