@citizenplane/pimp 18.9.1 → 18.9.3

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 (15) hide show
  1. package/dist/components/CpDynamicDialog.vue.d.ts.map +1 -1
  2. package/dist/components/icons/IconBaggageCabinIncluded.vue.d.ts +3 -0
  3. package/dist/components/icons/IconBaggageCabinIncluded.vue.d.ts.map +1 -0
  4. package/dist/components/icons/IconCheckedBaggage20Included.vue.d.ts +3 -0
  5. package/dist/components/icons/IconCheckedBaggage20Included.vue.d.ts.map +1 -0
  6. package/dist/constants/CpCustomIcons.d.ts +2 -0
  7. package/dist/constants/CpCustomIcons.d.ts.map +1 -1
  8. package/dist/pimp.es.js +1945 -1906
  9. package/dist/pimp.umd.js +52 -52
  10. package/package.json +1 -1
  11. package/src/components/CpDynamicDialog.vue +1 -2
  12. package/src/components/icons/IconBaggageCabinIncluded.vue +7 -0
  13. package/src/components/icons/IconCheckedBaggage20Included.vue +8 -0
  14. package/src/constants/CpCustomIcons.ts +4 -0
  15. package/src/stories/CpDynamicDialog.stories.ts +1 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citizenplane/pimp",
3
- "version": "18.9.1",
3
+ "version": "18.9.3",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8081",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
package/src/components/CpDynamicDialog.vue CHANGED
@@ -53,13 +53,12 @@ const dynamicComponentRef = useTemplateRef('dynamicComponentRef')
53
53
 
54
54
  const isVisibleModel = defineModel<boolean>('isVisible', { default: false })
55
55
 
56
- const ClientOnly = resolveComponent('client-only')
57
56
  const CpTransitionDialog = resolveComponent('cp-transition-dialog')
58
57
  const CpBottomSheet = resolveComponent('cp-bottom-sheet')
59
58
  const CpDialog = resolveComponent('cp-dialog')
60
59
 
61
60
  const dynamicWrapperComponent = computed(() => {
62
- if (isMobile.value) return ClientOnly
61
+ if (isMobile.value) return 'div'
63
62
  return CpTransitionDialog
64
63
  })
65
64
 
package/src/components/icons/IconBaggageCabinIncluded.vue ADDED
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15 2C15.5523 2 16 2.44772 16 3C16 3.55228 15.5523 4 15 4H14.4199V7.87207H15.8115C16.9158 7.87226 17.8113 8.76779 17.8115 9.87207V13.2422C17.8115 13.7945 17.3638 14.2422 16.8115 14.2422C16.2592 14.2422 15.8115 13.7945 15.8115 13.2422V9.87207H8.19434V19.0947H10.9756C11.5279 19.0947 11.9756 19.5424 11.9756 20.0947C11.9756 20.647 11.5279 21.0947 10.9756 21.0947H10.5381C10.5152 21.6266 10.0785 22.0516 9.54102 22.0518C9.00339 22.0518 8.56586 21.6267 8.54297 21.0947H8.19434C7.08976 21.0947 6.19434 20.1993 6.19434 19.0947V9.87207C6.19453 8.76767 7.08989 7.87207 8.19434 7.87207H9.58594V4H9.00586C8.45357 4 8.00586 3.55228 8.00586 3C8.00586 2.44772 8.45357 2 9.00586 2H15ZM11.5859 7.87207H12.4199V4H11.5859V7.87207Z"/>
4
+ <path d="M20.4316 14.835C20.8222 14.4444 21.4552 14.4444 21.8457 14.835C22.236 15.2255 22.2362 15.8586 21.8457 16.249L17.1514 20.9434C16.7609 21.3338 16.1278 21.3337 15.7373 20.9434L13.6025 18.8096C13.2123 18.4192 13.2125 17.786 13.6025 17.3955C13.9931 17.005 14.6271 17.005 15.0176 17.3955L16.4443 18.8223L20.4316 14.835Z"/>
5
+ <path d="M14.0498 11.0791C14.4635 11.0795 14.7995 11.4154 14.7998 11.8291C14.7998 12.2431 14.4637 12.5787 14.0498 12.5791H12.0029V12.5879C12.0027 13.0019 11.667 13.3379 11.2529 13.3379C10.8392 13.3375 10.5031 13.0017 10.5029 12.5879V12.5791H9.9502C9.53614 12.5789 9.2002 12.2432 9.2002 11.8291C9.20052 11.4153 9.53635 11.0793 9.9502 11.0791H14.0498Z"/>
6
+ </svg>
7
+ </template>
package/src/components/icons/IconCheckedBaggage20Included.vue ADDED
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15 2C15.5523 2 16 2.44772 16 3C16 3.55228 15.5523 4 15 4H14.4199V5.32227H16.4648C17.7073 5.32236 18.6367 6.36399 18.6367 7.5498V12.6836C18.6366 13.2358 18.1889 13.6836 17.6367 13.6836C17.0845 13.6836 16.6369 13.2358 16.6367 12.6836V7.5498C16.6367 7.47214 16.6072 7.41093 16.5703 7.37207C16.5341 7.33416 16.4968 7.32231 16.4648 7.32227H7.54102C7.50898 7.32227 7.47184 7.33409 7.43555 7.37207C7.39854 7.41092 7.36914 7.47203 7.36914 7.5498V18.8691C7.36937 18.9465 7.39865 19.0072 7.43555 19.0459C7.47175 19.0837 7.50906 19.0957 7.54102 19.0957H11.1797C11.732 19.0957 12.1797 19.5434 12.1797 20.0957C12.1797 20.648 11.732 21.0957 11.1797 21.0957H10.1064C10.0831 21.6273 9.6457 22.0518 9.1084 22.0518C8.57128 22.0515 8.13472 21.6271 8.11133 21.0957H7.54102C6.29877 21.0957 5.36962 20.0546 5.36914 18.8691V7.5498C5.36914 6.36393 6.29845 5.32227 7.54102 5.32227H9.58594V4H9.00586C8.45357 4 8.00586 3.55228 8.00586 3C8.00586 2.44772 8.45357 2 9.00586 2H15ZM11.5859 5.32227H12.4199V4H11.5859V5.32227Z"/>
4
+ <path d="M20.4316 14.835C20.8222 14.4444 21.4552 14.4444 21.8457 14.835C22.236 15.2255 22.2362 15.8586 21.8457 16.249L17.1514 20.9434C16.7609 21.3338 16.1278 21.3337 15.7373 20.9434L13.6025 18.8096C13.2123 18.4192 13.2125 17.786 13.6025 17.3955C13.9931 17.005 14.6271 17.005 15.0176 17.3955L16.4443 18.8223L20.4316 14.835Z"/>
5
+ <path d="M10.293 9.41211C10.8452 9.41219 11.293 9.85988 11.293 10.4121V16.0059C11.2928 16.5579 10.8451 17.0058 10.293 17.0059C9.74081 17.0059 9.29317 16.558 9.29297 16.0059V10.4121C9.29297 9.85982 9.74068 9.41211 10.293 9.41211Z"/>
6
+ <path d="M13.707 9.41211C14.2593 9.41211 14.707 9.85982 14.707 10.4121V13.5322C14.7066 14.0842 14.2591 14.5322 13.707 14.5322C13.1551 14.5321 12.7074 14.0841 12.707 13.5322V10.4121C12.707 9.85988 13.1548 9.41219 13.707 9.41211Z"/>
7
+ </svg>
8
+ </template>
package/src/constants/CpCustomIcons.ts CHANGED
@@ -11,6 +11,7 @@ import IconAllFlightAlt from '@/components/icons/IconAllFlightAlt.vue'
11
11
  import IconArrival from '@/components/icons/IconArrival.vue'
12
12
  import IconBaggageBattery from '@/components/icons/IconBaggageBattery.vue'
13
13
  import IconBaggageCabin from '@/components/icons/IconBaggageCabin.vue'
14
+ import IconBaggageCabinIncluded from '@/components/icons/IconBaggageCabinIncluded.vue'
14
15
  import IconBaggageCabinNone from '@/components/icons/IconBaggageCabinNone.vue'
15
16
  import IconBaggageChecked from '@/components/icons/IconBaggageChecked.vue'
16
17
  import IconBaggageCheckedNone from '@/components/icons/IconBaggageCheckedNone.vue'
@@ -26,6 +27,7 @@ import IconCalendarDelay from '@/components/icons/IconCalendarDelay.vue'
26
27
  import IconCampingStove from '@/components/icons/IconCampingStove.vue'
27
28
  import IconCarBattery from '@/components/icons/IconCarBattery.vue'
28
29
  import IconCheckedBaggage20 from '@/components/icons/IconCheckedBaggage20.vue'
30
+ import IconCheckedBaggage20Included from '@/components/icons/IconCheckedBaggage20Included.vue'
29
31
  import IconCheckedBaggage30 from '@/components/icons/IconCheckedBaggage30.vue'
30
32
  import IconCheckList from '@/components/icons/IconCheckList.vue'
31
33
  import IconChild from '@/components/icons/IconChild.vue'
@@ -268,4 +270,6 @@ export const CustomCpIcons = {
268
270
  tooltip: IconTooltip,
269
271
  'traffic-control': IconTrafficControl,
270
272
  'window-expand': IconWindowExpand,
273
+ 'baggage-cabin-included': IconBaggageCabinIncluded,
274
+ 'checked-baggage-20-included': IconCheckedBaggage20Included,
271
275
  }
package/src/stories/CpDynamicDialog.stories.ts CHANGED
@@ -1,22 +1,14 @@
1
1
  import type { Meta, StoryObj } from '@storybook/vue3-vite'
2
- import { getCurrentInstance, ref } from 'vue'
2
+ import { ref } from 'vue'
3
3
 
4
4
  import CpDynamicDialog from '@/components/CpDynamicDialog.vue'
5
5
 
6
- const ClientOnlyStub = { template: '<slot />' }
7
-
8
- const registerClientOnly = () => {
9
- const instance = getCurrentInstance()
10
- instance?.appContext.app.component('client-only', ClientOnlyStub)
11
- }
12
-
13
6
  const STORY_TRIGGER_LAYOUT =
14
7
  'display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; width: 100%;'
15
8
 
16
9
  const createStoryRender = (content: string) => (args: Record<string, unknown>) => ({
17
10
  components: { CpDynamicDialog },
18
11
  setup() {
19
- registerClientOnly()
20
12
  const isVisible = ref(false)
21
13
  return { args, isVisible }
22
14
  },