@dataloop-ai/components 0.20.178-alert.0 → 0.20.178-ds-v3.1

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.
@@ -66,42 +66,6 @@
66
66
  ratione cumque!
67
67
  </DlAlert>
68
68
  </div>
69
-
70
- <div style="margin-top: 20px">
71
- <h3 style="margin-bottom: 10px">Confirmation Dialog Examples</h3>
72
- <DlAlert
73
- type="warning"
74
- :closable="true"
75
- :confirm-close="true"
76
- fluid
77
- @dismiss="handleDismiss"
78
- >
79
- Click the X button to see the confirmation dialog before
80
- closing.
81
- </DlAlert>
82
- <DlAlert
83
- type="error"
84
- :closable="true"
85
- :confirm-close="true"
86
- confirm-close-header="Custom Dismiss Alert"
87
- confirm-close-message="This is a custom confirmation message."
88
- fluid
89
- style="margin-top: 10px"
90
- @dismiss="handleDismiss"
91
- >
92
- Custom confirmation dialog with custom header and message.
93
- </DlAlert>
94
- <DlAlert
95
- type="info"
96
- :closable="true"
97
- :confirm-close="false"
98
- fluid
99
- style="margin-top: 10px"
100
- >
101
- This alert closes immediately without confirmation
102
- (confirm-close is false).
103
- </DlAlert>
104
- </div>
105
69
  </div>
106
70
  </template>
107
71
 
@@ -130,10 +94,6 @@ export default defineComponent({
130
94
  index === alertTypes.length - 1
131
95
  ? alertTypes[0]
132
96
  : alertTypes[index + 1]
133
- },
134
- handleDismiss() {
135
- console.log('Alert dismissed!')
136
- // You can add custom logic here when the alert is dismissed
137
97
  }
138
98
  },
139
99
  template: 'dl-alert-demo'
@@ -176,6 +176,26 @@
176
176
  @change="handleModelValueUpdate"
177
177
  />
178
178
  </div>
179
+ <div style="width: 500px; margin-top: 30px">
180
+ <div style="margin-bottom: 10px; font-weight: bold">
181
+ Inline Mode
182
+ </div>
183
+ <dl-date-time-range
184
+ v-model="date"
185
+ :type="type"
186
+ width="100%"
187
+ :available-range="range ? availableRange : null"
188
+ :mode="mode"
189
+ :show-time="showTime"
190
+ :auto-close="autoClose"
191
+ :including-current-month="includesCurrentMonthEnd"
192
+ :should-clear-select-first-option="shouldClearSelectFirstOption"
193
+ :disabled-type="type === 'day' ? 'month' : 'day'"
194
+ view-mode="inline"
195
+ @set-type="handleSetType"
196
+ @change="handleModelValueUpdate"
197
+ />
198
+ </div>
179
199
  </div>
180
200
  </template>
181
201
  <script lang="ts">
@@ -42,6 +42,7 @@
42
42
 
43
43
  <dl-smart-search-input
44
44
  v-model="queryObject"
45
+ no-tooltip
45
46
  :aliases="aliases"
46
47
  :schema="schema"
47
48
  :color-schema="colorSchema"