@startinblox/core 0.19.22-beta.5 → 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.
@@ -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.19.22-beta.5",
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,10 +67,9 @@
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
- "@types/leaflet": "^1.9.12",
71
- "@types/leaflet.markercluster": "^1.5.4",
72
73
  "@types/markdown-it": "^14.1.2",
73
74
  "@types/node": "^22.7.1",
74
75
  "@types/pubsub-js": "^1.8.6",
@@ -82,8 +83,6 @@
82
83
  "fuse.js": "^7.0.0",
83
84
  "jsonld": "^8.3.2",
84
85
  "jsonld-context-parser": "^1.3.4",
85
- "leaflet": "1.9.4",
86
- "leaflet.markercluster": "1.5.3",
87
86
  "markdown-it": "^14.1.0",
88
87
  "markdown-it-link-attributes": "4.0.1",
89
88
  "pubsub-js": "^1.9.4",
@@ -91,7 +90,6 @@
91
90
  "quill-delta-to-markdown": "^0.6.0",
92
91
  "semver": "7.6.3",
93
92
  "slim-select": "^2.9.2",
94
- "tui-calendar": "^1.15.3",
95
93
  "typescript": "^5.6.2",
96
94
  "vite": "^5.4.8"
97
95
  },
@@ -1,4 +0,0 @@
1
- const MarkerCluster = ".leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {\n -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;\n -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;\n -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;\n transition: transform 0.3s ease-out, opacity 0.3s ease-in;\n}\n\n.leaflet-cluster-spider-leg {\n /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */\n -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;\n -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;\n -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;\n transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;\n}\n";
2
- export {
3
- MarkerCluster as default
4
- };
@@ -1,4 +0,0 @@
1
- const MarkerCluster_Default = '.marker-cluster-small {\n background-color: rgba(181, 226, 140, 0.6);\n }\n.marker-cluster-small div {\n background-color: rgba(110, 204, 57, 0.6);\n }\n\n.marker-cluster-medium {\n background-color: rgba(241, 211, 87, 0.6);\n }\n.marker-cluster-medium div {\n background-color: rgba(240, 194, 12, 0.6);\n }\n\n.marker-cluster-large {\n background-color: rgba(253, 156, 115, 0.6);\n }\n.marker-cluster-large div {\n background-color: rgba(241, 128, 23, 0.6);\n }\n\n /* IE 6-8 fallback colors */\n.leaflet-oldie .marker-cluster-small {\n background-color: rgb(181, 226, 140);\n }\n.leaflet-oldie .marker-cluster-small div {\n background-color: rgb(110, 204, 57);\n }\n\n.leaflet-oldie .marker-cluster-medium {\n background-color: rgb(241, 211, 87);\n }\n.leaflet-oldie .marker-cluster-medium div {\n background-color: rgb(240, 194, 12);\n }\n\n.leaflet-oldie .marker-cluster-large {\n background-color: rgb(253, 156, 115);\n }\n.leaflet-oldie .marker-cluster-large div {\n background-color: rgb(241, 128, 23);\n}\n\n.marker-cluster {\n background-clip: padding-box;\n border-radius: 20px;\n }\n.marker-cluster div {\n width: 30px;\n height: 30px;\n margin-left: 5px;\n margin-top: 5px;\n\n text-align: center;\n border-radius: 15px;\n font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;\n }\n.marker-cluster span {\n line-height: 30px;\n }';
2
- export {
3
- MarkerCluster_Default as default
4
- };
@@ -1,4 +0,0 @@
1
- const defaultTheme = "/*==== SOLID-MAP ====*/\n/* map custom marker */\n.sib-custom-marker {\n position: absolute;\n top: 40%;\n left: 50%;\n margin-left: 115px;\n border-radius: 50%;\n border: 8px solid #1c78c9;\n width: 8px;\n height: 8px;\n}\n.sib-custom-marker::after {\n position: absolute;\n content: '';\n width: 0px;\n height: 0px;\n bottom: -30px;\n left: -6px;\n border: 10px solid transparent;\n border-top-width: 17px;\n border-top-style: solid;\n border-top-color: inherit;\n}";
2
- export {
3
- defaultTheme as default
4
- };