@web-atoms/web-controls 2.2.0 → 2.2.2

package/dist/basic/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/basic/DropDown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"mappings":"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","names":["DropDown","BindableProperty","XNode","StyleRule","CSS","AtomRepeater","askSuggestion","askSuggestionPopup","disposeChildren","MatchAnyCaseInsensitive","flexLayout","inline","justifyContent","nested","whiteSpace","constructor","updateItems","container","onPropertyChanged","name","itemRenderer","item","text","labelPath","updateClasses","preCreate","disableSearch","prompt","popupSuggestions","bindEvent","element","e","openPopup","valuePath","value","label","dataset","dropDown","render","class","isPopupOpen","selected","items","suggestionRenderer","match","title","suggestionPrompt","selectedItem","dispatchEvent","CustomEvent","bubbles","detail","cancelable","ir","index","indexOf","node","na","attributes","__decorate"],"sourceRoot":"","sources":["../../src/basic/DropDown.tsx"],"sourcesContent":[null]}

package/dist/basic/Editable.js

@@ -1,120 +1,122 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+System.register(["@web-atoms/core/dist/core/XNode", "./AtomRepeater"], function (_export, _context) {
+  "use strict";
+
+  var XNode, getParentRepeaterItem, __rest, handlers;
+  function getPropertyInfo(propertyPath) {
+    if (typeof propertyPath === "string") {
+      return {
+        key: propertyPath,
+        getter: item => item === null || item === void 0 ? void 0 : item[propertyPath],
+        setter: (item, value) => {
+          if (item) {
+            item[propertyPath] = value;
+          }
         }
-    return t;
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
+      };
     }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "./AtomRepeater"], factory);
+    if (!Array.isArray(propertyPath)) {
+      return propertyPath;
     }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.EditableInput = exports.getPropertyInfo = void 0;
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const AtomRepeater_1 = require("./AtomRepeater");
-    function getPropertyInfo(propertyPath) {
-        if (typeof propertyPath === "string") {
-            return {
-                key: propertyPath,
-                getter: (item) => item === null || item === void 0 ? void 0 : item[propertyPath],
-                setter: (item, value) => {
-                    if (item) {
-                        item[propertyPath] = value;
-                    }
-                }
-            };
+    const last = propertyPath.pop();
+    let getterIntermediate;
+    if (propertyPath.length > 0) {
+      getterIntermediate = item => {
+        if (!item) {
+          return item;
         }
-        if (!Array.isArray(propertyPath)) {
-            return propertyPath;
+        for (const iterator of propertyPath) {
+          item = item[iterator];
+          if (!item) {
+            return item;
+          }
         }
-        const last = propertyPath.pop();
-        let getterIntermediate;
-        if (propertyPath.length > 0) {
-            getterIntermediate = (item) => {
-                if (!item) {
-                    return item;
-                }
-                for (const iterator of propertyPath) {
-                    item = item[iterator];
-                    if (!item) {
-                        return item;
-                    }
-                }
-                return item;
-            };
+        return item;
+      };
+    }
+    const setter = (item, value) => {
+      if (item) {
+        if (getterIntermediate) {
+          item = getterIntermediate(item);
         }
-        const setter = (item, value) => {
-            if (item) {
-                if (getterIntermediate) {
-                    item = getterIntermediate(item);
-                }
-                if (item) {
-                    item[last] = value;
-                }
-            }
-        };
-        const getter = (item) => {
-            if (!item) {
-                return item;
+        if (item) {
+          item[last] = value;
+        }
+      }
+    };
+    const getter = item => {
+      if (!item) {
+        return item;
+      }
+      if (getterIntermediate) {
+        item = getterIntermediate(item);
+      }
+      return item === null || item === void 0 ? void 0 : item[last];
+    };
+    return {
+      key: propertyPath.join(","),
+      getter,
+      setter
+    };
+  }
+  function registerEvent(property, changeEvents, editorValuePath) {
+    var _a;
+    (_a = property.key) !== null && _a !== void 0 ? _a : property.key = property.setter + ":" + property.getter;
+    const name = `${property.key}:${changeEvents.join(",")}`;
+    if (!handlers[name]) {
+      handlers[name] = changeEvents;
+      for (const iterator of changeEvents) {
+        document.body.addEventListener(iterator, e => {
+          setTimeout(() => {
+            const ri = getParentRepeaterItem(e.target);
+            if (!ri) {
+              return;
             }
-            if (getterIntermediate) {
-                item = getterIntermediate(item);
+            const [_, repeater, item] = ri;
+            const oldValue = property.getter(item);
+            const value = editorValuePath(e.target);
+            if (oldValue != value) {
+              property.setter(item, value);
+              repeater.refreshItem(item);
             }
-            return item === null || item === void 0 ? void 0 : item[last];
-        };
-        return {
-            key: propertyPath.join(","),
-            getter,
-            setter
-        };
+          }, 1);
+        }, true);
+      }
     }
-    exports.getPropertyInfo = getPropertyInfo;
-    const handlers = {};
-    function registerEvent(property, changeEvents, editorValuePath) {
-        var _a;
-        (_a = property.key) !== null && _a !== void 0 ? _a : (property.key = property.setter + ":" + property.getter);
-        const name = `${property.key}:${changeEvents.join(",")}`;
-        if (!handlers[name]) {
-            handlers[name] = changeEvents;
-            for (const iterator of changeEvents) {
-                document.body.addEventListener(iterator, (e) => {
-                    setTimeout(() => {
-                        const ri = (0, AtomRepeater_1.getParentRepeaterItem)(e.target);
-                        if (!ri) {
-                            return;
-                        }
-                        const [_, repeater, item] = ri;
-                        const oldValue = property.getter(item);
-                        const value = editorValuePath(e.target);
-                        // tslint:disable-next-line: triple-equals
-                        if (oldValue != value) {
-                            property.setter(item, value);
-                            repeater.refreshItem(item);
-                        }
-                    }, 1);
-                }, true);
-            }
-        }
+  }
+  function EditableInput(_a) {
+    var {
+        propertyPath
+      } = _a,
+      a = __rest(_a, ["propertyPath"]);
+    if (typeof propertyPath === "string" || Array.isArray(propertyPath)) {
+      propertyPath = getPropertyInfo(propertyPath);
     }
-    function EditableInput(_a) {
-        var { propertyPath } = _a, a = __rest(_a, ["propertyPath"]);
-        if (typeof propertyPath === "string" || Array.isArray(propertyPath)) {
-            propertyPath = getPropertyInfo(propertyPath);
+    registerEvent(propertyPath, ["change", "blur"], item => item.value);
+    return XNode.create("input", Object.assign({
+      type: "text"
+    }, a));
+  }
+  _export({
+    getPropertyInfo: getPropertyInfo,
+    EditableInput: EditableInput
+  });
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_AtomRepeater) {
+      getParentRepeaterItem = _AtomRepeater.getParentRepeaterItem;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__rest || function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
         }
-        registerEvent(propertyPath, ["change", "blur"], (item) => item.value);
-        return XNode_1.default.create("input", Object.assign({ type: "text" }, a));
+        return t;
+      };
+      handlers = {};
     }
-    exports.EditableInput = EditableInput;
-});
+  };
+});
 //# sourceMappingURL=Editable.js.map

package/dist/basic/Editable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editable.js","sourceRoot":"","sources":["../../src/basic/Editable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"mappings":"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","names":["getPropertyInfo","propertyPath","key","getter","item","setter","value","Array","isArray","last","pop","getterIntermediate","length","iterator","join","registerEvent","property","changeEvents","editorValuePath","name","handlers","document","body","addEventListener","e","setTimeout","ri","getParentRepeaterItem","target","_","repeater","oldValue","refreshItem","EditableInput","_a","a","XNode","type"],"sourceRoot":"","sources":["../../src/basic/Editable.tsx"],"sourcesContent":[null]}

package/dist/basic/Expander.js

@@ -1,214 +1,140 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+  "use strict";
+
+  var XNode, StyleRule, CSS, __rest;
+  function Expander(_a, header, detail) {
+    var _b, _c;
+    var {
+        icon,
+        isExpanded
+      } = _a,
+      a = __rest(_a, ["icon", "isExpanded"]);
+    if (!detail) {
+      throw new Error("Expander must contain two children, one header and one detail");
+    }
+    const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : header.attributes = {};
+    const da = (_c = detail.attributes) !== null && _c !== void 0 ? _c : detail.attributes = {};
+    ha["data-element"] = "header";
+    da["data-element"] = "detail";
+    const iconElement = !icon ? [] : (Array.isArray(icon) ? icon : [icon]).map(i => XNode.create("i", {
+      "data-element": "icon",
+      class: i
+    }));
+    return XNode.create("div", Object.assign({
+      "data-is-expander": "expander",
+      "data-is-expanded": isExpanded
+    }, a), ...iconElement, header, XNode.create("i", {
+      "data-element": "caret",
+      class: "fas fa-angle-down"
+    }), detail);
+  }
+  function ExpanderMenu(_a, header, ...details) {
+    var _b, _c;
+    var {
+        icon,
+        isExpanded
+      } = _a,
+      a = __rest(_a, ["icon", "isExpanded"]);
+    if (details.length === 0) {
+      throw new Error("Expander must contain two children, one header and one detail");
     }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : header.attributes = {};
+    ha["data-element"] = "header";
+    let i = 2;
+    for (const iterator of details) {
+      const ia = (_c = iterator.attributes) !== null && _c !== void 0 ? _c : iterator.attributes = {};
+      ia["data-element"] = "detail";
+      ia["style-grid-row-start"] = (i++).toString();
     }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ExpanderMenu = void 0;
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .display("grid")
-        .gridTemplateRows("auto 1fr")
-        .gridTemplateColumns("auto 1fr auto")
-        .alignItems("center")
-        .child((0, StyleRule_1.default)("[data-element=icon]")
-        .gridColumnStart("1")
-        .gridRowStart("1")
-        .padding(5)
-        .marginRight(5)
-        .alignSelf("center")
-        .justifySelf("center"))
-        .child((0, StyleRule_1.default)("[data-element=header]")
-        .gridRowStart("1")
-        .gridColumnStart("2"))
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .gridRowStart("1")
-        .gridColumnStart("3")
-        .padding(5)
-        .marginLeft(5))
-        .child((0, StyleRule_1.default)("[data-element=detail]")
-        .gridRowStart("2")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 3")
-        .marginTop(5))
-        .and((0, StyleRule_1.default)("[data-is-expanded=true]")
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .overflow("hidden")
-        .transform("rotate(-180deg)")
-        .transition("transform 150ms ease")
-        .transformOrigin("center center")))
-        .and((0, StyleRule_1.default)("[data-is-expanded=false]")
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .overflow("hidden")
-        .transform("rotate(-360deg)")
-        .transformOrigin("center center")
-        .transition("transform 150ms ease"))
-        .child((0, StyleRule_1.default)("*[data-element=detail]")
-        .display("none"))), "*[data-is-expander=expander]");
-    document.body.addEventListener("click", (e) => {
+    const iconElement = !icon ? [] : (Array.isArray(icon) ? icon : [icon]).map(i => XNode.create("i", {
+      "data-element": "icon",
+      class: i
+    }));
+    return XNode.create("div", Object.assign({
+      "data-is-expander": "menu",
+      "data-is-expanded": isExpanded
+    }, a), ...iconElement, header, XNode.create("i", {
+      "data-element": "caret",
+      class: "fas fa-angle-down"
+    }), ...details);
+  }
+  _export({
+    default: Expander,
+    ExpanderMenu: ExpanderMenu
+  });
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__rest || function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+        }
+        return t;
+      };
+      CSS(StyleRule().display("grid").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").alignItems("center").child(StyleRule("[data-element=icon]").gridColumnStart("1").gridRowStart("1").padding(5).marginRight(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("2")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("3").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5)).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=expander]");
+      document.body.addEventListener("click", e => {
         var _a;
         if (e.defaultPrevented) {
-            return;
+          return;
         }
         let start = e.target;
         while (start) {
-            if (/icon|caret|header/.test(start.dataset.element)) {
-                break;
-            }
-            start = start.parentElement;
+          if (/icon|caret|header/.test(start.dataset.element)) {
+            break;
+          }
+          start = start.parentElement;
         }
         start = start === null || start === void 0 ? void 0 : start.parentElement;
         if (!start) {
-            return;
+          return;
         }
         const isExpander = (_a = start.dataset) === null || _a === void 0 ? void 0 : _a.isExpander;
         if (!/^(menu|expander)$/i.test(isExpander)) {
-            return;
+          return;
         }
         const ds = start.dataset;
         if (/menu/i.test(isExpander)) {
-            e.preventDefault();
-            e.stopImmediatePropagation();
+          e.preventDefault();
+          e.stopImmediatePropagation();
         }
         if (ds.isExpanded === "false") {
-            start.dispatchEvent(new CustomEvent("expanded", { bubbles: true, cancelable: true }));
-        }
-        else {
-            start.dispatchEvent(new CustomEvent("collapsed", { bubbles: true, cancelable: true }));
+          start.dispatchEvent(new CustomEvent("expanded", {
+            bubbles: true,
+            cancelable: true
+          }));
+        } else {
+          start.dispatchEvent(new CustomEvent("collapsed", {
+            bubbles: true,
+            cancelable: true
+          }));
         }
-    }, { capture: true });
-    document.body.addEventListener("expanded", (ce) => {
+      }, {
+        capture: true
+      });
+      document.body.addEventListener("expanded", ce => {
         if (ce.defaultPrevented) {
-            return;
+          return;
         }
         const target = ce.target;
         target.dataset.isExpanded = "true";
-    });
-    document.body.addEventListener("collapsed", (ce) => {
+      });
+      document.body.addEventListener("collapsed", ce => {
         if (ce.defaultPrevented) {
-            return;
+          return;
         }
         const target = ce.target;
         target.dataset.isExpanded = "false";
-    });
-    function Expander(_a, header, detail) {
-        var _b, _c;
-        var { icon, isExpanded } = _a, a = __rest(_a, ["icon", "isExpanded"]);
-        if (!detail) {
-            throw new Error("Expander must contain two children, one header and one detail");
-        }
-        const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : (header.attributes = {});
-        const da = (_c = detail.attributes) !== null && _c !== void 0 ? _c : (detail.attributes = {});
-        ha["data-element"] = "header";
-        da["data-element"] = "detail";
-        const iconElement = !icon
-            ? []
-            : (Array.isArray(icon)
-                ? icon
-                : [icon]).map((i) => XNode_1.default.create("i", { "data-element": "icon", class: i }));
-        return XNode_1.default.create("div", Object.assign({ "data-is-expander": "expander", "data-is-expanded": isExpanded }, a),
-            ...iconElement,
-            header,
-            XNode_1.default.create("i", { "data-element": "caret", class: "fas fa-angle-down" }),
-            detail);
-    }
-    exports.default = Expander;
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .display("grid")
-        .gridTemplateColumns("auto auto 1fr auto")
-        .alignItems("center")
-        .gap(0)
-        .child((0, StyleRule_1.default)("[data-element=icon]")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 2")
-        .gridRowStart("1")
-        .padding(5)
-        .alignSelf("center")
-        .justifySelf("center"))
-        .child((0, StyleRule_1.default)("[data-element=header]")
-        .gridRowStart("1")
-        .gridColumnStart("3"))
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .gridRowStart("1")
-        .gridColumnStart("4")
-        .padding(5)
-        .marginLeft(5))
-        .child((0, StyleRule_1.default)("[data-element=detail]")
-        .gridRowStart("2")
-        .gridColumnStart("2")
-        .gridColumnEnd("span 3")
-        .paddingLeft(20)
-        .paddingTop(5)
-        .borderLeftStyle("solid")
-        .borderLeftWidth(1)
-        .borderLeftColor("var(--border-color, lightgray)")
-        .borderTopLeftRadius(0)
-        .borderBottomLeftRadius(0)
-        .borderBottomWidth(0)
-        .borderTopWidth(0)
-        .marginTop(0)
-        .marginBottom(0)
-        .and((0, StyleRule_1.default)("[data-selected=true]")
-        .fontWeight("bold")
-        .borderLeftColor("var(--accent-color, darkgray)")
-        .borderLeftWidth("medium")))
-        .and((0, StyleRule_1.default)("[data-is-expanded=true]")
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .overflow("hidden")
-        .transform("rotate(-180deg)")
-        .transition("transform 150ms ease")
-        .transformOrigin("center center")))
-        .and((0, StyleRule_1.default)("[data-is-expanded=false]")
-        .child((0, StyleRule_1.default)("[data-element=caret]")
-        .overflow("hidden")
-        .transform("rotate(-360deg)")
-        .transformOrigin("center center")
-        .transition("transform 150ms ease"))
-        .child((0, StyleRule_1.default)("*[data-element=detail]")
-        .display("none"))), "*[data-is-expander=menu]");
-    function ExpanderMenu(_a, header, ...details) {
-        var _b, _c;
-        var { icon, isExpanded } = _a, a = __rest(_a, ["icon", "isExpanded"]);
-        if (details.length === 0) {
-            throw new Error("Expander must contain two children, one header and one detail");
-        }
-        const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : (header.attributes = {});
-        ha["data-element"] = "header";
-        let i = 2;
-        for (const iterator of details) {
-            const ia = ((_c = iterator.attributes) !== null && _c !== void 0 ? _c : (iterator.attributes = {}));
-            ia["data-element"] = "detail";
-            ia["style-grid-row-start"] = (i++).toString();
-        }
-        const iconElement = !icon
-            ? []
-            : (Array.isArray(icon)
-                ? icon
-                : [icon]).map((i) => XNode_1.default.create("i", { "data-element": "icon", class: i }));
-        return XNode_1.default.create("div", Object.assign({ "data-is-expander": "menu", "data-is-expanded": isExpanded }, a),
-            ...iconElement,
-            header,
-            XNode_1.default.create("i", { "data-element": "caret", class: "fas fa-angle-down" }),
-            ...details);
+      });
+      CSS(StyleRule().display("grid").gridTemplateColumns("auto auto 1fr auto").alignItems("center").gap(0).child(StyleRule("[data-element=icon]").gridColumnStart("1").gridColumnEnd("span 2").gridRowStart("1").padding(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("3")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("4").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("2").gridColumnEnd("span 3").paddingLeft(20).paddingTop(5).borderLeftStyle("solid").borderLeftWidth(1).borderLeftColor("var(--border-color, lightgray)").borderTopLeftRadius(0).borderBottomLeftRadius(0).borderBottomWidth(0).borderTopWidth(0).marginTop(0).marginBottom(0).and(StyleRule("[data-selected=true]").fontWeight("bold").borderLeftColor("var(--accent-color, darkgray)").borderLeftWidth("medium"))).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=menu]");
     }
-    exports.ExpanderMenu = ExpanderMenu;
-});
+  };
+});
 //# sourceMappingURL=Expander.js.map