@tekkare/auriga 0.1.0

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 (45) hide show
  1. package/README.md +89 -0
  2. package/dist/module.cjs +5 -0
  3. package/dist/module.d.mts +7 -0
  4. package/dist/module.d.ts +7 -0
  5. package/dist/module.json +8 -0
  6. package/dist/module.mjs +23 -0
  7. package/dist/runtime/components/argAdvancedSearchBar.vue +866 -0
  8. package/dist/runtime/components/argAdvancedSearchBar.vue.d.ts +4 -0
  9. package/dist/runtime/components/argBtn.vue +108 -0
  10. package/dist/runtime/components/argBtn.vue.d.ts +4 -0
  11. package/dist/runtime/components/argComplexSelect.vue +558 -0
  12. package/dist/runtime/components/argComplexSelect.vue.d.ts +4 -0
  13. package/dist/runtime/components/argDataLoader.vue +337 -0
  14. package/dist/runtime/components/argDataLoader.vue.d.ts +4 -0
  15. package/dist/runtime/components/argDropdownSelect.vue +321 -0
  16. package/dist/runtime/components/argDropdownSelect.vue.d.ts +4 -0
  17. package/dist/runtime/components/argFileBtn.vue +136 -0
  18. package/dist/runtime/components/argFileBtn.vue.d.ts +4 -0
  19. package/dist/runtime/components/argHeaderTabs.vue +216 -0
  20. package/dist/runtime/components/argHeaderTabs.vue.d.ts +4 -0
  21. package/dist/runtime/components/argIcon.vue +3135 -0
  22. package/dist/runtime/components/argIcon.vue.d.ts +4 -0
  23. package/dist/runtime/components/argMultipleChoice.vue +149 -0
  24. package/dist/runtime/components/argMultipleChoice.vue.d.ts +4 -0
  25. package/dist/runtime/components/argNoData.vue +83 -0
  26. package/dist/runtime/components/argNoData.vue.d.ts +4 -0
  27. package/dist/runtime/components/argSearchInput.vue +123 -0
  28. package/dist/runtime/components/argSearchInput.vue.d.ts +4 -0
  29. package/dist/runtime/components/argSimpleLabel.vue +214 -0
  30. package/dist/runtime/components/argSimpleLabel.vue.d.ts +4 -0
  31. package/dist/runtime/components/argStyle.vue +975 -0
  32. package/dist/runtime/components/argStyle.vue.d.ts +4 -0
  33. package/dist/runtime/components/argTable.vue +863 -0
  34. package/dist/runtime/components/argTable.vue.d.ts +4 -0
  35. package/dist/runtime/components/argTags.vue +26 -0
  36. package/dist/runtime/components/argTags.vue.d.ts +4 -0
  37. package/dist/runtime/components/argTekkareLoader.vue +72 -0
  38. package/dist/runtime/components/argTekkareLoader.vue.d.ts +4 -0
  39. package/dist/runtime/components/argTooltip.vue +141 -0
  40. package/dist/runtime/components/argTooltip.vue.d.ts +4 -0
  41. package/dist/runtime/plugin.d.ts +2 -0
  42. package/dist/runtime/plugin.mjs +4 -0
  43. package/dist/types.d.mts +15 -0
  44. package/dist/types.d.ts +15 -0
  45. package/package.json +45 -0
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ name: string;
3
+ };
4
+ export default _default;
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <client-only><arg-style /></client-only>
3
+ <div :class="`oip_tag is_${setStyle} have_close_${haveClose}`">
4
+ <slot></slot>
5
+ <arg-icon v-if="haveClose" name="X" size="14"></arg-icon>
6
+ </div>
7
+ </template>
8
+ <script>
9
+ export default {
10
+ name: "argTags"
11
+ };
12
+ </script>
13
+ <script setup lang="ts">
14
+ import argIcon from "./argIcon.vue";
15
+ import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
16
+ const props = defineProps({
17
+ setStyle: { type: String, default: "primary" },
18
+ haveClose: { type: Boolean, default: false },
19
+ });
20
+ </script>
21
+
22
+ <style scoped>
23
+ .have_close_true {
24
+ cursor: pointer;
25
+ }
26
+ </style>
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ name: string;
3
+ };
4
+ export default _default;
@@ -0,0 +1,72 @@
1
+ <template>
2
+ <div class="tekkare_loader_container">
3
+ <div class="tekkare-skeleton-loader">
4
+ <svg class="tekkare-svg">
5
+ <clipPath id="tekkare-left" clipPathUnits="objectBoundingBox">
6
+ <path
7
+ d="M1,1 H0.609 L0.608,0.999 C0.607,0.999,0.558,0.961,0.539,0.945 L0.538,0.944 C0.456,0.876,0.361,0.791,0.283,0.679 C0.251,0.632,0.227,0.583,0.211,0.535 V0.979 C0.211,0.99,0.203,0.999,0.193,0.999 H0.018 C0.008,0.999,0,0.99,0,0.979 V0.033 C0,0.023,0.008,0.014,0.018,0.014 H0.193 C0.203,0.014,0.211,0.023,0.211,0.033 V0.258 C0.229,0.202,0.256,0.154,0.292,0.114 C0.332,0.069,0.383,0.036,0.442,0.017 C0.506,-0.003,0.569,-0.006,0.629,0.011 C0.688,0.027,0.744,0.061,0.793,0.112 L0.814,0.135 C0.821,0.142,0.821,0.154,0.814,0.162 L0.685,0.302 C0.682,0.305,0.677,0.307,0.672,0.307 C0.672,0.307,0.672,0.307,0.672,0.307 C0.667,0.307,0.663,0.305,0.659,0.301 L0.644,0.285 C0.601,0.241,0.557,0.228,0.505,0.244 C0.457,0.259,0.421,0.302,0.41,0.359 C0.398,0.416,0.413,0.472,0.456,0.535 C0.518,0.624,0.599,0.696,0.669,0.754 C0.697,0.778,0.727,0.801,0.755,0.823 L0.757,0.824 L1,1"
8
+ ></path>
9
+ </clipPath>
10
+ </svg>
11
+
12
+ <div class="tekkare-left-half"></div>
13
+
14
+ <svg class="tekkare-svg">
15
+ <clipPath id="tekkare-right" clipPathUnits="objectBoundingBox">
16
+ <path
17
+ d="M0,1 H0.391 L0.392,0.999 C0.393,0.999,0.442,0.961,0.461,0.945 L0.462,0.944 C0.544,0.876,0.639,0.791,0.717,0.679 C0.749,0.632,0.773,0.583,0.789,0.535 V0.979 C0.789,0.99,0.797,0.999,0.807,0.999 H0.982 C0.992,0.999,1,0.99,1,0.979 V0.033 C1,0.023,0.992,0.014,0.982,0.014 H0.807 C0.797,0.014,0.789,0.023,0.789,0.033 V0.258 C0.771,0.202,0.744,0.154,0.708,0.114 C0.668,0.069,0.617,0.036,0.558,0.017 C0.494,-0.003,0.431,-0.006,0.371,0.011 C0.312,0.027,0.256,0.061,0.207,0.112 L0.186,0.135 C0.179,0.142,0.179,0.154,0.186,0.162 L0.315,0.302 C0.318,0.305,0.323,0.307,0.328,0.307 C0.328,0.307,0.328,0.307,0.328,0.307 C0.333,0.307,0.337,0.305,0.341,0.301 L0.356,0.285 C0.399,0.241,0.443,0.228,0.495,0.244 C0.543,0.259,0.579,0.302,0.59,0.359 C0.602,0.416,0.587,0.472,0.544,0.535 C0.482,0.624,0.401,0.696,0.331,0.754 C0.303,0.778,0.273,0.801,0.245,0.823 L0.243,0.824 L0,1"
18
+ ></path>
19
+ </clipPath>
20
+ </svg>
21
+
22
+ <div class="tekkare-right-half"></div>
23
+ </div>
24
+ </div>
25
+ </template>
26
+ <script>
27
+ export default {
28
+ name: "argTekkareLoader"
29
+ };
30
+ </script>
31
+ <style scoped>
32
+ .tekkare_loader_container {
33
+ display: flex;
34
+ justify-content: center;
35
+ }
36
+ .tekkare-skeleton-loader {
37
+ display: flex;
38
+ }
39
+ .tekkare-svg {
40
+ position: absolute;
41
+ width: 0;
42
+ height: 0;
43
+ }
44
+ .tekkare-left-half {
45
+ width: 231.12px;
46
+ height: 214px;
47
+ background: #eee;
48
+ background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
49
+ border-radius: 5px;
50
+ background-size: 200% 100%;
51
+ animation: 1.5s shine linear infinite;
52
+ -webkit-clip-path: url(#tekkare-left);
53
+ clip-path: url(#tekkare-left);
54
+ }
55
+ .tekkare-right-half {
56
+ width: 231.12px;
57
+ height: 214px;
58
+ background: #eee;
59
+ background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
60
+ border-radius: 5px;
61
+ background-size: 200% 100%;
62
+ animation: 1.5s shine linear infinite;
63
+ animation-delay: 0.8s;
64
+ -webkit-clip-path: url(#tekkare-right);
65
+ clip-path: url(#tekkare-right);
66
+ }
67
+ @keyframes shine {
68
+ to {
69
+ background-position-x: -200%;
70
+ }
71
+ }
72
+ </style>
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ name: string;
3
+ };
4
+ export default _default;
@@ -0,0 +1,141 @@
1
+ <template>
2
+ <div
3
+ class="prmt_tooltip"
4
+ :class="sideLimit ? 'last_tooltip' : 'prmt_tooltip'"
5
+ >
6
+ <slot> </slot>
7
+ <div
8
+ v-if="disable === false"
9
+ :class="`prmt_tooltip_text prmt_tooltip_text-${dir}`"
10
+ >
11
+ {{ tooltipText }}
12
+ </div>
13
+ </div>
14
+ </template>
15
+ <script>
16
+ export default {
17
+ name: "argTooltip"
18
+ };
19
+ </script>
20
+ <script setup lang="ts">
21
+ import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
22
+ const props = defineProps({
23
+ tooltipText: { type: String, required: true },
24
+ dir: { type: String, default: "top" },
25
+ disable: { type: Boolean, default: false },
26
+ sideLimit: { type: Boolean, default: false },
27
+ });
28
+ </script>
29
+
30
+ <style scoped>
31
+ .prmt_tooltip {
32
+ position: relative;
33
+ display: inline-block;
34
+ }
35
+ .prmt_tooltip:hover .prmt_tooltip_text {
36
+ visibility: visible;
37
+ }
38
+
39
+ .prmt_tooltip_text {
40
+ visibility: hidden;
41
+ min-width: 120px;
42
+ text-align: center;
43
+ background-color: var(--independence);
44
+ color: var(--pure-white);
45
+ border-radius: 12px;
46
+ position: absolute;
47
+ z-index: 2;
48
+ padding: 6px 12px;
49
+ margin-top: 4px;
50
+ font-weight: 400;
51
+ font-size: 14px;
52
+ line-height: 160%;
53
+ white-space: break-spaces;
54
+ }
55
+
56
+ .prmt_tooltip .prmt_tooltip_text-top {
57
+ bottom: 120%;
58
+ left: 50%;
59
+ margin-left: -72px;
60
+ }
61
+ .prmt_tooltip .prmt_tooltip_text-top::after {
62
+ content: "";
63
+ position: absolute;
64
+ padding: 1px;
65
+ top: 98%;
66
+ left: 50%;
67
+ margin-left: -8px;
68
+ border-width: 7px;
69
+ border-bottom-left-radius: 4px;
70
+ border-style: solid;
71
+ border-color: var(--independence) transparent transparent transparent;
72
+ }
73
+
74
+ .prmt_tooltip .prmt_tooltip_text-right {
75
+ top: -5px;
76
+ left: 110%;
77
+ margin-left: 5px;
78
+ }
79
+ .prmt_tooltip .prmt_tooltip_text-right::after {
80
+ content: "";
81
+ position: absolute;
82
+ padding: 1px;
83
+ top: 60%;
84
+ right: 99%; /* To the left of the tooltip */
85
+ margin-top: -11px;
86
+ border-width: 7px;
87
+ border-style: solid;
88
+ border-color: transparent var(--independence) transparent transparent;
89
+ }
90
+
91
+ .prmt_tooltip .prmt_tooltip_text-left {
92
+ top: 15%;
93
+ right: 110%;
94
+ margin-right: 5px;
95
+ }
96
+ .prmt_tooltip .prmt_tooltip_text-left::after {
97
+ content: "";
98
+ position: absolute;
99
+ padding: 1px;
100
+ top: 55%;
101
+ left: 99.5%;
102
+ margin-top: -10px;
103
+ border-width: 7px;
104
+ border-style: solid;
105
+ border-color: transparent transparent transparent var(--independence);
106
+ }
107
+
108
+ .prmt_tooltip .prmt_tooltip_text-bottom {
109
+ top: 110%;
110
+ left: 50%;
111
+ margin-left: -72px;
112
+ }
113
+
114
+ .prmt_tooltip.last_tooltip .prmt_tooltip_text-bottom {
115
+ top: 110%;
116
+ left: 50%;
117
+ margin-left: -130px;
118
+ }
119
+ .prmt_tooltip.last_tooltip .prmt_tooltip_text-bottom::after {
120
+ content: "";
121
+ position: absolute;
122
+ padding: 1px;
123
+ bottom: 98%;
124
+ left: 90% !important;
125
+ margin-left: -5px;
126
+ border-width: 7px;
127
+ border-style: solid;
128
+ border-color: transparent transparent var(--independence) transparent;
129
+ }
130
+ .prmt_tooltip .prmt_tooltip_text-bottom::after {
131
+ content: "";
132
+ position: absolute;
133
+ padding: 1px;
134
+ bottom: 95%;
135
+ left: 50%;
136
+ margin-left: -5px;
137
+ border-width: 7px;
138
+ border-style: solid;
139
+ border-color: transparent transparent var(--independence) transparent;
140
+ }
141
+ </style>
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ name: string;
3
+ };
4
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: any;
2
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import { defineNuxtPlugin } from "#app";
2
+ export default defineNuxtPlugin((nuxtApp) => {
3
+ console.log("Plugin injected by my-module!");
4
+ });
@@ -0,0 +1,15 @@
1
+
2
+ import { ModuleOptions } from './module'
3
+
4
+ declare module '@nuxt/schema' {
5
+ interface NuxtConfig { ['@tekkare/auriga']?: Partial<ModuleOptions> }
6
+ interface NuxtOptions { ['@tekkare/auriga']?: ModuleOptions }
7
+ }
8
+
9
+ declare module 'nuxt/schema' {
10
+ interface NuxtConfig { ['@tekkare/auriga']?: Partial<ModuleOptions> }
11
+ interface NuxtOptions { ['@tekkare/auriga']?: ModuleOptions }
12
+ }
13
+
14
+
15
+ export { ModuleOptions, default } from './module'
@@ -0,0 +1,15 @@
1
+
2
+ import { ModuleOptions } from './module'
3
+
4
+ declare module '@nuxt/schema' {
5
+ interface NuxtConfig { ['@tekkare/auriga']?: Partial<ModuleOptions> }
6
+ interface NuxtOptions { ['@tekkare/auriga']?: ModuleOptions }
7
+ }
8
+
9
+ declare module 'nuxt/schema' {
10
+ interface NuxtConfig { ['@tekkare/auriga']?: Partial<ModuleOptions> }
11
+ interface NuxtOptions { ['@tekkare/auriga']?: ModuleOptions }
12
+ }
13
+
14
+
15
+ export { ModuleOptions, default } from './module'
package/package.json ADDED
@@ -0,0 +1,45 @@
1
+ {
2
+ "name": "@tekkare/auriga",
3
+ "version": "0.1.0",
4
+ "description": "Aurgia is a UI kit developped by Tekkare",
5
+ "license": "MIT",
6
+ "type": "module",
7
+ "exports": {
8
+ ".": {
9
+ "types": "./dist/types.d.ts",
10
+ "import": "./dist/module.mjs",
11
+ "require": "./dist/module.cjs"
12
+ }
13
+ },
14
+ "main": "./dist/module.cjs",
15
+ "types": "./dist/types.d.ts",
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "scripts": {
20
+ "prepack": "nuxt-module-build",
21
+ "dev": "nuxi dev playground",
22
+ "dev:build": "nuxi build playground",
23
+ "dev:prepare": "nuxt-module-build --stub && nuxt-module-build prepare && nuxi prepare playground",
24
+ "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
25
+ "lint": "eslint .",
26
+ "test": "vitest run",
27
+ "test:watch": "vitest watch"
28
+ },
29
+ "dependencies": {
30
+ "@nuxt/kit": "^3.7.3"
31
+ },
32
+ "devDependencies": {
33
+ "@types/node": "^18.17.17",
34
+ "@nuxt/devtools": "latest",
35
+ "@nuxt/eslint-config": "^0.2.0",
36
+ "@nuxt/module-builder": "^0.5.1",
37
+ "@nuxt/schema": "^3.7.3",
38
+ "@nuxt/test-utils": "^3.7.3",
39
+ "changelogen": "^0.5.5",
40
+ "eslint": "^8.49.0",
41
+ "nuxt": "^3.7.3",
42
+ "vitest": "^0.33.0"
43
+ },
44
+ "author": "Tekkare"
45
+ }