@bagelink/vue 0.0.1010 → 0.0.1014

package/dist/index.cjs

@@ -73,7 +73,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    let openVal = vue.ref(false);
+    let openVal = vue.ref(!!props2.open);
     let isOpen = vue.computed({
       get: () => openVal.value,
       set: (value) => {
@@ -81,13 +81,13 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
         emit2("update:open", value);
       }
     });
-    const accordionState = vue.inject("accordionState", { openItem: void 0 });
+    const accordionState = vue.inject("accordionState");
     const id = props2.id || Math.random().toString(36).slice(7);
     const computedIcon = vue.computed(() => {
       return props2.iconType === "plus_minus" ? isOpen.value ? "remove" : "add" : "expand_more";
     });
     const iconPosition = vue.computed(() => props2.iconPosition || "end");
-    vue.watch(() => props2.open, (val) => isOpen.value = !!val, { immediate: true });
+    vue.watch(() => props2.open, () => isOpen.value = props2.open, { immediate: true });
     if (accordionState) {
       vue.watch(
         () => accordionState.openItem,
@@ -157,7 +157,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-3a286d21"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-1e73ca3e"]]);
 const _hoisted_1$P = { class: "relative" };
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",

package/dist/index.mjs

@@ -71,7 +71,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    let openVal = ref(false);
+    let openVal = ref(!!props2.open);
     let isOpen = computed({
       get: () => openVal.value,
       set: (value) => {
@@ -79,13 +79,13 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         emit2("update:open", value);
       }
     });
-    const accordionState = inject("accordionState", { openItem: void 0 });
+    const accordionState = inject("accordionState");
     const id = props2.id || Math.random().toString(36).slice(7);
     const computedIcon = computed(() => {
       return props2.iconType === "plus_minus" ? isOpen.value ? "remove" : "add" : "expand_more";
     });
     const iconPosition = computed(() => props2.iconPosition || "end");
-    watch(() => props2.open, (val) => isOpen.value = !!val, { immediate: true });
+    watch(() => props2.open, () => isOpen.value = props2.open, { immediate: true });
     if (accordionState) {
       watch(
         () => accordionState.openItem,
@@ -155,7 +155,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-3a286d21"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-1e73ca3e"]]);
 const _hoisted_1$P = { class: "relative" };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",

package/dist/style.css

@@ -1,14 +1,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
-.accordion-item[data-v-3a286d21] {
+.accordion-item[data-v-1e73ca3e] {
 	border-bottom: 1px solid var(--border-color);
 	transition: all 0.2s;
 	cursor: pointer;
 	overflow: hidden;
 }
-.accordion-item button[data-v-3a286d21] {
+.accordion-item button[data-v-1e73ca3e] {
 	cursor: pointer;
 }
-.accordion-head[data-v-3a286d21] {
+.accordion-head[data-v-1e73ca3e] {
 	height: var(--input-height);
 	background: transparent;
 	display: flex;
@@ -18,7 +18,7 @@
 	border: none;
 	color: inherit !important;
 }
-.accordion-icon[data-v-3a286d21] {
+.accordion-icon[data-v-1e73ca3e] {
 	transition: all 0.2s ease;
 	display: flex;
 	align-items: center;
@@ -28,16 +28,16 @@
 	padding-inline: calc(var(--btn-padding) / 3);
 	justify-content: center;
 }
-[aria-expanded="true"] .accordion-icon[data-v-3a286d21]  {
+[aria-expanded="true"] .accordion-icon[data-v-1e73ca3e]  {
     transform: rotate(180deg);
 }
-.accordion-label[data-v-3a286d21] {
+.accordion-label[data-v-1e73ca3e] {
 	font-weight: bold;
 }
-.flat.accordion-item[data-v-3a286d21] {
+.flat.accordion-item[data-v-1e73ca3e] {
 	border-bottom: none
 }
-.accordion-head:hover .accordion-label[data-v-3a286d21] {
+.accordion-head:hover .accordion-label[data-v-1e73ca3e] {
 	text-decoration: underline;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1010",
+  "version": "0.0.1014",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/AccordionItem.vue

@@ -14,7 +14,7 @@ const props = defineProps<{
 
 const emit = defineEmits(['update:open'])
 
-let openVal = $ref(false)
+let openVal = $ref(!!props.open)
 
 let isOpen = $computed({
 	get: () => openVal,
@@ -28,7 +28,7 @@ interface AccordionState {
 	openItem?: string
 }
 
-const accordionState = inject<AccordionState>('accordionState', { openItem: undefined })
+const accordionState = inject<AccordionState>('accordionState')
 const id = props.id || Math.random().toString(36).slice(7)
 
 const computedIcon = computed(() => {
@@ -38,7 +38,7 @@ const computedIcon = computed(() => {
 })
 const iconPosition = computed(() => props.iconPosition || 'end')
 
-watch(() => props.open, val => isOpen = !!val, { immediate: true })
+watch(() => props.open, () => isOpen = props.open, { immediate: true })
 
 if (accordionState) {
 	watch(