mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-05 16:03:47 +00:00
tailwind 4 upgrade tool
This commit is contained in:
Diego Imbert
Generated
+13
-627
@@ -129,7 +129,7 @@
|
||||
"svelte-range-slider-pips": "^2.3.1",
|
||||
"svelte-splitpanes": "^8.0.9",
|
||||
"svelte2tsx": "^0.6.16",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"tailwindcss": "^4.1.3",
|
||||
"tslib": "^2.6.1",
|
||||
"typescript": "^5.5.0",
|
||||
"vite": "^6.2.1",
|
||||
@@ -145,17 +145,6 @@
|
||||
"svelte": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@alloc/quick-lru": {
|
||||
"version": "5.2.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/@ampproject/remapping": {
|
||||
"version": "2.3.0",
|
||||
"license": "Apache-2.0",
|
||||
@@ -917,68 +906,6 @@
|
||||
"@swc/helpers": "^0.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@isaacs/cliui": {
|
||||
"version": "8.0.2",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"string-width": "^5.1.2",
|
||||
"string-width-cjs": "npm:string-width@^4.2.0",
|
||||
"strip-ansi": "^7.0.1",
|
||||
"strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
|
||||
"wrap-ansi": "^8.1.0",
|
||||
"wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/@isaacs/cliui/node_modules/ansi-regex": {
|
||||
"version": "6.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/ansi-regex?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/@isaacs/cliui/node_modules/emoji-regex": {
|
||||
"version": "9.2.2",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@isaacs/cliui/node_modules/string-width": {
|
||||
"version": "5.1.2",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"eastasianwidth": "^0.2.0",
|
||||
"emoji-regex": "^9.2.2",
|
||||
"strip-ansi": "^7.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/@isaacs/cliui/node_modules/strip-ansi": {
|
||||
"version": "7.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^6.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/strip-ansi?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/gen-mapping": {
|
||||
"version": "0.3.8",
|
||||
"license": "MIT",
|
||||
@@ -1158,15 +1085,6 @@
|
||||
"version": "3.9.2",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@pkgjs/parseargs": {
|
||||
"version": "0.11.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/@playwright/test": {
|
||||
"version": "1.51.0",
|
||||
"dev": true,
|
||||
@@ -2387,11 +2305,6 @@
|
||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/any-promise": {
|
||||
"version": "1.3.0",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/anymatch": {
|
||||
"version": "3.1.3",
|
||||
"dev": true,
|
||||
@@ -2404,11 +2317,6 @@
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/arg": {
|
||||
"version": "5.0.2",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/argparse": {
|
||||
"version": "2.0.1",
|
||||
"dev": true,
|
||||
@@ -2756,14 +2664,6 @@
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/camelcase-css": {
|
||||
"version": "2.0.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/camelcase-keys": {
|
||||
"version": "7.0.2",
|
||||
"dev": true,
|
||||
@@ -3573,11 +3473,6 @@
|
||||
"url": "https://github.com/sponsors/wooorm"
|
||||
}
|
||||
},
|
||||
"node_modules/didyoumean": {
|
||||
"version": "1.2.2",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/diff": {
|
||||
"version": "7.0.0",
|
||||
"license": "BSD-3-Clause",
|
||||
@@ -3596,11 +3491,6 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/dlv": {
|
||||
"version": "1.1.3",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/doctrine": {
|
||||
"version": "3.0.0",
|
||||
"dev": true,
|
||||
@@ -3694,11 +3584,6 @@
|
||||
"version": "2.2.4",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/eastasianwidth": {
|
||||
"version": "0.2.0",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/easy-reactive": {
|
||||
"version": "1.0.4",
|
||||
"license": "Apache-2.0",
|
||||
@@ -3716,7 +3601,8 @@
|
||||
"node_modules/emoji-regex": {
|
||||
"version": "8.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/encoding-down": {
|
||||
"version": "6.3.0",
|
||||
@@ -4375,21 +4261,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/foreground-child": {
|
||||
"version": "3.3.1",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"cross-spawn": "^7.0.6",
|
||||
"signal-exit": "^4.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.2",
|
||||
"license": "MIT",
|
||||
@@ -5133,6 +5004,7 @@
|
||||
"version": "2.16.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"hasown": "^2.0.2"
|
||||
},
|
||||
@@ -5169,6 +5041,7 @@
|
||||
"version": "3.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
@@ -5254,20 +5127,6 @@
|
||||
"url": "https://github.com/sponsors/dmonad"
|
||||
}
|
||||
},
|
||||
"node_modules/jackspeak": {
|
||||
"version": "3.4.3",
|
||||
"dev": true,
|
||||
"license": "BlueOak-1.0.0",
|
||||
"dependencies": {
|
||||
"@isaacs/cliui": "^8.0.2"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@pkgjs/parseargs": "^0.11.0"
|
||||
}
|
||||
},
|
||||
"node_modules/javascript-lp-solver": {
|
||||
"version": "0.4.24",
|
||||
"dev": true,
|
||||
@@ -5532,7 +5391,8 @@
|
||||
"node_modules/lines-and-columns": {
|
||||
"version": "1.2.4",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
"license": "MIT",
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/locate-character": {
|
||||
"version": "3.0.0",
|
||||
@@ -7295,16 +7155,6 @@
|
||||
"version": "2.1.3",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/mz": {
|
||||
"version": "2.7.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"any-promise": "^1.0.0",
|
||||
"object-assign": "^4.0.1",
|
||||
"thenify-all": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/napi-macros": {
|
||||
"version": "2.0.0",
|
||||
"license": "MIT",
|
||||
@@ -7463,22 +7313,6 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/object-assign": {
|
||||
"version": "4.1.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/object-hash": {
|
||||
"version": "3.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/object-is": {
|
||||
"version": "1.1.6",
|
||||
"license": "MIT",
|
||||
@@ -7644,11 +7478,6 @@
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/package-json-from-dist": {
|
||||
"version": "1.0.1",
|
||||
"dev": true,
|
||||
"license": "BlueOak-1.0.0"
|
||||
},
|
||||
"node_modules/pako": {
|
||||
"version": "2.1.0",
|
||||
"license": "(MIT AND Zlib)"
|
||||
@@ -7747,31 +7576,6 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/path-parse": {
|
||||
"version": "1.0.7",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/path-scurry": {
|
||||
"version": "1.11.1",
|
||||
"dev": true,
|
||||
"license": "BlueOak-1.0.0",
|
||||
"dependencies": {
|
||||
"lru-cache": "^10.2.0",
|
||||
"minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16 || 14 >=14.18"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
}
|
||||
},
|
||||
"node_modules/path-scurry/node_modules/lru-cache": {
|
||||
"version": "10.4.3",
|
||||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/path-type": {
|
||||
"version": "4.0.0",
|
||||
"dev": true,
|
||||
@@ -7856,22 +7660,6 @@
|
||||
"url": "https://github.com/sponsors/jonschlinkert"
|
||||
}
|
||||
},
|
||||
"node_modules/pify": {
|
||||
"version": "2.3.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/pirates": {
|
||||
"version": "4.0.6",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/pkg-types": {
|
||||
"version": "1.3.1",
|
||||
"dev": true,
|
||||
@@ -8060,40 +7848,6 @@
|
||||
"postcss": "^8.4.31"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-import": {
|
||||
"version": "15.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"postcss-value-parser": "^4.0.0",
|
||||
"read-cache": "^1.0.0",
|
||||
"resolve": "^1.1.7"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-js": {
|
||||
"version": "4.0.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"camelcase-css": "^2.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^12 || ^14 || >= 16"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/postcss/"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.4.21"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-load-config": {
|
||||
"version": "4.0.2",
|
||||
"dev": true,
|
||||
@@ -8244,42 +7998,6 @@
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-nested": {
|
||||
"version": "6.2.0",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/postcss/"
|
||||
},
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"postcss-selector-parser": "^6.1.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.2.14"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-nested/node_modules/postcss-selector-parser": {
|
||||
"version": "6.1.2",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"cssesc": "^3.0.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-normalize-charset": {
|
||||
"version": "6.0.2",
|
||||
"dev": true,
|
||||
@@ -8710,14 +8428,6 @@
|
||||
"destr": "^2.0.3"
|
||||
}
|
||||
},
|
||||
"node_modules/read-cache": {
|
||||
"version": "1.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"pify": "^2.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/read-pkg": {
|
||||
"version": "6.0.0",
|
||||
"dev": true,
|
||||
@@ -8929,25 +8639,6 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/resolve": {
|
||||
"version": "1.22.10",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"is-core-module": "^2.16.0",
|
||||
"path-parse": "^1.0.7",
|
||||
"supports-preserve-symlinks-flag": "^1.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"resolve": "bin/resolve"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/resolve-from": {
|
||||
"version": "4.0.0",
|
||||
"dev": true,
|
||||
@@ -9163,6 +8854,7 @@
|
||||
"version": "4.1.0",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
},
|
||||
@@ -9302,20 +8994,7 @@
|
||||
"version": "4.2.3",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"emoji-regex": "^8.0.0",
|
||||
"is-fullwidth-code-point": "^3.0.0",
|
||||
"strip-ansi": "^6.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/string-width-cjs": {
|
||||
"name": "string-width",
|
||||
"version": "4.2.3",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"emoji-regex": "^8.0.0",
|
||||
"is-fullwidth-code-point": "^3.0.0",
|
||||
@@ -9336,18 +9015,6 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/strip-ansi-cjs": {
|
||||
"name": "strip-ansi",
|
||||
"version": "6.0.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^5.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/strip-indent": {
|
||||
"version": "4.0.0",
|
||||
"dev": true,
|
||||
@@ -9552,76 +9219,6 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase": {
|
||||
"version": "3.35.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/gen-mapping": "^0.3.2",
|
||||
"commander": "^4.0.0",
|
||||
"glob": "^10.3.10",
|
||||
"lines-and-columns": "^1.1.6",
|
||||
"mz": "^2.7.0",
|
||||
"pirates": "^4.0.1",
|
||||
"ts-interface-checker": "^0.1.9"
|
||||
},
|
||||
"bin": {
|
||||
"sucrase": "bin/sucrase",
|
||||
"sucrase-node": "bin/sucrase-node"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16 || 14 >=14.17"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase/node_modules/commander": {
|
||||
"version": "4.1.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase/node_modules/glob": {
|
||||
"version": "10.4.5",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"foreground-child": "^3.1.0",
|
||||
"jackspeak": "^3.1.2",
|
||||
"minimatch": "^9.0.4",
|
||||
"minipass": "^7.1.2",
|
||||
"package-json-from-dist": "^1.0.0",
|
||||
"path-scurry": "^1.11.1"
|
||||
},
|
||||
"bin": {
|
||||
"glob": "dist/esm/bin.mjs"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase/node_modules/minimatch": {
|
||||
"version": "9.0.5",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"brace-expansion": "^2.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16 || 14 >=14.17"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/isaacs"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase/node_modules/minipass": {
|
||||
"version": "7.1.2",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"engines": {
|
||||
"node": ">=16 || 14 >=14.17"
|
||||
}
|
||||
},
|
||||
"node_modules/supports-color": {
|
||||
"version": "7.2.0",
|
||||
"dev": true,
|
||||
@@ -9649,17 +9246,6 @@
|
||||
"url": "https://github.com/chalk/supports-hyperlinks?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/supports-preserve-symlinks-flag": {
|
||||
"version": "1.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/svelte": {
|
||||
"version": "5.22.6",
|
||||
"license": "MIT",
|
||||
@@ -10058,97 +9644,11 @@
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss": {
|
||||
"version": "3.4.17",
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz",
|
||||
"integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@alloc/quick-lru": "^5.2.0",
|
||||
"arg": "^5.0.2",
|
||||
"chokidar": "^3.6.0",
|
||||
"didyoumean": "^1.2.2",
|
||||
"dlv": "^1.1.3",
|
||||
"fast-glob": "^3.3.2",
|
||||
"glob-parent": "^6.0.2",
|
||||
"is-glob": "^4.0.3",
|
||||
"jiti": "^1.21.6",
|
||||
"lilconfig": "^3.1.3",
|
||||
"micromatch": "^4.0.8",
|
||||
"normalize-path": "^3.0.0",
|
||||
"object-hash": "^3.0.0",
|
||||
"picocolors": "^1.1.1",
|
||||
"postcss": "^8.4.47",
|
||||
"postcss-import": "^15.1.0",
|
||||
"postcss-js": "^4.0.1",
|
||||
"postcss-load-config": "^4.0.2",
|
||||
"postcss-nested": "^6.2.0",
|
||||
"postcss-selector-parser": "^6.1.2",
|
||||
"resolve": "^1.22.8",
|
||||
"sucrase": "^3.35.0"
|
||||
},
|
||||
"bin": {
|
||||
"tailwind": "lib/cli.js",
|
||||
"tailwindcss": "lib/cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss/node_modules/chokidar": {
|
||||
"version": "3.6.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"anymatch": "~3.1.2",
|
||||
"braces": "~3.0.2",
|
||||
"glob-parent": "~5.1.2",
|
||||
"is-binary-path": "~2.1.0",
|
||||
"is-glob": "~4.0.1",
|
||||
"normalize-path": "~3.0.0",
|
||||
"readdirp": "~3.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8.10.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"fsevents": "~2.3.2"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss/node_modules/chokidar/node_modules/glob-parent": {
|
||||
"version": "5.1.2",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"is-glob": "^4.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss/node_modules/postcss-selector-parser": {
|
||||
"version": "6.1.2",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"cssesc": "^3.0.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss/node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"picomatch": "^2.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.10.0"
|
||||
}
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/tar": {
|
||||
"version": "6.2.1",
|
||||
@@ -10171,25 +9671,6 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/thenify": {
|
||||
"version": "3.3.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"any-promise": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/thenify-all": {
|
||||
"version": "1.6.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"thenify": ">= 3.1.0 < 4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/tinyexec": {
|
||||
"version": "0.3.2",
|
||||
"dev": true,
|
||||
@@ -10246,11 +9727,6 @@
|
||||
"url": "https://github.com/sponsors/wooorm"
|
||||
}
|
||||
},
|
||||
"node_modules/ts-interface-checker": {
|
||||
"version": "0.1.13",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/tslib": {
|
||||
"version": "2.8.1",
|
||||
"license": "0BSD"
|
||||
@@ -10797,96 +10273,6 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/wrap-ansi": {
|
||||
"version": "8.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ansi-styles": "^6.1.0",
|
||||
"string-width": "^5.0.1",
|
||||
"strip-ansi": "^7.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi-cjs": {
|
||||
"name": "wrap-ansi",
|
||||
"version": "7.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ansi-styles": "^4.0.0",
|
||||
"string-width": "^4.1.0",
|
||||
"strip-ansi": "^6.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi/node_modules/ansi-regex": {
|
||||
"version": "6.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/ansi-regex?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi/node_modules/ansi-styles": {
|
||||
"version": "6.2.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi/node_modules/emoji-regex": {
|
||||
"version": "9.2.2",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/wrap-ansi/node_modules/string-width": {
|
||||
"version": "5.1.2",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"eastasianwidth": "^0.2.0",
|
||||
"emoji-regex": "^9.2.2",
|
||||
"strip-ansi": "^7.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi/node_modules/strip-ansi": {
|
||||
"version": "7.1.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ansi-regex": "^6.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/chalk/strip-ansi?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/wrappy": {
|
||||
"version": "1.0.2",
|
||||
"dev": true,
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
"svelte-range-slider-pips": "^2.3.1",
|
||||
"svelte-splitpanes": "^8.0.9",
|
||||
"svelte2tsx": "^0.6.16",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"tailwindcss": "^4.1.3",
|
||||
"tslib": "^2.6.1",
|
||||
"typescript": "^5.5.0",
|
||||
"vite": "^6.2.1",
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-code="viewport" class="outline-none focus:outline-none">
|
||||
<body data-sveltekit-preload-code="viewport" class="outline-hidden focus:outline-hidden">
|
||||
<div style="display: contents">
|
||||
<div id="svelte-global-loader">
|
||||
<div id="mainbg" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100vh">
|
||||
|
||||
@@ -1,9 +1,21 @@
|
||||
@import 'tailwindcss';
|
||||
|
||||
@config "../../../tailwind.config.cjs";
|
||||
|
||||
/* Write your global styles here, in PostCSS syntax */
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@utility no-scrollbar {
|
||||
@layer utilities {
|
||||
/* Hide scrollbar for Chrome, Safari and Opera */
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide scrollbar for IE, Edge and Firefox */
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
}
|
||||
|
||||
@layer base {
|
||||
*,
|
||||
@@ -49,38 +61,23 @@
|
||||
}
|
||||
|
||||
.autocomplete-list-item-create {
|
||||
@apply !text-primary-inverse !bg-surface-inverse;
|
||||
@apply text-primary-inverse! bg-surface-inverse!;
|
||||
}
|
||||
|
||||
.autocomplete-list-item {
|
||||
@apply !text-primary !bg-surface text-xs;
|
||||
@apply text-primary! bg-surface! text-xs;
|
||||
}
|
||||
|
||||
.autocomplete-list-item.selected {
|
||||
@apply !text-primary-inverse !bg-surface-inverse;
|
||||
@apply text-primary-inverse! bg-surface-inverse!;
|
||||
}
|
||||
|
||||
.autocomplete-list-item.selected.confirmed {
|
||||
@apply !text-primary-inverse !bg-surface-inverse;
|
||||
@apply text-primary-inverse! bg-surface-inverse!;
|
||||
}
|
||||
|
||||
.autocomplete-list {
|
||||
@apply !bg-surface;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
@variants responsive {
|
||||
/* Hide scrollbar for Chrome, Safari and Opera */
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide scrollbar for IE, Edge and Firefox */
|
||||
.no-scrollbar {
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
@apply bg-surface!;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -118,10 +115,10 @@ svelte-virtual-list-contents > * + * {
|
||||
}
|
||||
|
||||
.app-editor-input {
|
||||
@apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 focus:dark:border-gray-500 focus:!ring-1 focus:!ring-blue-300;
|
||||
@apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 dark:focus:border-gray-500 focus:ring-1! focus:ring-blue-300!;
|
||||
@apply placeholder:text-gray-400 dark:placeholder:text-gray-200;
|
||||
@apply bg-surface;
|
||||
@apply disabled:placeholder:text-gray-200 disabled:placeholder:dark:text-gray-500 disabled:text-gray-200 disabled:dark:text-gray-500 disabled:border-gray-200 disabled:dark:border-gray-600;
|
||||
@apply disabled:placeholder:text-gray-200 dark:disabled:placeholder:text-gray-500 disabled:text-gray-200 dark:disabled:text-gray-500 disabled:border-gray-200 dark:disabled:border-gray-600;
|
||||
}
|
||||
|
||||
.nonmain-editor .cursor.monaco-mouse-cursor-text {
|
||||
|
||||
@@ -518,7 +518,7 @@
|
||||
<td class="py-2">
|
||||
{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
|
||||
<span
|
||||
class="inline-flex items-center px-2 py-0.5 rounded text-xs"
|
||||
class="inline-flex items-center px-2 py-0.5 rounded-xs text-xs"
|
||||
style="background-color: {$userWorkspaces.find(
|
||||
(w) => w.id === installation.workspace_id
|
||||
)?.color}20; color: {$userWorkspaces.find(
|
||||
@@ -589,7 +589,7 @@
|
||||
<td class="py-2">
|
||||
{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
|
||||
<span
|
||||
class="inline-flex items-center px-2 py-0.5 rounded text-xs"
|
||||
class="inline-flex items-center px-2 py-0.5 rounded-xs text-xs"
|
||||
style="background-color: {$userWorkspaces.find(
|
||||
(w) => w.id === installation.workspace_id
|
||||
)?.color}20; color: {$userWorkspaces.find(
|
||||
@@ -689,7 +689,7 @@
|
||||
{#if !emptyString(error)}<span class="text-red-400 text-xs mb-1 flex flex-row-reverse"
|
||||
>{error}</span
|
||||
>{:else}<div class="py-2"></div>{/if}
|
||||
<div class="h-full w-full border p-1 rounded">
|
||||
<div class="h-full w-full border p-1 rounded-xs">
|
||||
{#await import('$lib/components/SimpleEditor.svelte')}
|
||||
<Loader2 class="animate-spin" />
|
||||
{:then Module}
|
||||
@@ -707,7 +707,7 @@
|
||||
File content ({resourceTypeInfo.format_extension})
|
||||
</h5>
|
||||
<div class="py-2"></div>
|
||||
<div class="h-full w-full border p-1 rounded">
|
||||
<div class="h-full w-full border p-1 rounded-xs">
|
||||
{#await import('$lib/components/SimpleEditor.svelte')}
|
||||
<Loader2 class="animate-spin" />
|
||||
{:then Module}
|
||||
|
||||
@@ -416,7 +416,7 @@
|
||||
size="sm"
|
||||
variant="border"
|
||||
color={key === resourceType ? 'blue' : 'light'}
|
||||
btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
|
||||
btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
|
||||
on:click={() => {
|
||||
manual = false
|
||||
resourceType = key
|
||||
@@ -466,7 +466,7 @@
|
||||
size="sm"
|
||||
variant="border"
|
||||
color={key === resourceType ? 'blue' : 'light'}
|
||||
btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
|
||||
btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
|
||||
on:click={() => {
|
||||
manual = true
|
||||
resourceType = key
|
||||
@@ -490,7 +490,7 @@
|
||||
size="sm"
|
||||
variant="border"
|
||||
color={key === resourceType ? 'blue' : 'light'}
|
||||
btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
|
||||
btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
|
||||
on:click={() => {
|
||||
manual = true
|
||||
resourceType = key
|
||||
|
||||
@@ -40,14 +40,14 @@
|
||||
)}
|
||||
value={value ?? defaultValue}
|
||||
hideArrow={true}
|
||||
dropdownClassName="!text-sm !py-2 !rounded-sm !border-gray-200 !border !shadow-md !bg-surface-primary"
|
||||
dropdownClassName="text-sm! py-2! rounded-xs! border-gray-200! border! shadow-md! bg-surface-primary!"
|
||||
className="w-full"
|
||||
noInputStyles
|
||||
onFocus={() => {
|
||||
dispatch('focus')
|
||||
}}
|
||||
onBlur={() => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
{create}
|
||||
{required}
|
||||
|
||||
@@ -530,8 +530,8 @@
|
||||
{#if Array.isArray(itemsType?.multiselect) && Array.isArray(value)}
|
||||
<div class="items-start">
|
||||
<Multiselect
|
||||
ulOptionsClass={'p-2 !bg-surface-secondary'}
|
||||
outerDivClass={'dark:!border-gray-500 !border-gray-300'}
|
||||
ulOptionsClass={'p-2 bg-surface-secondary!'}
|
||||
outerDivClass={'dark:border-gray-500! border-gray-300!'}
|
||||
{disabled}
|
||||
bind:selected={value}
|
||||
options={itemsType?.multiselect ?? []}
|
||||
@@ -544,8 +544,8 @@
|
||||
{:else if itemsType?.enum != undefined && Array.isArray(itemsType?.enum) && Array.isArray(value)}
|
||||
<div class="items-start">
|
||||
<Multiselect
|
||||
ulOptionsClass={'p-2 !bg-surface-secondary'}
|
||||
outerDivClass={'dark:!border-gray-500 !border-gray-300'}
|
||||
ulOptionsClass={'p-2 bg-surface-secondary!'}
|
||||
outerDivClass={'dark:border-gray-500! border-gray-300!'}
|
||||
{disabled}
|
||||
bind:selected={value}
|
||||
options={itemsType?.enum ?? []}
|
||||
@@ -588,7 +588,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
{defaultValue}
|
||||
{valid}
|
||||
@@ -615,7 +615,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
code={JSON.stringify(v, null, 2)}
|
||||
bind:value={value[i]}
|
||||
@@ -750,7 +750,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
code={JSON.stringify(value ?? defaultValue ?? { s3: '' }, null, 2)}
|
||||
on:changeValue={(e) => {
|
||||
@@ -821,7 +821,7 @@
|
||||
{@const obj = oneOf[objIdx]}
|
||||
{#if obj && obj.properties && Object.keys(obj.properties).length > 0}
|
||||
{#key redraw}
|
||||
<div class="py-4 pr-2 pl-6 border rounded w-full">
|
||||
<div class="py-4 pr-2 pl-6 border rounded-xs w-full">
|
||||
{#if orderEditable}
|
||||
<SchemaFormDnd
|
||||
{nestedClasses}
|
||||
@@ -886,7 +886,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
code={rawValue}
|
||||
on:changeValue={(e) => {
|
||||
@@ -908,7 +908,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
code={rawValue}
|
||||
on:change={(e) => {
|
||||
@@ -995,7 +995,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
code={rawValue}
|
||||
on:changeValue={(e) => {
|
||||
@@ -1032,7 +1032,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
enumLabels={extra['enumLabels']}
|
||||
/>
|
||||
@@ -1056,7 +1056,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
on:change={(e) => {
|
||||
setNewValueFromCode(e.detail?.code)
|
||||
@@ -1136,7 +1136,7 @@
|
||||
dispatch('focus')
|
||||
}}
|
||||
on:blur={(e) => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}}
|
||||
use:autosize
|
||||
on:keydown={onKeyDown}
|
||||
@@ -1154,14 +1154,14 @@
|
||||
{#if !disabled && itemPicker && extra?.['disableVariablePicker'] != true}
|
||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||
<button
|
||||
class="absolute right-1 top-1 py-1 min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
|
||||
class="absolute right-1 top-1 py-1 min-w-min px-2! items-center text-gray-800 bg-surface-secondary border rounded-xs center-center hover:bg-gray-300 transition-all cursor-pointer"
|
||||
on:click={() => {
|
||||
pickForField = label
|
||||
itemPicker?.openDrawer?.()
|
||||
}}
|
||||
title="Insert a Variable"
|
||||
>
|
||||
<DollarSign class="!text-tertiary" size={14} />
|
||||
<DollarSign class="text-tertiary!" size={14} />
|
||||
</button>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
<div class="flex flex-col gap-y-1">
|
||||
{#each customTags as customTag}
|
||||
<div class="flex gap-0.5 items-center"
|
||||
><div class="text-2xs p-1 rounded border text-primary">{customTag}</div>
|
||||
><div class="text-2xs p-1 rounded-xs border text-primary">{customTag}</div>
|
||||
<button
|
||||
class="z-10 rounded-full p-1 duration-200 hover:bg-gray-200"
|
||||
aria-label="Remove item"
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="p-2 rounded border">
|
||||
<div class="p-2 rounded-xs border">
|
||||
<label class="block pb-2">
|
||||
<div class="flex gap-2 items-end">
|
||||
<div>
|
||||
|
||||
@@ -107,7 +107,7 @@
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div class="p-2 border rounded">
|
||||
<div class="p-2 border rounded-xs">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm">Custom Name</span>
|
||||
<input
|
||||
@@ -191,7 +191,7 @@
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div class="p-2 border rounded">
|
||||
<div class="p-2 border rounded-xs">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm">Client Id</span>
|
||||
<input type="text" placeholder="Client Id" bind:value={oauths[k]['id']} />
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="border rounded p-2">
|
||||
<div class="border rounded-xs p-2">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm"
|
||||
>Authelia Url ({'AUTHELIA_URL/api/oidc/authorization'})</span
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="border rounded p-2">
|
||||
<div class="border rounded-xs p-2">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm"
|
||||
>Authentik Url ({'AUTHENTIK_HOST/application/o/authorize/'})</span
|
||||
|
||||
@@ -205,7 +205,7 @@
|
||||
{#if config}
|
||||
{#if config.custom_tags}
|
||||
<MultiSelect
|
||||
outerDivClass="text-secondary !bg-surface-disabled !border-0"
|
||||
outerDivClass="text-secondary bg-surface-disabled! border-0!"
|
||||
selected={config.custom_tags}
|
||||
on:change={(e) => {
|
||||
console.log(e.detail.type, config?.custom_tags)
|
||||
@@ -232,7 +232,7 @@
|
||||
}}
|
||||
options={worker_tags ?? []}
|
||||
selectedOptionsDraggable={false}
|
||||
ulOptionsClass={'!bg-surface-secondary'}
|
||||
ulOptionsClass={'bg-surface-secondary!'}
|
||||
placeholder="Tags"
|
||||
/>
|
||||
{:else}
|
||||
@@ -333,7 +333,7 @@
|
||||
<div class="flex flex-row gap-2 mt-4">
|
||||
<Button color="light" size="xs" variant="contained">Test scaling</Button>
|
||||
<div class="flex text-xs flex-row gap-2 items-center">
|
||||
<input class="!w-16" type="number" bind:value={test_input} />
|
||||
<input class="w-16!" type="number" bind:value={test_input} />
|
||||
workers
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
export let tooltip: string | undefined = undefined
|
||||
</script>
|
||||
|
||||
<span class="{twBgColor} {twTextColor} text-2xs rounded px-1 whitespace-nowrap">
|
||||
<span class="{twBgColor} {twTextColor} text-2xs rounded-xs px-1 whitespace-nowrap">
|
||||
<slot />
|
||||
{#if tooltip && tooltip != ''}
|
||||
<Tooltip>{tooltip}</Tooltip>
|
||||
|
||||
@@ -306,7 +306,7 @@
|
||||
options={monthsOfYearOptions}
|
||||
selectedOptionsDraggable={false}
|
||||
placeholder="Every month"
|
||||
ulOptionsClass={'!bg-surface-secondary'}
|
||||
ulOptionsClass={'bg-surface-secondary!'}
|
||||
/>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -319,7 +319,7 @@
|
||||
options={daysOfWeekOptions}
|
||||
selectedOptionsDraggable={false}
|
||||
placeholder="Every day"
|
||||
ulOptionsClass={'!bg-surface-secondary'}
|
||||
ulOptionsClass={'bg-surface-secondary!'}
|
||||
/>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -337,7 +337,7 @@
|
||||
options={daysOfMonthOptions}
|
||||
selectedOptionsDraggable={false}
|
||||
placeholder="Every day"
|
||||
ulOptionsClass={'!bg-surface-secondary'}
|
||||
ulOptionsClass={'bg-surface-secondary!'}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
use:popperContent={popperOptions}
|
||||
on:mouseenter={open}
|
||||
on:mouseleave={close}
|
||||
class="z-[5001] border rounded-lg shadow-lg {noPadding ? '' : 'p-4'} bg-surface"
|
||||
class="z-5001 border rounded-lg shadow-lg {noPadding ? '' : 'p-4'} bg-surface"
|
||||
>
|
||||
<slot name="overlay" />
|
||||
</div>
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
type="date"
|
||||
bind:value={date}
|
||||
{autofocus}
|
||||
class="!w-full app-editor-input"
|
||||
class="w-full! app-editor-input"
|
||||
min={minDate}
|
||||
max={maxDate}
|
||||
on:change={() => {
|
||||
|
||||
@@ -79,14 +79,14 @@
|
||||
bind:value={date}
|
||||
{autofocus}
|
||||
{disabled}
|
||||
class={twMerge('h-8 text-sm !w-3/4 ', inputClass)}
|
||||
class={twMerge('h-8 text-sm w-3/4! ', inputClass)}
|
||||
min={minDate}
|
||||
max={maxDate}
|
||||
/>
|
||||
<input
|
||||
type="time"
|
||||
bind:value={time}
|
||||
class={twMerge('h-8 text-sm !w-1/4 min-w-[100px] ', inputClass)}
|
||||
class={twMerge('h-8 text-sm w-1/4! min-w-[100px] ', inputClass)}
|
||||
{disabled}
|
||||
/>
|
||||
<Button
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
startIcon={{ icon: SettingsIcon }}
|
||||
color="light"
|
||||
{size}
|
||||
btnClasses="!text-tertiary"
|
||||
btnClasses="text-tertiary!"
|
||||
variant="contained"
|
||||
>
|
||||
{noText ? '' : 'defaults'}
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
<div class="flex flex-col gap-y-1">
|
||||
{#each defaultTags.sort() as tag (tag)}
|
||||
<div class="flex gap-2 items-center"
|
||||
><div class="p-1 text-xs px-2 rounded border text-primary w-32">{tag} </div><div
|
||||
><div class="p-1 text-xs px-2 rounded-xs border text-primary w-32">{tag} </div><div
|
||||
class="flex gap-2 items-center w-92"
|
||||
>→
|
||||
<input
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
>
|
||||
Deploy
|
||||
<svelte:fragment slot="tooltip">
|
||||
<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-[5001]">
|
||||
<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-5001">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Deployment message"
|
||||
|
||||
@@ -607,7 +607,7 @@
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="absolute top-2 right-2 !text-tertiary text-xs">
|
||||
<div class="absolute top-2 right-2 text-tertiary! text-xs">
|
||||
{#if $userStore != undefined}
|
||||
As {$userStore?.username} in {$workspaceStore}
|
||||
{:else}
|
||||
|
||||
@@ -552,7 +552,7 @@
|
||||
Warning
|
||||
</div>
|
||||
<p
|
||||
class="text-tertiary mb-2 text-left border-2 !border-t-0 rounded-b border-red-400 overflow-auto p-1"
|
||||
class="text-tertiary mb-2 text-left border-2 border-t-0! rounded-b border-red-400 overflow-auto p-1"
|
||||
>Rendering HTML can expose you to <a
|
||||
href="https://owasp.org/www-community/attacks/xss/"
|
||||
target="_blank"
|
||||
@@ -641,7 +641,7 @@
|
||||
</div>
|
||||
{:else if !forceJson && resultKind === 'error' && result?.error}
|
||||
<div class="flex flex-col items-start">
|
||||
<span class="text-red-500 pt-2 font-semibold !text-xs whitespace-pre-wrap"
|
||||
<span class="text-red-500 pt-2 font-semibold text-xs! whitespace-pre-wrap"
|
||||
>{#if result.error.name || result.error.message}{result.error.name}: {result.error
|
||||
.message}{:else}{JSON.stringify(result.error, null, 4)}{/if}</span
|
||||
>
|
||||
@@ -875,7 +875,7 @@
|
||||
</div>
|
||||
</div>
|
||||
{:else if !forceJson && resultKind === 'markdown'}
|
||||
<div class="prose-xs dark:prose-invert !list-disc !list-outside">
|
||||
<div class="prose-xs dark:prose-invert list-disc! list-outside!">
|
||||
<Markdown md={result?.md ?? result?.markdown} />
|
||||
</div>
|
||||
{:else if largeObject || hasBigInt}
|
||||
|
||||
@@ -106,9 +106,9 @@
|
||||
</button>
|
||||
|
||||
{#if open && !hidePopup}
|
||||
<div use:melt={$menu} data-menu class="z-[6000]">
|
||||
<div use:melt={$menu} data-menu class="z-6000">
|
||||
<div
|
||||
class="bg-surface border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto py-1 max-h-[50vh]"
|
||||
class="bg-surface border w-56 origin-top-right rounded-md shadow-md focus:outline-hidden overflow-y-auto py-1 max-h-[50vh]"
|
||||
>
|
||||
<DropdownV2Inner items={computeItems} meltItem={item} />
|
||||
</div>
|
||||
|
||||
@@ -28,12 +28,12 @@
|
||||
disabled={item?.disabled}
|
||||
class={twMerge(
|
||||
'px-4 py-2 text-primary font-semibold hover:bg-surface-hover cursor-pointer text-xs transition-all',
|
||||
'data-[highlighted]:bg-surface-hover',
|
||||
'data-highlighted:bg-surface-hover',
|
||||
'flex flex-row gap-2 items-center',
|
||||
item?.disabled && 'text-gray-400 cursor-not-allowed',
|
||||
item?.type === 'delete' &&
|
||||
!item?.disabled &&
|
||||
'text-red-500 hover:bg-red-100 hover:text-red-500 data-[highlighted]:text-red-500 data-[highlighted]:bg-red-100'
|
||||
'text-red-500 hover:bg-red-100 hover:text-red-500 data-highlighted:text-red-500 data-highlighted:bg-red-100'
|
||||
)}
|
||||
item={meltItem}
|
||||
>
|
||||
|
||||
@@ -246,7 +246,7 @@
|
||||
</script>
|
||||
|
||||
<div class="w-full h-full">
|
||||
<div class="relative z-[100000]">
|
||||
<div class="relative z-100000">
|
||||
<div
|
||||
class="absolute"
|
||||
style="right: calc({editPanelSize}% - 1px - {pannelExtraButtonWidth}px); top: 0px;"
|
||||
@@ -389,7 +389,7 @@
|
||||
<div class="flex flex-col gap-2">
|
||||
<input
|
||||
type="text"
|
||||
class="w-full !bg-surface"
|
||||
class="w-full bg-surface!"
|
||||
value={argName}
|
||||
id={argName + i}
|
||||
on:keydown={(event) => {
|
||||
@@ -611,7 +611,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<div class="p-2">
|
||||
<div class="border rounded h-full">
|
||||
<div class="border rounded-xs h-full">
|
||||
<SimpleEditor
|
||||
bind:this={editor}
|
||||
small
|
||||
|
||||
@@ -1186,7 +1186,7 @@
|
||||
})
|
||||
|
||||
editor?.onDidBlurEditorText(() => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
})
|
||||
|
||||
editor?.onDidFocusEditorText(() => {
|
||||
|
||||
@@ -598,7 +598,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
color="light"
|
||||
on:click={contextualVariablePicker.openDrawer}
|
||||
size="xs"
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
spacingSize="md"
|
||||
startIcon={{ icon: DollarSign }}
|
||||
{iconOnly}
|
||||
@@ -609,7 +609,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
<Button
|
||||
title="Add variable"
|
||||
color="light"
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
on:click={variablePicker.openDrawer}
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
@@ -623,7 +623,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{#if showResourcePicker && customUi?.resource != false}
|
||||
<Button
|
||||
title="Add resource"
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
@@ -638,7 +638,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{#if showResourceTypePicker && customUi?.type != false}
|
||||
<Button
|
||||
title="Add resource type"
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
@@ -653,7 +653,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{#if customUi?.reset != false}
|
||||
<Button
|
||||
title="Reset Content"
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
@@ -668,7 +668,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{#if customUi?.assistants != false}
|
||||
{#if lang == 'deno' || lang == 'python3' || lang == 'go' || lang == 'bash' || lang == 'nu'}
|
||||
<Button
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
@@ -733,7 +733,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{#if collabLive}
|
||||
<button
|
||||
title="Show invite link"
|
||||
class="p-1 rounded hover:bg-gray-400 mx-1 border"
|
||||
class="p-1 rounded-xs hover:bg-gray-400 mx-1 border"
|
||||
on:click={() => dispatch('collabPopup')}><Link size={14} /></button
|
||||
>
|
||||
<div class="isolate flex -space-x-2 pl-2">
|
||||
@@ -764,7 +764,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
<slot name="right" />
|
||||
{#if scriptPath && !noHistory}
|
||||
<Button
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
@@ -778,7 +778,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
|
||||
{/if}
|
||||
{#if SCRIPT_EDITOR_SHOW_EXPLORE_OTHER_SCRIPTS && customUi?.library != false}
|
||||
<Button
|
||||
btnClasses="!font-medium text-tertiary"
|
||||
btnClasses="font-medium! text-tertiary"
|
||||
size="xs"
|
||||
spacingSize="md"
|
||||
color="light"
|
||||
|
||||
@@ -440,11 +440,11 @@
|
||||
</span>
|
||||
{#if workspaceConnectedToTeams}
|
||||
<div class="w-2/3 flex flex-row items-center gap-2">
|
||||
<div class="pt-1 flex-shrink-0">
|
||||
<div class="pt-1 shrink-0">
|
||||
<MsTeamsIcon height="24px" width="24px" />
|
||||
</div>
|
||||
<p class="text-sm">Teams Channel</p>
|
||||
<div class="flex-grow">
|
||||
<div class="grow">
|
||||
<select class="w-full" bind:value={handlerExtraArgs['channel']}>
|
||||
{#if teams_channels.length === 0}
|
||||
<option value="" disabled selected>Bot not connected to any channel</option>
|
||||
@@ -458,7 +458,7 @@
|
||||
{/if}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<div class="shrink-0">
|
||||
<button on:click={loadTeamsResources} class="flex items-center gap-1 mt-2">
|
||||
<RefreshCcw size={16} class={isFetching ? 'animate-spin' : ''} />
|
||||
</button>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
{/if}
|
||||
</span>
|
||||
{#if !disabled}
|
||||
<Required {required} class="!ml-0" />
|
||||
<Required {required} class="ml-0!" />
|
||||
{/if}
|
||||
|
||||
{#if displayType}
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
{#if schema && mod}
|
||||
<button
|
||||
class={twMerge(
|
||||
'w-full shadow-md rounded-sm',
|
||||
'w-full shadow-md rounded-xs',
|
||||
selected ? 'bg-surface-selected' : 'hover:bg-surface-hover'
|
||||
)}
|
||||
disabled={!schema}
|
||||
|
||||
@@ -1291,7 +1291,7 @@
|
||||
class="justify-between flex flex-row items-center pl-2.5 pr-6 space-x-4 scrollbar-hidden overflow-x-auto max-h-12 h-full relative"
|
||||
>
|
||||
{#if $copilotCurrentStepStore !== undefined}
|
||||
<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-[900] !m-0"
|
||||
<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-900 m-0!"
|
||||
></div>
|
||||
{/if}
|
||||
<div class="flex w-full max-w-md gap-4 items-center">
|
||||
@@ -1363,7 +1363,7 @@
|
||||
>
|
||||
<Badge
|
||||
color="gray"
|
||||
class="center-center !bg-gray-300 !text-tertiary dark:!bg-gray-700 dark:!text-gray-300 !h-[28px] !w-[70px] rounded-r-none"
|
||||
class="center-center bg-gray-300! text-tertiary! dark:bg-gray-700! dark:text-gray-300! h-[28px]! w-[70px]! rounded-r-none"
|
||||
>
|
||||
<Pen size={12} class="mr-2" /> Path
|
||||
</Badge>
|
||||
@@ -1373,7 +1373,7 @@
|
||||
type="text"
|
||||
readonly
|
||||
value={$pathStore && $pathStore != '' ? $pathStore : 'Choose a path'}
|
||||
class="font-mono !text-xs !min-w-[96px] !max-w-[300px] !w-full !h-[28px] !my-0 !py-0 !border-l-0 !rounded-l-none"
|
||||
class="font-mono text-xs! min-w-[96px]! max-w-[300px]! w-full! h-[28px]! my-0! py-0! border-l-0! rounded-l-none!"
|
||||
on:focus={({ currentTarget }) => {
|
||||
currentTarget.select()
|
||||
}}
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
</div>
|
||||
|
||||
<h3 class="mb-2">Code</h3>
|
||||
<span class="!text-xs">
|
||||
<span class="text-xs!">
|
||||
<HighlightCode language={stepDetail.value.language} code={stepDetail.value.content} />
|
||||
</span>
|
||||
<h3 class="mt-4 mb-2">Lockfile</h3>
|
||||
@@ -186,7 +186,7 @@
|
||||
>{stepDetail.value.lock}</pre
|
||||
>
|
||||
{:else}
|
||||
<p class="bg-surface-secondary text-sm p-2 rounded">
|
||||
<p class="bg-surface-secondary text-sm p-2 rounded-xs">
|
||||
There is no lockfile for this inline script
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<HistoryIcon size={14} />
|
||||
</svelte:fragment>
|
||||
<svelte:fragment slot="content">
|
||||
<div class="p-2 h-[400px] overflow-hidden w-80 border shadow-sm">
|
||||
<div class="p-2 h-[400px] overflow-hidden w-80 border shadow-2xs">
|
||||
<HistoricInputs
|
||||
on:select={(e) => {
|
||||
if (e.detail) {
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
class:border={!noBorder}
|
||||
class="grid {!col
|
||||
? 'grid-cols-2'
|
||||
: 'grid-rows-2 max-h-screen'} shadow border border-tertiary-inverse grow overflow-hidden"
|
||||
: 'grid-rows-2 max-h-screen'} shadow-xs border border-tertiary-inverse grow overflow-hidden"
|
||||
>
|
||||
<div class="bg-surface {col ? '' : 'max-h-80'} p-1 overflow-auto relative">
|
||||
<span class="text-tertiary">Result</span>
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="rounded-md p-3 bg-surface-secondary shadow-sm sm:text-sm md:text-base overflow-x-auto"
|
||||
class="rounded-md p-3 bg-surface-secondary shadow-2xs sm:text-sm md:text-base overflow-x-auto"
|
||||
style="min-height: 150px;"
|
||||
>
|
||||
<JobStatus {job} />
|
||||
|
||||
@@ -310,13 +310,13 @@
|
||||
type="number"
|
||||
min="0"
|
||||
bind:value={branchOrIterationN}
|
||||
class="!w-32 grow"
|
||||
class="w-32! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
/>
|
||||
{:else}
|
||||
<select
|
||||
bind:value={branchOrIterationN}
|
||||
class="!w-32 grow"
|
||||
class="w-32! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
>
|
||||
{#each restartBranchNames as [branchIdx, branchName]}
|
||||
@@ -328,7 +328,7 @@
|
||||
size="xs"
|
||||
color="blue"
|
||||
buttonType="button"
|
||||
btnClasses="!p-1 !w-[34px] !ml-1"
|
||||
btnClasses="p-1! w-[34px]! ml-1!"
|
||||
aria-label="Restart flow"
|
||||
on:click|once={() => {
|
||||
runPreview($previewArgs, {
|
||||
@@ -365,7 +365,7 @@
|
||||
{#if lastPreviewFlow && JSON.stringify($flowStore) != lastPreviewFlow}
|
||||
<div class="pt-1">
|
||||
<div
|
||||
class="bg-orange-200 text-orange-600 border border-orange-600 p-2 flex items-center gap-2 rounded"
|
||||
class="bg-orange-200 text-orange-600 border border-orange-600 p-2 flex items-center gap-2 rounded-xs"
|
||||
>
|
||||
<AlertTriangle size={14} /> Flow changed since last preview
|
||||
<div class="flex"></div>
|
||||
@@ -474,7 +474,7 @@
|
||||
on:click={() => {
|
||||
initial = false
|
||||
}}
|
||||
class="cursor-pointer h-full hover:bg-gray-500/20 dark:hover:bg-gray-500/20 dark:bg-gray-500/80 rounded bg-gray-500/40 absolute top-0 left-0 w-full z-50"
|
||||
class="cursor-pointer h-full hover:bg-gray-500/20 dark:hover:bg-gray-500/20 dark:bg-gray-500/80 rounded-xs bg-gray-500/40 absolute top-0 left-0 w-full z-50"
|
||||
>
|
||||
<div class="text-center text-primary text-lg py-2 pt-20"
|
||||
><span class="font-bold border p-2 bg-surface-secondary rounded-md"
|
||||
|
||||
@@ -902,7 +902,7 @@
|
||||
</p>
|
||||
{/if}
|
||||
{#if render}
|
||||
<div class="w-full h-full border rounded-sm bg-surface p-1 overflow-auto">
|
||||
<div class="w-full h-full border rounded-xs bg-surface p-1 overflow-auto">
|
||||
<DisplayResult
|
||||
workspaceId={job?.workspace_id}
|
||||
{jobId}
|
||||
@@ -912,7 +912,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
{:else if render}
|
||||
<div class={'border rounded-md shadow p-2'}>
|
||||
<div class={'border rounded-md shadow-xs p-2'}>
|
||||
<FlowPreviewStatus {job} />
|
||||
{#if !job}
|
||||
<div>
|
||||
@@ -1026,7 +1026,7 @@
|
||||
}}
|
||||
endIcon={{
|
||||
icon: ChevronDown,
|
||||
classes: forloop_selected == loopJobId ? '!rotate-180' : ''
|
||||
classes: forloop_selected == loopJobId ? 'rotate-180!' : ''
|
||||
}}
|
||||
>
|
||||
<span class="truncate font-mono">
|
||||
@@ -1119,7 +1119,7 @@
|
||||
}}
|
||||
endIcon={{
|
||||
icon: ChevronDown,
|
||||
classes: retry_selected == failedRetry ? '!rotate-180' : ''
|
||||
classes: retry_selected == failedRetry ? 'rotate-180!' : ''
|
||||
}}
|
||||
>
|
||||
<span class="truncate font-mono">
|
||||
|
||||
@@ -163,7 +163,7 @@
|
||||
{#if ($durationStatuses?.[k]?.iteration_from ?? 0) > 0}
|
||||
<div class="w-full flex flex-row-reverse sticky top-0">
|
||||
<button
|
||||
class="!text-secondary underline mr-2 text-2xs text-right whitespace-nowrap"
|
||||
class="text-secondary! underline mr-2 text-2xs text-right whitespace-nowrap"
|
||||
on:click={() => {
|
||||
let r = $durationStatuses[k]
|
||||
if (r.iteration_from) {
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
{#if ownerKind == 'group'}
|
||||
<Button
|
||||
title="View Group"
|
||||
btnClasses="!p-1.5"
|
||||
btnClasses="p-1.5!"
|
||||
variant="border"
|
||||
size="xs"
|
||||
disabled={!ownerItem || ownerItem == ''}
|
||||
@@ -216,7 +216,7 @@
|
||||
/>
|
||||
<Button
|
||||
title="New Group"
|
||||
btnClasses="!p-1.5"
|
||||
btnClasses="p-1.5!"
|
||||
variant="border"
|
||||
on:click={newGroup.openDrawer}
|
||||
size="xs"
|
||||
@@ -386,7 +386,7 @@
|
||||
variant="contained"
|
||||
color="blue"
|
||||
size="sm"
|
||||
btnClasses="!ml-4"
|
||||
btnClasses="ml-4!"
|
||||
on:click={addToManagingFolder}
|
||||
>
|
||||
Add folder managing this folder
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
{#if can_write}
|
||||
<div class="flex items-start">
|
||||
<AutoComplete required noInputStyles items={usernames} bind:selectedItem={username} />
|
||||
<Button variant="contained" color="blue" size="sm" btnClasses="!ml-4" on:click={addToGroup}>
|
||||
<Button variant="contained" color="blue" size="sm" btnClasses="ml-4!" on:click={addToGroup}>
|
||||
Add member
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
export let label: string = 'Component ID'
|
||||
export let value = initialId
|
||||
export let buttonText = ''
|
||||
export let btnClasses = '!p-1 !w-[34px] !ml-1'
|
||||
export let btnClasses = 'p-1! w-[34px]! ml-1!'
|
||||
export let acceptUnderScores = false
|
||||
|
||||
let error = ''
|
||||
@@ -49,7 +49,7 @@
|
||||
bind:this={inputDiv}
|
||||
type="text"
|
||||
bind:value
|
||||
class="!w-auto grow"
|
||||
class="w-auto! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
on:keydown|stopPropagation={({ key }) => {
|
||||
if (key === 'Enter' && error === '' && value !== initialId) {
|
||||
|
||||
@@ -70,7 +70,7 @@
|
||||
variant="contained"
|
||||
color="blue"
|
||||
size="sm"
|
||||
btnClasses="!ml-4"
|
||||
btnClasses="ml-4!"
|
||||
on:click={async () => {
|
||||
await GroupService.addUserToInstanceGroup({
|
||||
name,
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
<input
|
||||
type="text"
|
||||
bind:value
|
||||
class="!w-auto grow"
|
||||
class="w-auto! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
on:keydown|stopPropagation
|
||||
on:keypress|stopPropagation={({ key }) => {
|
||||
@@ -88,7 +88,7 @@
|
||||
<input
|
||||
type="password"
|
||||
bind:value={password}
|
||||
class="!w-auto grow"
|
||||
class="w-auto! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
on:keydown|stopPropagation
|
||||
on:keypress|stopPropagation={({ key }) => {
|
||||
@@ -122,7 +122,7 @@
|
||||
<input
|
||||
type="text"
|
||||
bind:value={login_type}
|
||||
class="!w-auto grow"
|
||||
class="w-auto! grow"
|
||||
on:click|stopPropagation={() => {}}
|
||||
on:keydown|stopPropagation
|
||||
on:keypress|stopPropagation={({ key }) => {
|
||||
|
||||
@@ -218,7 +218,7 @@
|
||||
type="text"
|
||||
placeholder={setting.placeholder}
|
||||
class={hasError
|
||||
? 'border !border-red-700 !border-opacity-30 !focus:border-red-700 !focus:border-opacity-30'
|
||||
? 'border border-red-700! border-opacity-30! !focus:border-red-700 !focus:border-opacity-30'
|
||||
: ''}
|
||||
bind:value={$values[setting.key]}
|
||||
/>
|
||||
@@ -751,7 +751,7 @@
|
||||
{/if}
|
||||
</div>
|
||||
{:else if setting.fieldType == 'smtp_connect'}
|
||||
<div class="flex flex-col gap-4 border rounded p-4">
|
||||
<div class="flex flex-col gap-4 border rounded-xs p-4">
|
||||
{#if $values[setting.key]}
|
||||
<div class="flex gap-4"
|
||||
><input type="email" bind:value={to} placeholder="contact@windmill.dev" />
|
||||
@@ -843,7 +843,7 @@
|
||||
{/if}
|
||||
</div>
|
||||
{:else if setting.fieldType == 'otel'}
|
||||
<div class="flex flex-col gap-4 border rounded p-4">
|
||||
<div class="flex flex-col gap-4 border rounded-xs p-4">
|
||||
{#if $values[setting.key]}
|
||||
<div class="flex gap-8">
|
||||
<Toggle
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
}}
|
||||
on:blur={async () => {
|
||||
if (updateOnBlur) {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
}
|
||||
}}
|
||||
on:change={(e) => {
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="border rounded p-2">
|
||||
<div class="border rounded-xs p-2">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm">Kanidm Url ({'KANIDM_URL/ui/oauth2'})</span
|
||||
>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="border rounded p-2">
|
||||
<div class="border rounded-xs p-2">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm"
|
||||
>Realm Url ({'REALM_URL/protocol/openid-connect/auth'})</span
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
let html = highlightSnippet(content)
|
||||
</script>
|
||||
|
||||
<button on:click class="font-light !m-0 !p-0">
|
||||
<button on:click class="font-light m-0! p-0!">
|
||||
<pre
|
||||
class="bg-surface-secondary hover:bg-surface px-2 py-1 text-secondary text-xs w-[100%] whitespace-pre border min-w-full text-start" >
|
||||
{@html html}
|
||||
|
||||
@@ -213,8 +213,8 @@
|
||||
{#if !noAutoScroll}
|
||||
<div
|
||||
class="{small ? '' : 'py-2'} pr-2 {small
|
||||
? '!text-2xs'
|
||||
: '!text-xs'} flex gap-2 text-tertiary items-center"
|
||||
? 'text-2xs!'
|
||||
: 'text-xs!'} flex gap-2 text-tertiary items-center"
|
||||
>
|
||||
Auto scroll
|
||||
<input class="windmillapp" type="checkbox" bind:checked={scroll} />
|
||||
@@ -227,26 +227,26 @@
|
||||
<Loader2 class="animate-spin" />
|
||||
{#if tag}
|
||||
<div class="flex flex-row items-center gap-1">
|
||||
<div class="text-secondary {small ? '!text-2xs' : '!text-xs'}">tag: {tag}</div>
|
||||
<div class="text-secondary {small ? 'text-2xs!' : 'text-xs!'}">tag: {tag}</div>
|
||||
<NoWorkerWithTagWarning {tag} />
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{:else if duration}
|
||||
<span
|
||||
class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
|
||||
class="absolute {small ? 'text-2xs!' : 'text-xs!'} text-tertiary dark:text-gray-400 {small
|
||||
? 'top-0'
|
||||
: 'top-2'} left-2">took {duration}ms</span
|
||||
>
|
||||
{/if}
|
||||
{#if mem}
|
||||
<span
|
||||
class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
|
||||
class="absolute {small ? 'text-2xs!' : 'text-xs!'} text-tertiary dark:text-gray-400 {small
|
||||
? 'top-0'
|
||||
: 'top-2'} left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
|
||||
>
|
||||
{/if}
|
||||
<pre class="whitespace-pre break-words {small ? '!text-2xs' : '!text-xs'} w-full p-2"
|
||||
<pre class="whitespace-pre break-words {small ? 'text-2xs!' : 'text-xs!'} w-full p-2"
|
||||
>{#if content}{@const len =
|
||||
(content?.length ?? 0) +
|
||||
(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button on:click={getStoreLogs}
|
||||
|
||||
@@ -254,7 +254,7 @@
|
||||
$: error && sendUserToast(error, true)
|
||||
</script>
|
||||
|
||||
<div class="bg-surface px-4 py-8 shadow md:border sm:rounded-lg sm:px-10">
|
||||
<div class="bg-surface px-4 py-8 shadow-xs md:border sm:rounded-lg sm:px-10">
|
||||
<div class="grid {logins && logins.length > 2 ? 'grid-cols-2' : ''} gap-4">
|
||||
{#if !logins}
|
||||
{#each Array(4) as _}
|
||||
@@ -307,7 +307,7 @@
|
||||
size="xs"
|
||||
color="blue"
|
||||
variant="border"
|
||||
btnClasses="!border-none"
|
||||
btnClasses="border-none!"
|
||||
on:click={() => {
|
||||
showPassword = !showPassword
|
||||
}}
|
||||
@@ -341,7 +341,7 @@
|
||||
bind:value={email}
|
||||
id="email"
|
||||
autocomplete="email"
|
||||
class="block w-full rounded-md border-0 py-1.5 text-primary shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
|
||||
class="block w-full rounded-md border-0 py-1.5 text-primary shadow-2xs ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -357,7 +357,7 @@
|
||||
id="password"
|
||||
type="password"
|
||||
autocomplete="current-password"
|
||||
class="block w-full rounded-md border-0 py-1.5 text-shadow shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
|
||||
class="block w-full rounded-md border-0 py-1.5 text-shadow shadow-2xs ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -366,7 +366,7 @@
|
||||
<button
|
||||
on:click={login}
|
||||
disabled={!email || !password}
|
||||
class="flex w-full justify-center rounded-md bg-frost-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-frost-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-frost-600"
|
||||
class="flex w-full justify-center rounded-md bg-frost-600 px-3 py-2 text-sm font-semibold text-white shadow-2xs hover:bg-frost-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-frost-600"
|
||||
>
|
||||
Sign in
|
||||
</button>
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<Portal name="manual-popover">
|
||||
<div
|
||||
use:popperContent
|
||||
class={twMerge('z-[901] rounded-lg shadow-md border p-4 bg-surface', $$props.class)}
|
||||
class={twMerge('z-901 rounded-lg shadow-md border p-4 bg-surface', $$props.class)}
|
||||
transition:fade={{ duration: 200 }}
|
||||
>
|
||||
<slot name="content" />
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
<div class="flex flex-col">
|
||||
<!-- svelte-ignore a11y-label-has-associated-control -->
|
||||
<label
|
||||
class="text-sm flex gap-4 items-center font-medium text-primary {enabled ? 'rounded py-2' : ''}"
|
||||
class="text-sm flex gap-4 items-center font-medium text-primary {enabled ? 'rounded-xs py-2' : ''}"
|
||||
><div class="w-[120px]"><IconedResourceType {name} after={true} /></div><Toggle
|
||||
checked={enabled}
|
||||
disabled={eeOnly && !$enterpriseLicense}
|
||||
@@ -86,7 +86,7 @@
|
||||
{/if}
|
||||
</label>
|
||||
{#if enabled}
|
||||
<div class="p-2 rounded border mb-4">
|
||||
<div class="p-2 rounded-xs border mb-4">
|
||||
{#if name != 'slack' && name != 'teams'}
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm">Custom Name</span>
|
||||
@@ -125,7 +125,7 @@
|
||||
}}
|
||||
/>
|
||||
<button
|
||||
class="text-primary text-xs rounded hover:bg-surface-hover"
|
||||
class="text-primary text-xs rounded-xs hover:bg-surface-hover"
|
||||
on:click={() => {
|
||||
value['allowed_domains'] = value['allowed_domains']?.filter((d) => d != domain)
|
||||
if (value['allowed_domains'].length == 0) {
|
||||
@@ -139,7 +139,7 @@
|
||||
{/each}
|
||||
<div class="flex gap-2">
|
||||
<button
|
||||
class="text-primary text-sm border rounded p-1"
|
||||
class="text-primary text-sm border rounded-xs p-1"
|
||||
on:click={() => {
|
||||
value['allowed_domains'] = [...(value['allowed_domains'] ?? []), 'mydomain.com']
|
||||
}}>+ Add domain</button
|
||||
|
||||
@@ -85,9 +85,9 @@
|
||||
on:click={testConnection}
|
||||
>
|
||||
{#if loading}
|
||||
<Loader2 class="animate-spin mr-2 !h-4 !w-4" />
|
||||
<Loader2 class="animate-spin mr-2 h-4! w-4!" />
|
||||
{:else}
|
||||
<Database class="mr-2 !h-4 !w-4" />
|
||||
<Database class="mr-2 h-4! w-4!" />
|
||||
{/if}
|
||||
Test from a server
|
||||
</Button>
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="p-2 rounded border">
|
||||
<div class="p-2 rounded-xs border">
|
||||
<label class="block pb-2">
|
||||
<div class="flex gap-2 items-end">
|
||||
<div>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="flex flex-row flex-wrap justify-between pb-2 my-4 mr-2">
|
||||
{#if primary}
|
||||
<span class="flex items-center gap-2">
|
||||
<h1 class="!text-2xl font-semibold whitespace-nowrap leading-6 tracking-tight">{title}</h1>
|
||||
<h1 class="text-2xl! font-semibold whitespace-nowrap leading-6 tracking-tight">{title}</h1>
|
||||
{#if tooltip != '' || documentationLink}
|
||||
<Tooltip {documentationLink}>
|
||||
{tooltip}
|
||||
@@ -19,7 +19,7 @@
|
||||
</span>
|
||||
{:else}
|
||||
<span class="flex items-center gap-2">
|
||||
<h2 class="!text-sm font-semibold">{title}</h2>
|
||||
<h2 class="text-sm! font-semibold">{title}</h2>
|
||||
{#if tooltip != '' || documentationLink}
|
||||
<Tooltip {documentationLink} wrapperClass="mb-0.5">
|
||||
{tooltip}
|
||||
|
||||
@@ -209,7 +209,7 @@
|
||||
<Loader2 class="animate-spin ml-0.5" size={12} />
|
||||
{/if}
|
||||
<div
|
||||
class="ag-theme-alpine shadow-sm h-full"
|
||||
class="ag-theme-alpine shadow-2xs h-full"
|
||||
class:ag-theme-alpine-dark={darkMode}
|
||||
style="height: 600px;"
|
||||
>
|
||||
|
||||
@@ -16,16 +16,16 @@
|
||||
|
||||
<div class="relative w-full {small ? 'max-w-lg' : ''}">
|
||||
<div class="absolute inset-y-0 right-0 flex items-center px-2">
|
||||
<input bind:checked={hideValue} class="!hidden" id={randomId} type="checkbox" />
|
||||
<input bind:checked={hideValue} class="hidden!" id={randomId} type="checkbox" />
|
||||
<label
|
||||
class="bg-surface-secondary hover:bg-gray-400 rounded px-2 py-1 text-sm text-tertiary font-mono cursor-pointer"
|
||||
class="bg-surface-secondary hover:bg-gray-400 rounded-xs px-2 py-1 text-sm text-tertiary font-mono cursor-pointer"
|
||||
for={randomId}>{hideValue ? 'show' : 'hide'}</label
|
||||
>
|
||||
</div>
|
||||
{#if hideValue}
|
||||
<input
|
||||
class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
|
||||
? '!border-red-500'
|
||||
class="block {small ? 'text-2xs!' : 'w-full'} px-2 py-1 {red
|
||||
? 'border-red-500!'
|
||||
: ''} text-sm h-9"
|
||||
type="password"
|
||||
bind:value={password}
|
||||
@@ -36,8 +36,8 @@
|
||||
/>
|
||||
{:else}
|
||||
<input
|
||||
class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
|
||||
? '!border-red-500'
|
||||
class="block {small ? 'text-2xs!' : 'w-full'} px-2 py-1 {red
|
||||
? 'border-red-500!'
|
||||
: ''} text-sm h-9"
|
||||
type="text"
|
||||
bind:value={password}
|
||||
|
||||
@@ -450,7 +450,7 @@
|
||||
{#if meta.ownerKind === 'user'}
|
||||
<label class="block shrink min-w-0">
|
||||
<input
|
||||
class="!w-36"
|
||||
class="w-36!"
|
||||
type="text"
|
||||
bind:value={meta.owner}
|
||||
placeholder={$userStore?.username ?? ''}
|
||||
@@ -471,7 +471,7 @@
|
||||
</select>
|
||||
<Button
|
||||
title="View folder"
|
||||
btnClasses="!p-1.5"
|
||||
btnClasses="p-1.5!"
|
||||
variant="border"
|
||||
color="light"
|
||||
size="xs"
|
||||
@@ -482,7 +482,7 @@
|
||||
/>
|
||||
<Button
|
||||
title="New folder"
|
||||
btnClasses="!p-1.5"
|
||||
btnClasses="p-1.5!"
|
||||
variant="border"
|
||||
color="light"
|
||||
size="xs"
|
||||
@@ -520,7 +520,7 @@
|
||||
<div class="flex justify-start w-full">
|
||||
<Badge
|
||||
color="gray"
|
||||
class="center-center !bg-surface-secondary !text-tertiary !w-[70px] !h-[24px] rounded-r-none border"
|
||||
class="center-center bg-surface-secondary! text-tertiary! w-[70px]! h-[24px]! rounded-r-none border"
|
||||
>
|
||||
Full path
|
||||
</Badge>
|
||||
@@ -529,7 +529,7 @@
|
||||
readonly
|
||||
value={path}
|
||||
size={path?.length || 50}
|
||||
class="font-mono !text-xs max-w-[calc(100%-70px)] !w-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
|
||||
class="font-mono text-xs! max-w-[calc(100%-70px)] w-auto! h-[24px]! py-0! border-l-0! rounded-l-none!"
|
||||
on:focus={({ currentTarget }) => {
|
||||
currentTarget.select()
|
||||
}}
|
||||
|
||||
@@ -152,11 +152,11 @@
|
||||
</td>
|
||||
<td class="text-xs">
|
||||
{#if status === 'running'}
|
||||
<Badge color="yellow" baseClass="!px-1.5">
|
||||
<Badge color="yellow" baseClass="px-1.5!">
|
||||
<Play size={14} />
|
||||
</Badge>
|
||||
{:else}
|
||||
<Badge baseClass="!px-1.5">
|
||||
<Badge baseClass="px-1.5!">
|
||||
<Hourglass size={14} />
|
||||
</Badge>
|
||||
{/if}
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
on:mouseenter={open}
|
||||
on:mouseleave={close}
|
||||
class={twMerge(
|
||||
'z-[5001] py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left',
|
||||
'z-5001 py-2 px-3 rounded-md text-sm font-normal text-gray-300! bg-gray-800 whitespace-normal text-left',
|
||||
popupClass
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<div class="flex flex-row gap-2 items-center">
|
||||
<input
|
||||
size="9"
|
||||
class="!text-xs !h-6 !text-primary"
|
||||
class="text-xs! h-6! text-primary!"
|
||||
type="text"
|
||||
id="cron-schedule"
|
||||
name="cron-schedule"
|
||||
|
||||
@@ -283,7 +283,7 @@
|
||||
<div class="flex flex-wrap gap-1 mb-2">
|
||||
{#each alert.tags_to_monitor as tag}
|
||||
<span
|
||||
class="inline-block bg-blue-100 dark:bg-blue-700 rounded px-2 py-1 text-xs"
|
||||
class="inline-block bg-blue-100 dark:bg-blue-700 rounded-xs px-2 py-1 text-xs"
|
||||
>
|
||||
{tag}
|
||||
<button
|
||||
@@ -301,7 +301,7 @@
|
||||
placeholder="{workerTags.length === alert.tags_to_monitor.length ? 'All tags already added' : 'Add tag from dropdown' }"
|
||||
on:input={(e) => filterTags(e)}
|
||||
disabled={workerTags.length === alert.tags_to_monitor.length}
|
||||
class="p-1 flex-grow mr-1"
|
||||
class="p-1 grow mr-1"
|
||||
/>
|
||||
<button on:click={() => addTag(index, newTag)} aria-label="Add tag">
|
||||
<PlusCircle size={16} />
|
||||
@@ -310,7 +310,7 @@
|
||||
<!-- Add the new "Add All Tags" button here -->
|
||||
<button
|
||||
on:click={() => addAllTags(index)}
|
||||
class="text-xs hover:bg-gray-200 dark:hover:bg-gray-700 rounded px-2 py-1 mt-1"
|
||||
class="text-xs hover:bg-gray-200 dark:hover:bg-gray-700 rounded-xs px-2 py-1 mt-1"
|
||||
disabled={workerTags.length === alert.tags_to_monitor.length}
|
||||
>
|
||||
Add All Tags
|
||||
@@ -338,7 +338,7 @@
|
||||
<div class="flex flex-wrap gap-1">
|
||||
{#each alert.tags_to_monitor as tag}
|
||||
<span
|
||||
class="inline-block bg-blue-100 dark:bg-blue-700 rounded px-2 py-1 text-xs"
|
||||
class="inline-block bg-blue-100 dark:bg-blue-700 rounded-xs px-2 py-1 text-xs"
|
||||
>{tag}</span
|
||||
>
|
||||
{/each}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<label
|
||||
class="text-center text-sm border border-gray-300 h-full rounded-sm cursor-pointer p-2
|
||||
grow whitespace-nowrap duration-200 hover:border-gray-600 hover:bg-surface-hover
|
||||
{val === value ? '!bg-blue-50 !border-blue-500 dark:!bg-frost-900' : ''} {inputClass}"
|
||||
{val === value ? 'bg-blue-50! border-blue-500! dark:bg-frost-900!' : ''} {inputClass}"
|
||||
>
|
||||
<input
|
||||
{disabled}
|
||||
|
||||
@@ -84,7 +84,7 @@
|
||||
</div>
|
||||
|
||||
{#if !hideInput}
|
||||
<input bind:value type="number" class="!w-16 h-8 !text-xs mb-6" {max} {min} {disabled} />
|
||||
<input bind:value type="number" class="w-16! h-8 text-xs! mb-6" {max} {min} {disabled} />
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -243,7 +243,7 @@
|
||||
<h5 class="mt-4 inline-flex items-center gap-4 pb-2">
|
||||
File content ({resourceTypeInfo.format_extension})
|
||||
</h5>
|
||||
<div class="h-full w-full border p-1 rounded">
|
||||
<div class="h-full w-full border p-1 rounded-xs">
|
||||
<SimpleEditor
|
||||
autoHeight
|
||||
class="editor"
|
||||
@@ -276,7 +276,7 @@
|
||||
{#if !emptyString(jsonError)}<span class="text-red-400 text-xs mb-1 flex flex-row-reverse"
|
||||
>{jsonError}</span
|
||||
>{:else}<div class="py-2"></div>{/if}
|
||||
<div class="h-full w-full border p-1 rounded">
|
||||
<div class="h-full w-full border p-1 rounded-xs">
|
||||
<SimpleEditor
|
||||
autoHeight
|
||||
class="editor"
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
size="sm"
|
||||
variant="border"
|
||||
color={isPicked ? 'blue' : 'dark'}
|
||||
btnClasses={isPicked ? '!border-2' : 'm-[1px]'}
|
||||
btnClasses={isPicked ? 'border-2!' : 'm-[1px]'}
|
||||
disabled={notPickable}
|
||||
on:click={() => {
|
||||
onClick(undefined)
|
||||
@@ -91,7 +91,7 @@
|
||||
size="sm"
|
||||
variant="border"
|
||||
color={isPicked ? 'blue' : 'light'}
|
||||
btnClasses={isPicked ? '!border-2' : 'm-[1px]'}
|
||||
btnClasses={isPicked ? 'border-2!' : 'm-[1px]'}
|
||||
disabled={notPickable}
|
||||
on:click={() => {
|
||||
onClick(r)
|
||||
|
||||
@@ -142,7 +142,7 @@
|
||||
{/if}
|
||||
{#if topButton}
|
||||
<Button
|
||||
btnClasses="!px-6 !py-1 w-full"
|
||||
btnClasses="px-6! py-1! w-full"
|
||||
disabled={!isValid || jsonView}
|
||||
on:click={() => runAction(undefined, args, invisible_to_owner, overrideTag)}
|
||||
>
|
||||
@@ -196,7 +196,7 @@
|
||||
<Button
|
||||
{loading}
|
||||
color="dark"
|
||||
btnClasses="!px-6 !py-1 !h-8 inline-flex gap-2"
|
||||
btnClasses="px-6! py-1! h-8! inline-flex gap-2"
|
||||
disabled={!isValid || jsonView}
|
||||
on:click={() => runAction(scheduledForStr, args, invisible_to_owner, overrideTag)}
|
||||
shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
|
||||
@@ -234,7 +234,7 @@
|
||||
</div>
|
||||
{:else if !topButton}
|
||||
<Button
|
||||
btnClasses="!px-6 !py-1 w-full"
|
||||
btnClasses="px-6! py-1! w-full"
|
||||
disabled={!isValid || jsonView}
|
||||
on:click={() => runAction(undefined, args, invisible_to_owner, overrideTag)}
|
||||
shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
|
||||
|
||||
@@ -169,7 +169,7 @@
|
||||
<Pane>
|
||||
<div class="w-full flex flex-col gap-4 p-2">
|
||||
<div class="w-full flex justify-between items-center gap-4 flex-wrap">
|
||||
<span class="text-sm font-semibold flex-shrink-0"
|
||||
<span class="text-sm font-semibold shrink-0"
|
||||
>Saved Inputs<Tooltip
|
||||
>Shared inputs are available to anyone with access to the script</Tooltip
|
||||
></span
|
||||
@@ -194,7 +194,7 @@
|
||||
{#each savedInputs as i}
|
||||
<button
|
||||
class={classNames(
|
||||
`w-full flex items-center text-sm group justify-between gap-4 py-1.5 px-4 text-left border rounded-sm hover:bg-surface-hover transition-all`,
|
||||
`w-full flex items-center text-sm group justify-between gap-4 py-1.5 px-4 text-left border rounded-xs hover:bg-surface-hover transition-all`,
|
||||
selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
|
||||
)}
|
||||
on:click={async () => {
|
||||
@@ -222,7 +222,7 @@
|
||||
</form>
|
||||
{:else}
|
||||
<small
|
||||
class="whitespace-nowrap overflow-hidden text-ellipsis flex-shrink text-left"
|
||||
class="whitespace-nowrap overflow-hidden text-ellipsis shrink text-left"
|
||||
>
|
||||
{i.name}
|
||||
</small>
|
||||
@@ -295,7 +295,7 @@
|
||||
{#each jobs as i (i.id)}
|
||||
<button
|
||||
class={classNames(
|
||||
`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
|
||||
`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-xs hover:bg-surface-hover transition-a`,
|
||||
'border-orange-400'
|
||||
)}
|
||||
on:click={async () => {
|
||||
@@ -329,7 +329,7 @@
|
||||
{i.created_by}
|
||||
</div>
|
||||
<div
|
||||
class="whitespace-nowrap col-span-3 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
|
||||
class="whitespace-nowrap col-span-3 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
|
||||
>
|
||||
<TimeAgo noDate date={i.started_at ?? ''} />
|
||||
</div>
|
||||
@@ -363,7 +363,7 @@
|
||||
{#each previousInputs as i (i.id)}
|
||||
<button
|
||||
class={classNames(
|
||||
`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
|
||||
`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-xs hover:bg-surface-hover transition-a`,
|
||||
selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
|
||||
)}
|
||||
on:click={async () => {
|
||||
@@ -385,12 +385,12 @@
|
||||
{i.created_by}
|
||||
</div>
|
||||
<div
|
||||
class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
|
||||
class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
|
||||
>
|
||||
{displayDateOnly(new Date(i.created_at))}
|
||||
</div>
|
||||
<div
|
||||
class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
|
||||
class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
|
||||
>
|
||||
<TimeAgo noDate date={i.created_at ?? ''} />
|
||||
</div>
|
||||
|
||||
@@ -259,7 +259,7 @@
|
||||
</form>
|
||||
{:else}
|
||||
<small
|
||||
class="whitespace-nowrap overflow-hidden text-ellipsis flex-shrink text-left"
|
||||
class="whitespace-nowrap overflow-hidden text-ellipsis shrink text-left"
|
||||
>
|
||||
{item.name}
|
||||
</small>
|
||||
|
||||
@@ -185,7 +185,7 @@
|
||||
<Button
|
||||
size="xs2"
|
||||
color="light"
|
||||
btnClasses="!text-tertiary"
|
||||
btnClasses="text-tertiary!"
|
||||
endIcon={{ icon: ExternalLink }}
|
||||
on:click={() => {
|
||||
window.open(`/runs/${runnableId}`, '_blank')
|
||||
|
||||
@@ -662,7 +662,7 @@
|
||||
<div class="flex justify-start w-full">
|
||||
<Badge
|
||||
color="gray"
|
||||
class="center-center !bg-surface-secondary !text-tertiary !h-[24px] rounded-r-none border"
|
||||
class="center-center bg-surface-secondary! text-tertiary! h-[24px]! rounded-r-none border"
|
||||
>
|
||||
Schedule path (not editable)
|
||||
</Badge>
|
||||
@@ -671,7 +671,7 @@
|
||||
readonly
|
||||
value={path}
|
||||
size={path?.length || 50}
|
||||
class="font-mono !text-xs grow shrink overflow-x-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
|
||||
class="font-mono text-xs! grow shrink overflow-x-auto h-[24px]! py-0! border-l-0! rounded-l-none!"
|
||||
on:focus={({ currentTarget }) => {
|
||||
currentTarget.select()
|
||||
}}
|
||||
@@ -921,7 +921,7 @@
|
||||
Triggered when schedule failed</p
|
||||
>
|
||||
<select
|
||||
class="!w-14"
|
||||
class="w-14!"
|
||||
bind:value={failedExact}
|
||||
disabled={!$enterpriseLicense || emptyString(errorHandlerPath)}
|
||||
>
|
||||
@@ -1027,7 +1027,7 @@
|
||||
<p>Triggered when schedule recovered</p>
|
||||
<input
|
||||
type="number"
|
||||
class="!w-14 mx-2 text-center"
|
||||
class="w-14! mx-2 text-center"
|
||||
bind:value={recoveredTimes}
|
||||
min="1"
|
||||
{disabled}
|
||||
|
||||
@@ -92,13 +92,13 @@
|
||||
</script>
|
||||
|
||||
<div class="h-fit">
|
||||
<div class="relative z-[100000] w-full">
|
||||
<div class="relative z-100000 w-full">
|
||||
<div class="absolute" style="right: calc({100 - inputPanelSize}%); top: -1px;">
|
||||
<SideBarTab expandRight={rightPanelOpen} {dropdownItems} fullMenu={true} noTrigger={true} />
|
||||
</div>
|
||||
</div>
|
||||
<Splitpanes class={!rightPanelOpen ? 'splitter-hidden' : ''}>
|
||||
<Pane bind:size={inputPanelSize} class="!overflow-visible" minSize={30}>
|
||||
<Pane bind:size={inputPanelSize} class="overflow-visible!" minSize={30}>
|
||||
<div class="relative w-full h-fit pr-12 pb-4" bind:clientHeight={rightHeight}>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
@@ -951,7 +951,7 @@
|
||||
variant="border"
|
||||
color={isPicked ? 'blue' : 'light'}
|
||||
btnClasses={isPicked
|
||||
? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75'
|
||||
? 'border-2! bg-blue-50/75! dark:bg-frost-900/75!'
|
||||
: 'm-[1px]'}
|
||||
on:click={() => {
|
||||
if (lang == 'docker') {
|
||||
@@ -990,7 +990,7 @@
|
||||
<LanguageIcon {lang} />
|
||||
<span class="ml-2 py-2 truncate">{label}</span>
|
||||
{#if lang === 'ansible' || lang === 'nu'}
|
||||
<span class="text-tertiary !text-xs"> BETA </span>
|
||||
<span class="text-tertiary text-xs!"> BETA </span>
|
||||
{/if}
|
||||
</Button>
|
||||
<svelte:fragment slot="text"
|
||||
@@ -1293,7 +1293,7 @@
|
||||
<svelte:fragment slot="right">
|
||||
<input
|
||||
type="number"
|
||||
class="!w-16 ml-4"
|
||||
class="w-16! ml-4"
|
||||
disabled={script.priority === undefined}
|
||||
bind:value={script.priority}
|
||||
on:focus
|
||||
@@ -1520,7 +1520,7 @@
|
||||
>
|
||||
<Badge
|
||||
color="gray"
|
||||
class="center-center !bg-surface-secondary !text-tertiary !h-[28px] !w-[70px] rounded-none hover:!bg-surface-hover transition-all"
|
||||
class="center-center bg-surface-secondary! text-tertiary! h-[28px]! w-[70px]! rounded-none hover:bg-surface-hover! transition-all"
|
||||
>
|
||||
<Pen size={12} class="mr-2" /> Path
|
||||
</Badge>
|
||||
@@ -1532,7 +1532,7 @@
|
||||
readonly
|
||||
value={script.path}
|
||||
size={script.path?.length || 50}
|
||||
class="font-mono !text-xs !min-w-[96px] !max-w-[300px] !w-full !h-[28px] !my-0 !py-0 !border-l-0 !rounded-l-none !border-0 !shadow-none"
|
||||
class="font-mono text-xs! min-w-[96px]! max-w-[300px]! w-full! h-[28px]! my-0! py-0! border-l-0! rounded-l-none! border-0! shadow-none!"
|
||||
on:focus={({ currentTarget }) => {
|
||||
currentTarget.select()
|
||||
}}
|
||||
|
||||
@@ -395,7 +395,7 @@
|
||||
/>
|
||||
</div>
|
||||
</Modal>
|
||||
<div class="border-b shadow-sm px-1 pr-4" bind:clientWidth={width}>
|
||||
<div class="border-b shadow-2xs px-1 pr-4" bind:clientWidth={width}>
|
||||
<div class="flex justify-between space-x-2">
|
||||
<EditorBar
|
||||
scriptPath={edit ? path : undefined}
|
||||
@@ -452,9 +452,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<SplitPanesWrapper>
|
||||
<Splitpanes class="!overflow-visible">
|
||||
<Pane bind:size={codePanelSize} minSize={10} class="!overflow-visible">
|
||||
<div class="h-full !overflow-visible bg-gray-50 dark:bg-[#272D38] relative">
|
||||
<Splitpanes class="overflow-visible!">
|
||||
<Pane bind:size={codePanelSize} minSize={10} class="overflow-visible!">
|
||||
<div class="h-full overflow-visible! bg-gray-50 dark:bg-[#272D38] relative">
|
||||
<div class="absolute top-2 right-4 z-10 flex flex-row gap-2">
|
||||
{#if aiPanelSize === 0}
|
||||
{#if customUi?.editorBar?.aiGen != false && SUPPORTED_CHAT_SCRIPT_LANGUAGES.includes(lang ?? '')}
|
||||
@@ -466,7 +466,7 @@
|
||||
size="md"
|
||||
usePopoverOverride={!$copilotInfo.enabled}
|
||||
customHiddenIcon={WandSparkles}
|
||||
btnClasses="!text-violet-800 dark:!text-violet-400 border border-gray-200 dark:border-gray-600 bg-surface"
|
||||
btnClasses="text-violet-800! dark:text-violet-400! border border-gray-200 dark:border-gray-600 bg-surface"
|
||||
on:click={() => {
|
||||
toggleAiPanel()
|
||||
}}
|
||||
@@ -495,7 +495,7 @@
|
||||
on:click={() => {
|
||||
toggleTestPanel()
|
||||
}}
|
||||
btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
|
||||
btnClasses="bg-marine-400 hover:bg-marine-200 text-primary-inverse! hover:text-primary-inverse! dark:hover:text-primary-inverse! dark:bg-marine-50 dark:hover:bg-marine-50/70"
|
||||
color="marine"
|
||||
/>
|
||||
{/if}
|
||||
@@ -532,7 +532,7 @@
|
||||
}
|
||||
dispatch('format')
|
||||
}}
|
||||
class="flex flex-1 h-full !overflow-visible"
|
||||
class="flex flex-1 h-full overflow-visible!"
|
||||
lang={scriptLangToEditorLang(lang)}
|
||||
scriptLang={lang}
|
||||
automaticLayout={true}
|
||||
@@ -597,7 +597,7 @@
|
||||
on:click={() => {
|
||||
toggleTestPanel()
|
||||
}}
|
||||
btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
|
||||
btnClasses="bg-marine-400 hover:bg-marine-200 text-primary-inverse! hover:text-primary-inverse! dark:hover:text-primary-inverse! dark:bg-marine-50 dark:hover:bg-marine-50/70"
|
||||
color="marine"
|
||||
/>
|
||||
{/if}
|
||||
@@ -691,7 +691,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<Splitpanes horizontal class="!max-h-[calc(100%-43px)]">
|
||||
<Splitpanes horizontal class="max-h-[calc(100%-43px)]!">
|
||||
<Pane size={33}>
|
||||
<div class="px-4">
|
||||
<div class="break-words relative font-sans">
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
let previousHash: string | undefined = $state()
|
||||
</script>
|
||||
|
||||
<Splitpanes class="!overflow-visible">
|
||||
<Splitpanes class="overflow-visible!">
|
||||
<Pane size={20}>
|
||||
<div class="flex flex-col gap-2 px-2 pt-2 w-full">
|
||||
{#if !loading}
|
||||
@@ -133,7 +133,7 @@
|
||||
<input
|
||||
type="text"
|
||||
bind:value={deploymentMsgUpdate}
|
||||
class="!w-auto grow"
|
||||
class="w-auto! grow"
|
||||
onclick={(e) => {
|
||||
e.stopPropagation()
|
||||
}}
|
||||
@@ -149,7 +149,7 @@
|
||||
size="xs"
|
||||
color="blue"
|
||||
buttonType="button"
|
||||
btnClasses="!p-1 !w-[34px] !ml-1"
|
||||
btnClasses="p-1! w-[34px]! ml-1!"
|
||||
aria-label="Save deployment message"
|
||||
on:click={() => {
|
||||
updateDeploymentMsg(selectedVersion?.script_hash)
|
||||
@@ -161,7 +161,7 @@
|
||||
size="xs"
|
||||
color="light"
|
||||
buttonType="button"
|
||||
btnClasses="!p-1 !w-[34px] !ml-1"
|
||||
btnClasses="p-1! w-[34px]! ml-1!"
|
||||
aria-label="Abort"
|
||||
on:click={() => {
|
||||
deploymentMsgUpdateMode = false
|
||||
@@ -183,7 +183,7 @@
|
||||
deploymentMsgUpdateMode = true
|
||||
}}
|
||||
title="Update commit message"
|
||||
class="flex items-center px-1 rounded-sm hover:text-primary text-secondary h-5"
|
||||
class="flex items-center px-1 rounded-xs hover:text-primary text-secondary h-5"
|
||||
aria-label="Update commit message"
|
||||
>
|
||||
<Pencil size={14} />
|
||||
@@ -208,12 +208,12 @@
|
||||
|
||||
{#if showDiff}
|
||||
<div class="text-xs">Versions:</div>
|
||||
<select bind:value={previousHash} class="!text-xs !w-40">
|
||||
<select bind:value={previousHash} class="text-xs! w-40!">
|
||||
{#each versions?.slice(selectedVersionIndex + 1) ?? [] as version}
|
||||
<option
|
||||
value={version.script_hash}
|
||||
selected={version.script_hash === selectedVersion.script_hash}
|
||||
class="!text-xs"
|
||||
class="text-xs!"
|
||||
>
|
||||
{version.deployment_msg ?? version.script_hash}
|
||||
</option>
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<div
|
||||
class="pointer-events-none absolute bottom-0 {shiftedShadow
|
||||
? 'left-2'
|
||||
: 'right-0'} h-14 w-full bg-gradient-to-t from-surface to-transparent"
|
||||
: 'right-0'} h-14 w-full bg-linear-to-t from-surface to-transparent"
|
||||
></div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
@@ -303,7 +303,7 @@
|
||||
})
|
||||
|
||||
editor.onDidBlurEditorText(() => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
code = getCode()
|
||||
})
|
||||
|
||||
|
||||
@@ -122,7 +122,7 @@
|
||||
<div class=" flex flex-col gap-y-2"></div>
|
||||
{#each databases as database}
|
||||
<button
|
||||
class="btn btn-outline-primary mt-2 border p-2 w-full border-secondary-inverse hover:border-secondary rounded"
|
||||
class="btn btn-outline-primary mt-2 border p-2 w-full border-secondary-inverse hover:border-secondary rounded-xs"
|
||||
on:click={() => {
|
||||
selectedDatabase = database
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
}}
|
||||
>
|
||||
<div class="flex flex-row items-center">
|
||||
<div class="flex-grow">
|
||||
<div class="grow">
|
||||
<h3 class="text-lg font-semibold">{database.name}</h3>
|
||||
|
||||
<p class="text-sm text-secondary">id: {database.id} - region: {database.region}</p>
|
||||
|
||||
@@ -495,7 +495,7 @@
|
||||
})
|
||||
|
||||
editor.onDidBlurEditorText(() => {
|
||||
dispatch('blur')
|
||||
dispatch('blur-xs')
|
||||
code = getCode()
|
||||
})
|
||||
|
||||
@@ -629,7 +629,7 @@
|
||||
<div
|
||||
bind:this={divEl}
|
||||
style="height: 18px;"
|
||||
class="{$$props.class ?? ''} border template nonmain-editor rounded min-h-4 mx-0.5 overflow-clip"
|
||||
class="{$$props.class ?? ''} border template nonmain-editor rounded-xs min-h-4 mx-0.5 overflow-clip"
|
||||
bind:clientWidth={width}
|
||||
></div>
|
||||
|
||||
|
||||
@@ -209,9 +209,9 @@ export async function main(bucket: any) {
|
||||
on:click={testConnection}
|
||||
>
|
||||
{#if loading}
|
||||
<Loader2 class="animate-spin mr-2 !h-4 !w-4" />
|
||||
<Loader2 class="animate-spin mr-2 h-4! w-4!" />
|
||||
{:else}
|
||||
<Database class="mr-2 !h-4 !w-4" />
|
||||
<Database class="mr-2 h-4! w-4!" />
|
||||
{/if}
|
||||
{buttonTextOverride ?? 'Test connection'}
|
||||
</Button>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
? 'rounded-l-sm'
|
||||
: position == 'right'
|
||||
? 'rounded-r-sm'
|
||||
: 'rounded-sm'} center-center text-white text-2xs whitespace-nowrap hover:outline outline-1 outline-black"
|
||||
: 'rounded-xs'} center-center text-white text-2xs whitespace-nowrap hover:outline outline-1 outline-black"
|
||||
>
|
||||
<svelte:fragment slot="text"
|
||||
><a href="{base}/run/{id}" class="inline-flex items-center gap-1" target="_blank"
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
>
|
||||
<div class="p-2 min-h-[60px] flex flex-col">
|
||||
<div class="flex items-start w-full">
|
||||
<div class="flex-shrink-0 mt-0.5">
|
||||
<div class="shrink-0 mt-0.5">
|
||||
{#if error}
|
||||
<XCircleIcon class="h-4 w-4 text-red-400" />
|
||||
{:else}
|
||||
@@ -48,11 +48,11 @@
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="ml-4 flex flex-shrink-0">
|
||||
<div class="ml-4 flex shrink-0">
|
||||
<button
|
||||
type="button"
|
||||
on:click={handleClose}
|
||||
class="inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-none"
|
||||
class="inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-hidden"
|
||||
>
|
||||
<span class="sr-only">Close</span>
|
||||
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
@@ -70,7 +70,7 @@
|
||||
action.callback()
|
||||
toast.pop(toastId)
|
||||
}}
|
||||
class="text-sm !text-primary"
|
||||
class="text-sm text-primary!"
|
||||
>
|
||||
{action.label}
|
||||
</Button>
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
<slot name="right" />
|
||||
</label>
|
||||
{#if eeOnly && disabled}
|
||||
<span class="inline-flex text-xs items-center gap-1 !text-yellow-500 whitespace-nowrap ml-8">
|
||||
<span class="inline-flex text-xs items-center gap-1 text-yellow-500! whitespace-nowrap ml-8">
|
||||
<AlertTriangle size={16} />
|
||||
EE only <Tooltip>Enterprise Edition only feature</Tooltip>
|
||||
</span>
|
||||
|
||||
@@ -158,7 +158,7 @@
|
||||
border
|
||||
border-gray-300
|
||||
shadow-sm
|
||||
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
|
||||
focus:border-indigo-300 focus:ring-3 focus:ring-indigo-200 focus:ring-opacity-50
|
||||
text-sm
|
||||
"
|
||||
/>
|
||||
@@ -308,7 +308,7 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-end">
|
||||
<Button btnClasses="!mt-2" on:click={createToken}>New token</Button>
|
||||
<Button btnClasses="mt-2!" on:click={createToken}>New token</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -197,7 +197,7 @@
|
||||
placeholder="Update variable value"
|
||||
></textarea>
|
||||
{:else if editorKind == 'json'}
|
||||
<div class="border rounded mb-4 w-full">
|
||||
<div class="border rounded-xs mb-4 w-full">
|
||||
{#await import('$lib/components/SimpleEditor.svelte')}
|
||||
<Loader2 class="animate-spin" />
|
||||
{:then Module}
|
||||
@@ -211,7 +211,7 @@
|
||||
{/await}
|
||||
</div>
|
||||
{:else if editorKind == 'yaml'}
|
||||
<div class="border rounded mb-4 w-full">
|
||||
<div class="border rounded-xs mb-4 w-full">
|
||||
{#await import('$lib/components/SimpleEditor.svelte')}
|
||||
<Loader2 class="animate-spin" />
|
||||
{:then Module}
|
||||
|
||||
@@ -289,7 +289,7 @@
|
||||
<div class="flex gap-3 gap-y-2 flex-wrap pb-2">
|
||||
{#each config.worker_tags as tag}
|
||||
<div class="flex gap-0.5 items-center"
|
||||
><div class="text-2xs p-1 rounded border text-primary">{tag}</div>
|
||||
><div class="text-2xs p-1 rounded-xs border text-primary">{tag}</div>
|
||||
{#if $superadmin}
|
||||
<button
|
||||
class={'z-10 rounded-full p-1 duration-200 hover:bg-gray-200'}
|
||||
@@ -323,9 +323,9 @@
|
||||
].filter((x) => !nconfig?.worker_tags?.includes(x))}
|
||||
bind:selectedItem={newTag}
|
||||
hideArrow={true}
|
||||
inputClassName={'flex !font-gray-600 !font-primary !bg-surface-primary"'}
|
||||
dropdownClassName="!text-sm !py-2 !rounded-sm !border-gray-200 !border !shadow-md"
|
||||
className="w-full !font-gray-600 !font-primary !bg-surface-primary"
|
||||
inputClassName={'flex font-gray-600! font-primary! bg-surface-primary!"'}
|
||||
dropdownClassName="text-sm! py-2! rounded-xs! border-gray-200! border! shadow-md!"
|
||||
className="w-full font-gray-600! font-primary! bg-surface-primary!"
|
||||
onFocus={() => {
|
||||
dispatch('focus')
|
||||
}}
|
||||
@@ -433,9 +433,9 @@
|
||||
noInputStyles
|
||||
hideArrow={true}
|
||||
items={workspaces.map((w) => w.id)}
|
||||
inputClassName={'flex !font-gray-600 !font-primary !bg-surface-primary'}
|
||||
dropdownClassName="!text-sm !py-2 !rounded-sm !border-gray-200 !border !shadow-md"
|
||||
className="!font-gray-600 !font-primary !bg-surface-primary"
|
||||
inputClassName={'flex font-gray-600! font-primary! bg-surface-primary!'}
|
||||
dropdownClassName="text-sm! py-2! rounded-xs! border-gray-200! border! shadow-md!"
|
||||
className="font-gray-600! font-primary! bg-surface-primary!"
|
||||
create
|
||||
onCreate={(c) => c}
|
||||
placeholder="Workspace ID"
|
||||
@@ -455,7 +455,7 @@
|
||||
</Tooltip>
|
||||
</svelte:fragment>
|
||||
<Multiselect
|
||||
outerDivClass="text-secondary !bg-surface-disabled !border-0"
|
||||
outerDivClass="text-secondary bg-surface-disabled! border-0!"
|
||||
disabled={!$enterpriseLicense}
|
||||
bind:selected={selectedPriorityTags}
|
||||
on:change={(e) => {
|
||||
@@ -484,7 +484,7 @@
|
||||
}}
|
||||
options={nconfig?.worker_tags}
|
||||
selectedOptionsDraggable={false}
|
||||
ulOptionsClass={'!bg-surface-secondary'}
|
||||
ulOptionsClass={'bg-surface-secondary!'}
|
||||
placeholder="High priority tags"
|
||||
/>
|
||||
</Label>
|
||||
@@ -516,7 +516,7 @@
|
||||
<p>Triggered when number of workers in group is lower than</p>
|
||||
<input
|
||||
type="number"
|
||||
class="!w-14 text-center"
|
||||
class="w-14! text-center"
|
||||
disabled={!$enterpriseLicense}
|
||||
min="1"
|
||||
bind:value={nconfig.min_alive_workers_alert_threshold}
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
/></label
|
||||
>
|
||||
{#if enabled}
|
||||
<div class="border rounded p-2">
|
||||
<div class="border rounded-xs p-2">
|
||||
<label class="block pb-2">
|
||||
<span class="text-primary font-semibold text-sm"
|
||||
>Zitadel Url ({'ZITADEL_URL/oauth/v2/authorize'})</span
|
||||
|
||||
@@ -228,7 +228,7 @@
|
||||
btnClasses={twMerge(
|
||||
css?.button?.class ?? '',
|
||||
isMenuItem ? 'flex items-center justify-start' : '',
|
||||
isMenuItem ? '!border-0' : '',
|
||||
isMenuItem ? 'border-0!' : '',
|
||||
'wm-button'
|
||||
)}
|
||||
variant={isMenuItem ? 'border' : 'contained'}
|
||||
|
||||
@@ -119,7 +119,7 @@
|
||||
Once a script or flow is chosen, set some <strong>Runnable Inputs</strong> to
|
||||
<strong>
|
||||
User Input
|
||||
<User size={20} class="rounded-sm bg-gray-200 p-1 ml-0.5" />
|
||||
<User size={20} class="rounded-xs bg-gray-200 p-1 ml-0.5" />
|
||||
</strong>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -103,7 +103,7 @@
|
||||
{extraQueryParams}
|
||||
autoRefresh={false}
|
||||
forceSchemaDisplay={true}
|
||||
runnableClass="!block"
|
||||
runnableClass="block!"
|
||||
{outputs}
|
||||
doOnSuccess={resolvedConfig.onSuccess}
|
||||
doOnError={resolvedConfig.onError}
|
||||
@@ -116,7 +116,7 @@
|
||||
Once a script or flow is chosen, set some <strong>Runnable Inputs</strong> to
|
||||
<strong>
|
||||
User Input
|
||||
<User size={20} class="rounded-sm bg-gray-200 p-1 ml-0.5" />
|
||||
<User size={20} class="rounded-xs bg-gray-200 p-1 ml-0.5" />
|
||||
</strong>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
on:pointerdown|stopPropagation
|
||||
on:click={() => toggleAccordion(index)}
|
||||
class={twMerge(
|
||||
'w-full text-left bg-surface !truncate text-sm hover:text-primary px-1 py-2',
|
||||
'w-full text-left bg-surface truncate! text-sm hover:text-primary px-1 py-2',
|
||||
'wm-tabs-alltabs',
|
||||
activeIndex === index
|
||||
? twMerge('bg-surface text-primary ', 'wm-tabs-selectedTab')
|
||||
|
||||
@@ -155,7 +155,7 @@
|
||||
color="light"
|
||||
size="xs"
|
||||
disabled={resolvedDisabled}
|
||||
btnClasses={orientation === 'vertical' ? '!justify-start !whitespace-normal !text-left' : ''}
|
||||
btnClasses={orientation === 'vertical' ? 'justify-start! whitespace-normal! text-left!' : ''}
|
||||
>
|
||||
{#if navbarItem.icon}
|
||||
{#key navbarItem.icon}
|
||||
|
||||
@@ -178,7 +178,7 @@
|
||||
<AlignWrapper {verticalAlignment}>
|
||||
<textarea
|
||||
class={twMerge(
|
||||
'whitespace-pre-wrap !outline-none !border-0 !bg-transparent !resize-none !ring-0 !p-0',
|
||||
'whitespace-pre-wrap outline-hidden! border-0! bg-transparent! resize-none! ring-0! p-0!',
|
||||
css?.text?.class,
|
||||
'wm-text',
|
||||
classes,
|
||||
@@ -250,7 +250,7 @@
|
||||
variant="border"
|
||||
size="xs"
|
||||
color="light"
|
||||
btnClasses="!p-1"
|
||||
btnClasses="p-1!"
|
||||
on:click={() => copyToClipboard(result)}
|
||||
>
|
||||
<Clipboard size={14} strokeWidth={2} />
|
||||
|
||||
+1
-1
@@ -85,7 +85,7 @@
|
||||
<div
|
||||
title={`Id: ${action.id}`}
|
||||
class={twMerge(
|
||||
'px-2 text-2xs font-bold absolute shadow -top-2 -left-4 border z-50 rounded-sm w-8 !h-5 flex justify-center items-center',
|
||||
'px-2 text-2xs font-bold absolute shadow-xs -top-2 -left-4 border z-50 rounded-xs w-8 h-5! flex justify-center items-center',
|
||||
'bg-indigo-500/90 border-indigo-600 text-white',
|
||||
$hoverStore === action.id && $selectedComponent?.[0] !== action.id
|
||||
? 'bg-blue-500/90 border-blue-600'
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
on:input={handleInput}
|
||||
on:blur={saveEdit}
|
||||
id="cell"
|
||||
class="!appearance-none !bg-transparent !border-none !p-0 !m-0 leading-normal !text-xs"
|
||||
class="appearance-none! bg-transparent! border-none! p-0! m-0! leading-normal text-xs!"
|
||||
style="outline: none; box-shadow: none; height: auto; resize: none;"
|
||||
on:keypress={(e) => {
|
||||
if (e.key === 'Enter') {
|
||||
|
||||
@@ -414,7 +414,7 @@
|
||||
{#if context}
|
||||
{@const component = renderCell(header.column.columnDef.header, context)}
|
||||
{@const displayName = getDisplayNameById(header.id)}
|
||||
<th class="!p-0">
|
||||
<th class="p-0!">
|
||||
<div
|
||||
class="flex flex-row items-center gap-1 px-4 py-4 text-xs text-primary font-medium border-b"
|
||||
>
|
||||
@@ -442,7 +442,7 @@
|
||||
{/if}
|
||||
{/each}
|
||||
{#if actionButtons.length > 0}
|
||||
<th class="!p-0">
|
||||
<th class="p-0!">
|
||||
<div
|
||||
class="flex flex-row items-center px-4 py-4 text-xs text-primary font-medium border-b"
|
||||
>
|
||||
@@ -462,7 +462,7 @@
|
||||
{@const rowIndex = row.original['__index']}
|
||||
<tr
|
||||
class={twMerge(
|
||||
isLastRow ? '!border-b-0' : '',
|
||||
isLastRow ? 'border-b-0!' : '',
|
||||
'divide-x w-full',
|
||||
index % 2 === 0 ? 'bg-gray-50/50' : '',
|
||||
selectedRowIndex === rowIndex
|
||||
@@ -553,7 +553,7 @@
|
||||
<span
|
||||
title={`Id: ${actionButton.id}`}
|
||||
class={classNames(
|
||||
'px-2 text-2xs font-bold w-fit absolute shadow -top-2 -left-2 border z-50 rounded-sm',
|
||||
'px-2 text-2xs font-bold w-fit absolute shadow-xs -top-2 -left-2 border z-50 rounded-xs',
|
||||
'bg-indigo-500/90 border-indigo-600 text-white',
|
||||
$selectedComponent?.includes(actionButton.id) ||
|
||||
$hoverStore === actionButton.id
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
{#if hasError}
|
||||
<div class={classNames('bg-red-100 w-full h-full flex items-center justify-center text-red-500')}>
|
||||
<Popover notClickable placement="bottom" popupClass="!bg-surface border w-96">
|
||||
<Popover notClickable placement="bottom" popupClass="bg-surface! border w-96">
|
||||
<Bug size={14} />
|
||||
<span slot="text">
|
||||
<div class="bg-surface">
|
||||
|
||||
@@ -36,6 +36,6 @@
|
||||
on:pointerdown|stopPropagation
|
||||
on:keyup={debounce}
|
||||
on:keydown|stopPropagation
|
||||
class={twMerge(parentClass, 'mb-1 h-8 !rounded-md !shadow-none')}
|
||||
class={twMerge(parentClass, 'mb-1 h-8 rounded-md! shadow-none!')}
|
||||
{...$$restProps}
|
||||
/>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user