@saooti/octopus-sdk 39.0.26 → 39.0.28

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "39.0.26",
3
+ "version": "39.0.28",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -37,6 +37,7 @@
37
37
  <teleport to=".octopus-app">
38
38
  <ClassicPopover
39
39
  target="subscribe-buttons-dropdown"
40
+ popover-class="popover-z-index"
40
41
  :only-click="true"
41
42
  :is-fixed="true"
42
43
  :left-pos="true"
@@ -1,4 +1,5 @@
1
1
  <template>
2
+ <div ref="divContainer" tabindex="0">
2
3
  <VueDatePicker
3
4
  :model-value="modelVal"
4
5
  :time-picker="isTimePicker"
@@ -15,17 +16,19 @@
15
16
  :min-date="isMinDate && !isTimePicker ? now : undefined"
16
17
  :range="undefined !== range"
17
18
  :multi-calendars="columnNumber > 1 ? columnNumber : false"
18
- :inline="columnNumber > 1"
19
+ :inline="isInline"
19
20
  :enable-time-picker="!isTimePicker ? displayTimePicker : undefined"
20
21
  :aria-labels="ariaLabels"
21
22
  :max-time="maxTime"
22
23
  :month-picker="monthPicker"
23
- @update:model-value="$emit('updateDate', $event)"
24
+ :alt-position="customPosition"
25
+ @update:model-value="updateValue($event)"
24
26
  >
25
27
  <template v-if="time" #input-icon>
26
28
  <div class="ms-2 saooti-clock" />
27
29
  </template>
28
30
  </VueDatePicker>
31
+ </div>
29
32
  </template>
30
33
 
31
34
  <script lang="ts">
@@ -61,7 +64,10 @@ export default defineComponent({
61
64
  seconds?: number | string;
62
65
  },
63
66
  },
67
+ forceFormat: { default: undefined, type: String },
64
68
  monthPicker: { default: false, type: Boolean },
69
+ customPosition: { default: null, type: Function },
70
+ isInline: { default: false, type: Boolean },
65
71
  },
66
72
 
67
73
  emits: ["updateDate", "update:date"],
@@ -96,10 +102,13 @@ export default defineComponent({
96
102
  return this.$i18n.locale;
97
103
  },
98
104
  format() {
99
- let timeString = "";
105
+ if(this.forceFormat){
106
+ return this.forceFormat;
107
+ }
100
108
  if (this.monthPicker) {
101
109
  return "MM/yyyy";
102
110
  }
111
+ let timeString = "";
103
112
  if (this.displayTimePicker || this.isTimePicker) {
104
113
  timeString = "HH:mm";
105
114
  if (this.displaySeconds) {
@@ -119,6 +128,12 @@ export default defineComponent({
119
128
  },
120
129
  },
121
130
  methods: {
131
+ updateValue(date: Date){
132
+ if(!this.isInline){
133
+ this.$refs.divContainer?.focus();
134
+ }
135
+ this.$emit('updateDate', date);
136
+ },
122
137
  formatDate(value: Date): string {
123
138
  const realMonth = value.getMonth() + 1;
124
139
  return (
@@ -226,6 +226,9 @@ export default defineComponent({
226
226
  /* z-index: 9999; */
227
227
  max-height: 80vh;
228
228
  overflow: auto;
229
+ &.popover-z-index{
230
+ z-index: 9999;
231
+ }
229
232
  &.octopus-dropdown {
230
233
  min-width: 200px;
231
234
  .octopus-dropdown-item {
@@ -21,6 +21,7 @@
21
21
  <teleport to=".octopus-app" :disabled="scrolled">
22
22
  <ClassicPopover
23
23
  target="home-dropdown"
24
+ popover-class="popover-z-index"
24
25
  :only-click="true"
25
26
  :is-fixed="true"
26
27
  :left-pos="true"
@@ -11,6 +11,7 @@
11
11
  <ClassicPopover
12
12
  v-if="firstLoaded"
13
13
  target="mobile-menu-dropdown"
14
+ popover-class="popover-z-index"
14
15
  :only-click="true"
15
16
  :is-fixed="true"
16
17
  :left-pos="true"
@@ -75,7 +75,7 @@
75
75
  :is-fixed="true"
76
76
  relative-class="player-container"
77
77
  :only-mouse="true"
78
- popover-class="octopus-small-popover"
78
+ popover-class="octopus-small-popover popover-z-index"
79
79
  :content="chapter.title"
80
80
  />
81
81
  </Teleport>
@@ -4,7 +4,7 @@ import { Category } from "./class/general/category";
4
4
  const state: ParamStore = {
5
5
  generalParameters: {
6
6
  organisationId: "ecbd98d9-79bd-4312-ad5e-fc7c1c4a191c",
7
- authenticated: true,
7
+ authenticated: false,
8
8
  isAdmin: true,
9
9
  isRoleLive: true,
10
10
  isCommments: true,