build: shoelace 2.15

Author: tpluscode

.changeset/hot-students-notice.md

@@ -0,0 +1,5 @@
+---
+"@hydrofoil/shaperone-wc-shoelace": minor
+---
+
+Updated shoelace to v2.15

demos/examples/ErrorSummary/index.ts

@@ -1,4 +1,4 @@
-import { decorate, FocusNodeTemplate } from '@hydrofoil/shaperone-wc/templates'
+import { decorate, FocusNodeTemplate } from '@hydrofoil/shaperone-wc/templates.js'
 import { html } from '@hydrofoil/shaperone-wc'
 import type { ValidationResult } from '@rdfine/shacl'
 import { shrink } from '@zazuko/prefixes/shrink'

demos/examples/NestedShapesIndividually/renderer.ts

@@ -1,4 +1,4 @@
-import { decorate, FormTemplate } from '@hydrofoil/shaperone-wc/templates'
+import { decorate, FormTemplate } from '@hydrofoil/shaperone-wc/templates.js'
 import { html, css } from '@hydrofoil/shaperone-wc'
 
 export const topmostFocusNodeFormRenderer = decorate((form: FormTemplate): FormTemplate => {

demos/examples/StarRating/index.ts

@@ -5,7 +5,7 @@ import type { UpdateComponentState } from '@hydrofoil/shaperone-core/models/comp
 import { schema, xsd } from '@tpluscode/rdf-ns-builders'
 import { dash } from '@tpluscode/rdf-ns-builders/loose'
 import type { PropertyShape } from '@rdfine/shacl'
-import { ShaperoneEnvironment } from '@hydrofoil/shaperone-core/env'
+import { ShaperoneEnvironment } from '@hydrofoil/shaperone-core/env.js'
 import rdf from '@zazuko/env/web.js'
 
 export interface StarRating {
@@ -65,7 +65,7 @@ export const component: Lazy<StarRatingComponent> = {
     return false
   },
   async lazyRender() {
-    await import('./star-rating')
+    await import('./star-rating.js')
 
     return function ({ env, value }, { update }) {
       const rating = value.object ? Number.parseFloat(value.object.value) : 0

demos/examples/XoneRenderer/index.ts

@@ -1,4 +1,4 @@
-import { decorate, FocusNodeTemplate } from '@hydrofoil/shaperone-wc/templates'
+import { decorate, FocusNodeTemplate } from '@hydrofoil/shaperone-wc/templates.js'
 import { html } from '@hydrofoil/shaperone-wc'
 import { LogicalConstraint } from '@hydrofoil/shaperone-core/models/forms'
 import type { Shape } from '@rdfine/shacl'

demos/lit-html/package.json

@@ -23,15 +23,15 @@
     "@hydrofoil/shaperone-hydra": "0.3.16",
     "@hydrofoil/shaperone-rdf-validate-shacl": "1.0.4",
     "@material/mwc-icon": "^0.25",
-    "@rdfine/env": "^1.1.0",
+    "@rdfine/env": "^1.1.2",
     "@rdfine/shacl": "^0.10.5",
     "@rdfjs/fetch-lite": "^3.2.2",
     "@rdfjs-elements/lit-helpers": "^0.3.7",
     "@rdfjs-elements/rdf-editor": "^0.5.7",
     "@tpluscode/rdf-ns-builders": "^4.3.0",
     "@tpluscode/rdf-string": "^1.2.0",
     "@types/rdfjs__fetch-lite": "^3.0.10",
-    "@shoelace-style/shoelace": "^2.0.0-beta.78",
+    "@shoelace-style/shoelace": "^2.15.0",
     "@vaadin/vaadin-app-layout": "^22",
     "@vaadin/vaadin-button": "^22",
     "@vaadin/vaadin-checkbox": "^22",

demos/lit-html/src/configure.ts

@@ -122,15 +122,15 @@ export const configureRenderer = (() => {
         const {
           AccordionGroupingRenderer,
           AccordionFocusNodeRenderer,
-        } = await import('@hydrofoil/shaperone-wc-vaadin/renderer/accordion')
+        } = await import('@hydrofoil/shaperone-wc-vaadin/renderer/accordion.js')
 
         strategy.group = AccordionGroupingRenderer
         focusNodeTemplate = AccordionFocusNodeRenderer
       } else if (grouping === 'material tabs') {
         const {
           TabsGroupRenderer,
           TabsFocusNodeRenderer,
-        } = await import('@hydrofoil/shaperone-wc-material/renderer/tabs')
+        } = await import('@hydrofoil/shaperone-wc-material/renderer/tabs.js')
 
         strategy.group = TabsGroupRenderer
         focusNodeTemplate = TabsFocusNodeRenderer

demos/lit-html/src/env.ts

@@ -1,5 +1,5 @@
-import Environment from '@zazuko/env/Environment'
-import alcaeus from 'alcaeus/Factory'
+import Environment from '@zazuko/env/Environment.js'
+import alcaeus from 'alcaeus/Factory.js'
 import $rdf from '@rdfine/env'
 import FetchFactory from '@rdfjs/fetch-lite/Factory.js'
 

demos/lit-html/vite.config.ts renamed to demos/lit-html/vite.config.js

@@ -28,7 +28,7 @@ Any editor annotated this way will automatically get a score equal `100` without
 At the minimum, a `render` function is required to complete a component. For example, here's a simple `dash:BooleanSelectEditor`, rendered as HTML native elements with lit-html:
 
 ```typescript
-import { booleanSelect, BooleanSelectEditor } from '@hydrofoil/shaperone-core/components'
+import { booleanSelect, BooleanSelectEditor } from '@hydrofoil/shaperone-core/components.js'
 import { html } from 'lit-html'
 import { xsd } from '@tpluscode/rdf-ns-builders'
 import { literal } from '@rdf-esm/data-model'
@@ -56,13 +56,13 @@ All DASH components export an interface for their shared and instance state. By
 The snippets below propose an extension to the `nativeBooleanSelect` which adds an optional label to display on the "empty option"
 
 ```typescript
-import { booleanSelect, BooleanSelectEditor } from '@hydrofoil/shaperone-core/components'
+import { booleanSelect, BooleanSelectEditor } from '@hydrofoil/shaperone-core/components.js'
 import { html } from 'lit-html'
 import { xsd } from '@tpluscode/rdf-ns-builders'
 import { literal } from '@rdf-esm/data-model'
 
 // extend the component interface using module augmentation
-declare module '@hydrofoil/shaperone-core/components' {
+declare module '@hydrofoil/shaperone-core/components.js' {
     interface BooleanSelectEditor {
         emptyOptionLabel: string
     }
@@ -106,7 +106,7 @@ The core Enum Select Editor is implemented to initialize the choices to display
 Implementors wishing to create a custom component only need to provide the actual `render` function.
 
 ```typescript
-import { enumSelect, EnumSelectEditor } from '@hydrofoil/shaperone-core/components'
+import { enumSelect, EnumSelectEditor } from '@hydrofoil/shaperone-core/components.js'
 import { html } from '@hydrofoil/shaperone-wc'
 
 export const enumSelectEditor: EnumSelectEditor = {