@ulu/frontend-vue 0.1.1-beta.11 → 0.1.1-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{breakpoints-CE1jJcpB.js → breakpoints-Vo6eWe83.js} +1 -1
  2. package/dist/frontend-vue.js +1 -1
  3. package/dist/{index-QwwTSMNO.js → index-CXqUvidq.js} +286 -293
  4. package/lib/components/collapsible/UluCollapsible.vue +3 -18
  5. package/lib/components/systems/facets/UluFacetsFilterLists.vue +2 -1
  6. package/package.json +1 -1
  7. package/types/components/collapsible/UluCollapsible.vue.d.ts.map +1 -1
  8. package/types/components/systems/facets/UluFacetsFilterLists.vue.d.ts.map +1 -1
package/lib/components/collapsible/UluCollapsible.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div
3
3
  ref="container"
4
4
  @keydown.esc="handleEscape"
5
- :class="[classes.container, containerStateClasses]"
5
+ :class="[classes.container, isOpen ? classes.containerOpen : classes.containerClosed]"
6
6
  >
7
7
  <button
8
8
  :class="classes.trigger"
@@ -23,9 +23,7 @@
23
23
  :aria-hidden="!isOpen"
24
24
  :aria-labelledby="triggerId"
25
25
  >
26
- <div :class="classes.contentInner">
27
- <slot :isOpen="isOpen" :toggle="toggle" />
28
- </div>
26
+ <slot :isOpen="isOpen" :toggle="toggle" />
29
27
  </div>
30
28
  </div>
31
29
  </template>
@@ -66,7 +64,7 @@
66
64
  default: true
67
65
  },
68
66
  /**
69
- * Classes for elements ({ container, trigger, content, contentInner })
67
+ * Classes for elements ({ container, trigger, content })
70
68
  * - Any valid class binding value per element
71
69
  */
72
70
  classes: {
@@ -75,7 +73,6 @@
75
73
  container: 'ulu-collapsible',
76
74
  trigger: 'ulu-collapsible__trigger',
77
75
  content: 'ulu-collapsible__content',
78
- contentInner: 'ulu-collapsible__content-inner',
79
76
  containerOpen: 'ulu-collapsible--open',
80
77
  containerClosed: 'ulu-collapsible--closed'
81
78
  })
@@ -117,18 +114,6 @@
117
114
  const triggerId = ref(newId('ulu-collapsible-trigger'));
118
115
  const contentId = ref(newId('ulu-collapsible-content'));
119
116
 
120
- const containerStateClasses = computed(() => {
121
- const c = props.classes;
122
- const stateClasses = {};
123
- if (c.containerOpen && isOpen.value) {
124
- stateClasses[c.containerOpen] = true;
125
- }
126
- if (c.containerClosed && !isOpen.value) {
127
- stateClasses[c.containerClosed] = true;
128
- }
129
- return stateClasses;
130
- });
131
-
132
117
  /**
133
118
  * Function used to toggle the collapsible
134
119
  */
package/lib/components/systems/facets/UluFacetsFilterLists.vue CHANGED
@@ -1,11 +1,12 @@
1
1
  <template>
2
2
  <div class="UluFacetsFilters">
3
3
  <UluCollapsible
4
- class="ulu-facets__group"
5
4
  v-for="group in facets"
6
5
  :key="group.uid"
7
6
  :classes="{
8
7
  container: ['ulu-facets__group', classes.group],
8
+ containerOpen: ['ulu-facets__group--open', classes.groupOpen],
9
+ containerClosed: ['ulu-facets__group--closed', classes.groupClosed],
9
10
  trigger: ['ulu-facets__group-trigger', classes.groupTrigger],
10
11
  content: ['ulu-facets__group-content', classes.groupContent]
11
12
  }"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ulu/frontend-vue",
3
- "version": "0.1.1-beta.11",
3
+ "version": "0.1.1-beta.13",
4
4
  "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
5
5
  "type": "module",
6
6
  "files": [
package/types/components/collapsible/UluCollapsible.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UluCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluCollapsible.vue"],"names":[],"mappings":"wBA+VqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;AA1JD,yEAAgD;AA/ChD;;;;;;;EA6CG;AAiDH;;GAEG;AACH,gCAEC"}
1
+ {"version":3,"file":"UluCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluCollapsible.vue"],"names":[],"mappings":"wBA6TqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;AAxID,yEAAgD;AA9ChD;;;;;;;EA4CG;AAqCH;;GAEG;AACH,gCAEC"}
package/types/components/systems/facets/UluFacetsFilterLists.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UluFacetsFilterLists.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsFilterLists.vue"],"names":[],"mappings":"wBAgUqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;;;;AA9LD,oEAA2C;AA5B3C;;;;;EA0BG"}
1
+ {"version":3,"file":"UluFacetsFilterLists.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsFilterLists.vue"],"names":[],"mappings":"wBAkUqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;;;;AA/LD,oEAA2C;AA5B3C;;;;;EA0BG"}