@startinblox/core 0.20.0-beta.1 → 0.20.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{helpers-D842zXW3.js → helpers-BICN491G.js} +18 -8
  2. package/dist/helpers.js +1 -1
  3. package/dist/index.js +964 -501
  4. package/dist/slimselect-WIZK5Hmq.js +4 -0
  5. package/package.json +4 -1
  6. package/dist/slimselect-DIo2l9XQ.js +0 -4
package/dist/slimselect-WIZK5Hmq.js ADDED
@@ -0,0 +1,4 @@
1
+ const slimselect = '.ss-main {\n position: relative;\n display: inline-block;\n user-select: none;\n color: #666;\n width: 100%;\n}\n.ss-main .ss-single-selected {\n display: flex;\n cursor: pointer;\n width: 100%;\n height: 30px;\n padding: 6px;\n border: 1px solid #dcdee2;\n border-radius: 4px;\n background-color: #fff;\n outline: 0;\n box-sizing: border-box;\n transition: background-color .2s;\n}\n.ss-main .ss-single-selected.ss-disabled {\n background-color: #dcdee2;\n cursor: not-allowed;\n}\n.ss-main .ss-single-selected.ss-open-above {\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n.ss-main .ss-single-selected.ss-open-below {\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n.ss-main .ss-single-selected .placeholder {\n display: flex;\n flex: 1 1 100%;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n width: calc(100% - 30px);\n line-height: 1em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ss-main .ss-single-selected .placeholder * {\n display: flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: auto;\n}\n.ss-main .ss-single-selected .placeholder .ss-disabled {\n color: #dedede;\n}\n.ss-main .ss-single-selected .ss-deselect {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 1 auto;\n margin: 0 6px 0 6px;\n font-weight: bold;\n}\n.ss-main .ss-single-selected .ss-deselect.ss-hide {\n display: none;\n}\n.ss-main .ss-single-selected .ss-arrow {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 0 1 auto;\n margin: 0 6px 0 6px;\n}\n.ss-main .ss-single-selected .ss-arrow span {\n border: solid #666;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 3px;\n transition: transform .2s, margin .2s;\n}\n.ss-main .ss-single-selected .ss-arrow span.arrow-up {\n transform: rotate(-135deg);\n margin: 3px 0 0 0;\n}\n.ss-main .ss-single-selected .ss-arrow span.arrow-down {\n transform: rotate(45deg);\n margin: -3px 0 0 0;\n}\n.ss-main .ss-multi-selected {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n min-height: 30px;\n width: 100%;\n padding: 0 0 0 3px;\n border: 1px solid #dcdee2;\n border-radius: 4px;\n background-color: #fff;\n outline: 0;\n box-sizing: border-box;\n transition: background-color .2s;\n}\n.ss-main .ss-multi-selected.ss-disabled {\n background-color: #dcdee2;\n cursor: not-allowed;\n}\n.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {\n color: #666;\n}\n.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {\n cursor: not-allowed;\n}\n.ss-main .ss-multi-selected.ss-open-above {\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n.ss-main .ss-multi-selected.ss-open-below {\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n.ss-main .ss-multi-selected .ss-values {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n flex: 1 1 100%;\n width: calc(100% - 30px);\n}\n.ss-main .ss-multi-selected .ss-values .ss-disabled {\n display: flex;\n padding: 4px 5px;\n margin: 2px 0px;\n line-height: 1em;\n align-items: center;\n width: 100%;\n color: #dedede;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n@keyframes scaleIn {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes scaleOut {\n 0% {\n transform: scale(1);\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n}\n.ss-main .ss-multi-selected .ss-values .ss-value {\n display: flex;\n user-select: none;\n align-items: center;\n font-size: 12px;\n padding: 3px 5px;\n margin: 3px 5px 3px 0px;\n color: #fff;\n background-color: #5897fb;\n border-radius: 4px;\n animation-name: scaleIn;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n}\n.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {\n animation-name: scaleOut;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n}\n.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {\n margin: 0 0 0 5px;\n cursor: pointer;\n}\n.ss-main .ss-multi-selected .ss-add {\n display: flex;\n flex: 0 1 3px;\n margin: 9px 12px 0 5px;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus {\n display: flex;\n justify-content: center;\n align-items: center;\n background: #666;\n position: relative;\n height: 10px;\n width: 2px;\n transition: transform .2s;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus:after {\n background: #666;\n content: "";\n position: absolute;\n height: 2px;\n width: 10px;\n left: -4px;\n top: 4px;\n}\n.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {\n transform: rotate(45deg);\n}\n.ss-content {\n position: absolute;\n width: 100%;\n margin: -1px 0 0 0;\n box-sizing: border-box;\n border: solid 1px #dcdee2;\n z-index: 1010;\n background-color: #fff;\n transform-origin: center top;\n transition: transform .2s, opacity .2s;\n opacity: 0;\n transform: scaleY(0);\n}\n.ss-content.ss-open {\n display: block;\n opacity: 1;\n transform: scaleY(1);\n}\n.ss-content .ss-search {\n display: flex;\n flex-direction: row;\n padding: 8px 8px 6px 8px;\n}\n.ss-content .ss-search.ss-hide {\n height: 0px;\n opacity: 0;\n padding: 0px 0px 0px 0px;\n margin: 0px 0px 0px 0px;\n}\n.ss-content .ss-search.ss-hide input {\n height: 0px;\n opacity: 0;\n padding: 0px 0px 0px 0px;\n margin: 0px 0px 0px 0px;\n}\n.ss-content .ss-search input {\n display: inline-flex;\n font-size: inherit;\n line-height: inherit;\n flex: 1 1 auto;\n width: 100%;\n min-width: 0px;\n height: 30px;\n padding: 6px 8px;\n margin: 0;\n border: 1px solid #dcdee2;\n border-radius: 4px;\n background-color: #fff;\n outline: 0;\n text-align: left;\n box-sizing: border-box;\n -webkit-box-sizing: border-box;\n -webkit-appearance: textfield;\n}\n.ss-content .ss-search input::placeholder {\n color: #8a8a8a;\n vertical-align: middle;\n}\n.ss-content .ss-search input:focus {\n box-shadow: 0 0 5px #5897fb;\n}\n.ss-content .ss-search .ss-addable {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n font-size: 22px;\n font-weight: bold;\n flex: 0 0 30px;\n height: 30px;\n margin: 0 0 0 8px;\n border: 1px solid #dcdee2;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.ss-content .ss-addable {\n padding-top: 0px;\n}\n.ss-content .ss-list {\n max-height: 200px;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n}\n.ss-content .ss-list .ss-optgroup .ss-optgroup-label {\n padding: 6px 10px 6px 10px;\n font-weight: bold;\n}\n.ss-content .ss-list .ss-optgroup .ss-option {\n padding: 6px 6px 6px 25px;\n}\n.ss-content .ss-list .ss-optgroup-label-selectable {\n cursor: pointer;\n}\n.ss-content .ss-list .ss-optgroup-label-selectable:hover {\n color: #fff;\n background-color: #5897fb;\n}\n.ss-content .ss-list .ss-option {\n padding: 6px 10px 6px 10px;\n cursor: pointer;\n user-select: none;\n}\n.ss-content .ss-list .ss-option * {\n display: inline-block;\n}\n.ss-content .ss-list .ss-option:hover,\n.ss-content .ss-list .ss-option.ss-highlighted {\n color: #fff;\n background-color: #5897fb;\n}\n.ss-content .ss-list .ss-option.ss-disabled {\n cursor: not-allowed;\n color: #dedede;\n background-color: #fff;\n}\n.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {\n color: #666;\n background-color: rgba(88, 151, 251, 0.1);\n}\n.ss-content .ss-list .ss-option.ss-hide {\n display: none;\n}\n.ss-content .ss-list .ss-option .ss-search-highlight {\n background-color: #fffb8c;\n}\n';
2
+ export {
3
+ slimselect as default
4
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@startinblox/core",
3
- "version": "0.20.0-beta.1",
3
+ "version": "0.20.0-beta.2",
4
4
  "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -16,6 +16,8 @@
16
16
  "build": "vite build",
17
17
  "watch": "vite build --watch --sourcemap 'inline'",
18
18
  "serve": "node --watch server.js",
19
+ "lint": "biome check",
20
+ "lint:fix": "biome check --write",
19
21
  "check-types": "tsc",
20
22
  "test": "node server.js --test",
21
23
  "cypress": "node server.js --test-ui",
@@ -65,6 +67,7 @@
65
67
  "access": "public"
66
68
  },
67
69
  "devDependencies": {
70
+ "@biomejs/biome": "1.9.4",
68
71
  "@rckeller/cypress-unfetch": "^1.0.1",
69
72
  "@types/autolinker": "^2.0.0",
70
73
  "@types/markdown-it": "^14.1.2",
package/dist/slimselect-DIo2l9XQ.js DELETED
@@ -1,4 +0,0 @@
1
- const slimselect = '.ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-single-selected .placeholder{display:flex;flex:1 1 100%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px 0 6px;font-weight:bold}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px 0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s, margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0px;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0px;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0 0;box-sizing:border-box;border:solid 1px #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s, opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px 8px}.ss-content .ss-search.ss-hide{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search.ss-hide input{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:bold;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0px}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px 6px 10px;font-weight:bold}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px 6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option:hover,.ss-content .ss-list .ss-option.ss-highlighted{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,0.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c}\n\n';
2
- export {
3
- slimselect as default
4
- };