@tekkare/auriga 0.2.191 → 0.2.192

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 (6) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/argComplexSelect.vue +5 -3
  3. package/dist/runtime/components/argComplexSelect.vue.d.ts +9 -0
  4. package/dist/runtime/components/argSimpleLabel.vue +5 -5
  5. package/dist/runtime/components/argSimpleLabel.vue.d.ts +9 -0
  6. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.2.191"
7
+ "version": "0.2.192"
8
8
  }
package/dist/runtime/components/argComplexSelect.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div>
3
3
  <!-- Simple select -->
4
- <div class="oip_select_display">
4
+ <div :class="['oip_select_display', { 'oip_select_big': isBig }]">
5
5
  <p
6
6
  class="oip_filter_label"
7
7
  :class="labelInfo ? 'oip_row v-center gap-4' : ''"
@@ -18,6 +18,7 @@
18
18
  :id="`simple-select-complex-${complex_label}`"
19
19
  @click="changeDisplay()"
20
20
  :class="isDisplay ? 'open' : ''"
21
+ :isBig="isBig"
21
22
  >
22
23
  <span
23
24
  :class="[
@@ -37,7 +38,7 @@
37
38
  <div
38
39
  :style="[isDisplay === false ? 'display : none' : '', `left: ${getLeft}`]"
39
40
  :id="`select-complex-${complex_label}`"
40
- class="oip_select_complex_block"
41
+ :class="['oip_select_complex_block', { 'oip_select_big': isBig }]"
41
42
  @click.stop
42
43
  >
43
44
  <div class="oip_select_complex_add_selection">
@@ -283,7 +284,8 @@ export default defineComponent({
283
284
  forceList: { type: Boolean, default: false },
284
285
  fuzzyStart: { type: Number, default: 1 },
285
286
  dynamicSelectAll: { type: Boolean, default: false },
286
- hasMoreData: { type: Boolean, default: false }
287
+ hasMoreData: { type: Boolean, default: false },
288
+ isBig: { type: Boolean, default: false }
287
289
  },
288
290
  emits: [
289
291
  "changeElement",
package/dist/runtime/components/argComplexSelect.vue.d.ts CHANGED
@@ -148,6 +148,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
148
148
  type: BooleanConstructor;
149
149
  default: boolean;
150
150
  };
151
+ isBig: {
152
+ type: BooleanConstructor;
153
+ default: boolean;
154
+ };
151
155
  }>, {
152
156
  add_table: import("vue").Ref<any, any>;
153
157
  del_table: import("vue").Ref<any, any>;
@@ -338,6 +342,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
338
342
  type: BooleanConstructor;
339
343
  default: boolean;
340
344
  };
345
+ isBig: {
346
+ type: BooleanConstructor;
347
+ default: boolean;
348
+ };
341
349
  }>> & Readonly<{
342
350
  onChangeElement?: ((...args: any[]) => any) | undefined;
343
351
  onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
@@ -370,6 +378,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
370
378
  fuzzyStart: number;
371
379
  dynamicSelectAll: boolean;
372
380
  hasMoreData: boolean;
381
+ isBig: boolean;
373
382
  }, {}, {
374
383
  argSimpleLabel: any;
375
384
  argIcon: any;
package/dist/runtime/components/argSimpleLabel.vue CHANGED
@@ -2,8 +2,7 @@
2
2
  <div class="oip_select_wrap">
3
3
  <div
4
4
  v-if="!selectorIcon"
5
- class="oip_select_block"
6
- :class="disabled ? 'disabled' : ''"
5
+ :class="['oip_select_block', { 'disabled': disabled, 'oip_select_big': isBig }]"
7
6
  >
8
7
  <span class="oip_select_label" :class="disabled ? 'disabled' : ''">
9
8
  <slot></slot>
@@ -19,7 +18,7 @@
19
18
  thickness="32"
20
19
  />
21
20
  </div>
22
- <div v-else class="oip_select_icon">
21
+ <div v-else :class="['oip_select_icon', { 'oip_select_big': isBig }]">
23
22
  <arg-tooltip v-if="tooltipIcon" :tooltip-text="tooltipIcon" dir="top">
24
23
  <arg-icon :name="selectorIcon" />
25
24
  </arg-tooltip>
@@ -54,7 +53,8 @@ export default defineComponent({
54
53
  amount_value: { type: Number, default: null },
55
54
  sortIcon: { type: Boolean, default: false },
56
55
  selectorIcon: { type: String || null, default: null },
57
- tooltipIcon: { type: String || null, default: null }
56
+ tooltipIcon: { type: String || null, default: null },
57
+ isBig: { type: Boolean, default: false }
58
58
  },
59
59
  setup() {
60
60
  onMounted(() => {
@@ -71,7 +71,7 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
71
71
  </script>
72
72
 
73
73
  <style>
74
- .oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(33,118,255,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
74
+ .oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(33,118,255,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.oip_select_block.oip_select_big,.oip_select_icon.oip_select_big{width:432px}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
75
75
  </style>
76
76
  <style scoped>
77
77
  .oip_select_complex_selection_loop > svg.add {
package/dist/runtime/components/argSimpleLabel.vue.d.ts CHANGED
@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
27
27
  type: StringConstructor;
28
28
  default: null;
29
29
  };
30
+ isBig: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
30
34
  }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
31
35
  disabled: {
32
36
  type: BooleanConstructor;
@@ -56,9 +60,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
56
60
  type: StringConstructor;
57
61
  default: null;
58
62
  };
63
+ isBig: {
64
+ type: BooleanConstructor;
65
+ default: boolean;
66
+ };
59
67
  }>> & Readonly<{}>, {
60
68
  disabled: boolean;
61
69
  show_amount: boolean;
70
+ isBig: boolean;
62
71
  selectorIcon: string;
63
72
  tooltipIcon: string;
64
73
  empty: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.191",
3
+ "version": "0.2.192",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",