@eturnity/eturnity_reusable_components 8.26.11-autiFill.4 → 8.26.11-autiFill.7

package/dist/main.es22.js

@@ -1,4 +1,102 @@
-const Test_vue_vue_type_style_index_0_lang = "";
+import styled from "./main.es7.js";
+import RCCaret from "./main.es377.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, createTextVNode, withDirectives } from "./main.es6.js";
+import { vShow } from "./main.es5.js";
+import { normalizeClass } from "./main.es17.js";
+const wrapperAttrs = {
+  width: String
+};
+const Wrapper = styled("div", wrapperAttrs)`
+    display: flex;
+    flex-direction: column;
+
+    width: ${({
+  width
+}) => width};
+    position: relative;
+    border-bottom: 1px solid ${(props) => props.theme.semanticColors.grey[400]};
+  `;
+const WrapperContent = styled("div")`
+    diplay: flex;
+    width: 100%;
+  `;
+const WrapperHead = styled("div", wrapperAttrs)`
+    display: flex;
+    width: 100%;
+    align-content: space-between;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+  `;
+const _sfc_main = {
+  name: "DropdownComponent",
+  components: {
+    WrapperHead,
+    WrapperContent,
+    Wrapper,
+    RCCaret
+  },
+  props: {
+    width: {
+      type: String,
+      required: false,
+      default: "100%"
+    },
+    openingMode: {
+      type: String,
+      required: false,
+      default: "click"
+    }
+  },
+  emits: ["on-open", "on-close"],
+  data() {
+    return {
+      isOpenByClick: false
+    };
+  },
+  methods: {
+    toggleOpenByClick() {
+      this.$emit(this.isOpenByClick ? "on-close" : "on-open");
+      this.isOpenByClick = !this.isOpenByClick;
+    },
+    close() {
+      this.isOpenByClick = false;
+    },
+    open() {
+      this.isOpenByClick = true;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_RCCaret = resolveComponent("RCCaret");
+  const _component_WrapperHead = resolveComponent("WrapperHead");
+  const _component_WrapperContent = resolveComponent("WrapperContent");
+  const _component_Wrapper = resolveComponent("Wrapper");
+  return openBlock(), createBlock(_component_Wrapper, {
+    ref: "accordeon",
+    width: $props.width
+  }, {
+    default: withCtx(() => [createVNode(_component_WrapperHead, {
+      onClick: $options.toggleOpenByClick
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "trigger"), createTextVNode(), createVNode(_component_RCCaret, {
+        "is-down": $data.isOpenByClick
+      }, null, 8, ["is-down"])]),
+      _: 3
+    }, 8, ["onClick"]), createTextVNode(), withDirectives(createVNode(_component_WrapperContent, {
+      class: normalizeClass(["accordion-content", {
+        openAccordion: $data.isOpenByClick && $props.openingMode == "click"
+      }])
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+      _: 3
+    }, 8, ["class"]), [[vShow, $data.isOpenByClick]])]),
+    _: 3
+  }, 8, ["width"]);
+}
+const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Test_vue_vue_type_style_index_0_lang as default
+  Accordion as default
 };