@lmvz-ds/components 0.13.2 → 0.14.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lmvz-ds/components",
   "private": false,
   "type": "module",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
   "volta": {
@@ -48,8 +48,6 @@
     },
     "./manifest.json": "./dist/manifest.json",
     "./assets/*": "./assets/*",
-    "./themes/*": "./dist/themes/*",
-    "./styles/*": "./dist/styles/*",
     "./components/hydrate": {
       "types": "./hydrate/index.d.ts",
       "import": "./hydrate/index.js"
@@ -108,10 +106,9 @@
   },
   "scripts": {
     "start": "npm run start:integration",
-    "start:integration": "concurrently 'npm run build:css -- --watch' 'npm run build:integration -- --watch'",
+    "start:integration": "npm run build:integration -- --watch",
     "start:dev": "stencil build --watch --dev --serve --config stencil.config.dev.ts",
-    "build": "npm run build:css && npm run build:components",
-    "build:css": "vite build --config vite-style.config.js",
+    "build": "npm run build:components",
     "build:components": "stencil build --docs --prod --config stencil.config.prod.ts",
     "build:debug": "node --inspect-brk ../../node_modules/.bin/stencil build --debug --docs --config ./stencil.config.dev.ts",
     "build:integration": "stencil build --config stencil.config.integration.ts",
@@ -133,19 +130,9 @@
           "^build"
         ]
       },
-      "build:css": {
-        "cache": true,
-        "dependsOn": [
-          "^build"
-        ],
-        "outputs": [
-          "{projectRoot}/vite-generated"
-        ]
-      },
       "build:integration": {
         "dependsOn": [
-          "^build",
-          "build:css"
+          "^build"
         ]
       },
       "build:components": {
@@ -162,20 +149,6 @@
           "{projectRoot}/assets"
         ]
       },
-      "postpack": {
-        "cache": true,
-        "dependsOn": [],
-        "outputs": [
-          "{projectRoot}/pom.xml",
-          "{projectRoot}/target"
-        ]
-      },
-      "version:mvn": {
-        "dependsOn": [],
-        "outputs": [
-          "{projectRoot}/pom.xml"
-        ]
-      },
       "lint": {
         "dependsOn": [
           "^build"
@@ -184,12 +157,14 @@
     }
   },
   "dependencies": {
-    "@lmvz-ds/aria-validation": "^0.13.2",
+    "@lmvz-ds/aria-validation": "^0.14.0",
     "classnames": "^2.5.1",
     "effect": "3.19.14"
   },
   "devDependencies": {
-    "@lmvz-ds/design-tokens": "^0.13.2",
+    "@lmvz-ds/design-tokens": "^0.14.0",
+    "@lmvz-ds/lib-styles": "^0.14.0",
+    "@lmvz-ds/styles": "^0.14.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil/angular-output-target": "1.3.0",
     "@stencil/core": "4.43.2",
@@ -204,11 +179,11 @@
     "rollup-plugin-postcss": "^4.0.2",
     "stylelint": "^17.0.0",
     "stylelint-config-standard": "^40.0.0",
-    "stylelint-value-no-unknown-custom-properties": "^6.1.1",
+    "stylelint-value-no-unknown-custom-properties": "file:../../stylelint-value-no-unknown-custom-properties",
     "ts-deepmerge": "^7.0.3",
     "tsx": "^4.21.0",
     "vite": "^7.3.1",
     "vitest": "^4.1.0"
   },
-  "gitHead": "8b3b58d2f00bf83f4b54a4f21a4cca4887cbcf50"
+  "gitHead": "271fe2c4dd8e113b1fba7350eccfc2fa48062625"
 }

package/readme.md

@@ -15,12 +15,6 @@ It also uses **Effect** (aka. effect-ts) for improved type-safety error handling
 
 Always consider the Integration chapter in the Design Guide. In the context of a UI framework, consider using the specific wrapper packages: `@lmvz-ds/angular`, `@lmvz-ds/react`, `@lmvz-ds/vue`.
 
-### Limitations
-
-Currently, the only way to get hold of the pre-built component bundle is by installing it as a dependency from our private npm or maven repos (behind adesso's VPN). Make sure to setup this registry by copying the `.npmrc` from the @lmvz-ds root project to your workspace root.
-
-Use the Maven WebJars variant when importing into a Spring Boot project without a node-built client. In this case, import paths described here have to be adjusted. Also see the Usage section in MAVEN_DEPLOYMENT.md.
-
 ## NPM Integration
 
 ### Installation
@@ -29,46 +23,6 @@ Use the Maven WebJars variant when importing into a Spring Boot project without
 npm i @lmvz-ds/components
 ```
 
-## Maven Integration
-
-### Local Config
-
-In your pom.xml add the following:
-
-```xml
-<repositories>
-  <repository>
-    <id>gitlab-maven</id>
-    <url>https://git.adesso.ch/api/v4/projects/1000/packages/maven</url>
-  </repository>
-</repositories>
-
-<dependencies>
-  <dependency>
-    <groupId>ch.lmvz.ds</groupId>
-    <artifactId>components</artifactId>
-    <version>0.3.6</version>
-  </dependency>
-</dependencies>
-```
-
-Then run `mvn clean install`in your project folder.
-
-### Accessing Resources
-
-Once the WebJar is on your classpath, the resources are automatically available at:
-
-```
-/webjars/lmvz-ds/components/{version}/{filename}
-```
-
-For example, in a Spring Boot application:
-
-```html
-<link rel="stylesheet" href="/webjars/lmvz-ds/components/0.3.6/themes/light.css" />
-<script src="/webjars/lmvz-ds/components/0.3.6/components/lmvz-button.js"></script>
-```
-
 ## Usage
 
 In a web app, import components directly (`import LmvzCard from '.../components/lmvz-card.js'`) or the loader (e.g., `import { defineCustomElements } from '.../loader';`) and call `defineCustomElements(window)` to register all components globally.
@@ -93,27 +47,6 @@ import { disableAriaValidation } from '@lmvz-ds/components/ariaValidation';
 disableAriaValidation();
 ```
 
-### Styles
-
-Always import one of the available themes as early in your application as possible in your main CSS file:
-
-```css
-@import '@lmvz-ds/components/themes/light.css';
-```
-
-... or in your HTML
-
-```html
-<link rel="stylesheet" "baseUrl/@lmvz-ds/components/themes/light.css">
-```
-
-Optionally, you can then import available `style/`-Packages:  
-
-- @lmvz-ds/components/styles/typography.css
-- @lmvz-ds/components/styles/button.css
-
-These will provide styles in the global CSS scope and target native DOM elements.
-
 ### Components
 
 Components are built in standalone mode, using [`dist-custom-elements`](https://stenciljs.com/docs/custom-elements). This way, you can import the components individually, wherever they are needed.
@@ -150,6 +83,17 @@ npm install
 
 See the parent project's readme for the overarching process' description.
 
+### Guidelines
+
+- Components must each be provided as stand-alone bundles.
+- Components must bring their own, ds-aligned, default styles. This increases flexibility (as components are usable stand-alone) and is achieved by build-time injection of defaults (based on base- and light-theme-variables). There is no need for importing any variables definitions. Instead, add base variables to the plugin config's list (`stencil.base.config.ts`).
+  - Font file contents are exempt from bundling, to allow for browser-caching!
+- To prevent styles from leaking out of your Components (into the global scope), wrap your own styles and `@import`s in `:host`.
+- Components depending on Fragments must import them into their :host selector, for proper encapsulation.
+  - This use of CSS' @import syntax is invalid, but properly handled by postcss.
+  - Consider using custom-property abstractions instead of importing whole fragments!
+
+
 ### Configuration
 
 Different Stencil configs are necessary, since we need the following constellations (which are not possible with a single config):
@@ -181,12 +125,6 @@ Always use the `lmvz-` prefix when creating new components!
 npm run @stencil/core generate lmvz-[component name]
 ```
 
-### Styling
-
-Exported styles are built using vite/postcss. See `vite-style.config.js`.
-
-For usage notes see `./styles/readme.md`.
-
 ### Testing
 
 To run the unit tests for the components, run:

package/dist/components/p-DFXwtZsD.js

@@ -1 +0,0 @@
-import{B as t,H as i}from"./p-BaPwpeMs.js";const s=Symbol("__lmvzAriaValidationRuntimeState"),o="lmvz:aria-validation-runtime-changed",e=()=>{const t=globalThis;return t[s]||(t[s]={enabled:!1}),t[s]},n=()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent(o))},h=()=>e().enabled,r=()=>e().verboseLogging??!1,l=(t={})=>{const i=e();i.enabled||(Object.assign(i,t),i.enabled=!0,function(...t){return(async()=>{const t=e();if(!t.enabled)return null;if(t.runtime)return t.runtime;t.loadPromise||(t.loadPromise=import("./p-B68hOTYN.js").catch((()=>null)));const i=await t.loadPromise;return i&&(t.runtime=i),i})().then((i=>{e().enabled&&(i?i.initializeValidationStream(...t):console.warn("Failed to load aria validation runtime"))}))}().then((()=>{n()})))},a=()=>{const t=e();t.enabled&&(t.enabled=!1,n())};function c(...t){const i=e();i.enabled&&i.runtime&&i.runtime.enqueueValidation(...t)}class d{host;config;visibilityObserver;elementQueued=!1;elementValidated=!1;elementLoaded=!1;static knownValidationErrors=[];get disabled(){return!h()}get useVerboseLogging(){return this.config?.verboseLogging||t.isDev||r()}constructor(t,i){this.host=t,this.config=i}onRuntimeConfigChange=()=>{h()&&this.checkLazyValidation()};hostDidLoad(){this.elementLoaded=!0,"undefined"!=typeof window&&window.addEventListener(o,this.onRuntimeConfigChange),this.elementQueued||this.elementValidated||("slot"!==this.config?.validationTiming?this.host.validationEl?.checkVisibility()&&"load"===this.config?.validationTiming?this.enqueueValidation():this.observeVisibilityOnce():this.observeSlot())}hostDidUpdate(){this.checkLazyValidation()}hostDisconnected(){this.discardVisibilityObserver(),"undefined"!=typeof window&&window.removeEventListener(o,this.onRuntimeConfigChange)}revalidateAria(){this.enqueueValidation()}observeSlot(){this.host.validationSlot?.addEventListener("slotchange",this.enqueueValidation.bind(this))}observeVisibilityOnce(){window.setTimeout((()=>{this.host.validationEl&&(this.visibilityObserver=new IntersectionObserver((t=>{for(const i of t)i.target===this.host.validationEl&&i.isIntersecting&&(this.checkLazyValidation(),this.discardVisibilityObserver())}),{root:this.host.validationEl?.parentElement,rootMargin:"0px",threshold:.01}),this.visibilityObserver.observe(this.host.validationEl))}))}checkLazyValidation(){this.elementLoaded&&(this.config?.reValidateOnPropChanges||!this.elementQueued&&!this.elementValidated)&&this.host.validationEl?.checkVisibility()&&this.enqueueValidation()}enqueueValidation(){h()&&(this.elementQueued=!0,c({context:{include:this.host.validationEl,exclude:d.knownValidationErrors},onComplete:(t,i)=>{this.elementValidated=!0;const s=this.host.tagName||this.host.validationEl?.tagName||"Element";if(t)return console.error("Error running ARIA validation:",t,s),void(this.host.validationEl?.tagName||console.dir(this.host));const o=[s];if(!i?.violations.length)return void(this.useVerboseLogging&&(console.log(...o,"has no ARIA violations"),this.host.validationEl?.tagName||console.dir(this.host)));const e=i.violations.length,n=[...o,i.violations.at(0).id,e>1?`(+${e-1} more)`:""].filter(Boolean).join(" ");this.useVerboseLogging?console.group(n):console.groupCollapsed(n);const h=i.violations.flatMap((t=>(console.dir(t,{showHidden:!0,compact:!1}),t.nodes.map((t=>t.target)))));this.host.validationEl?console.log("element:",this.host.validationEl):console.dir(this.host),console.groupEnd(),d.knownValidationErrors.push(...h)}}))}discardVisibilityObserver(){this.visibilityObserver&&(this.visibilityObserver.disconnect(),this.visibilityObserver=void 0)}}const u=class extends i{constructor(){super(!1)}controllers=new Set;addController(t){this.controllers.add(t)}removeController(t){this.controllers.delete(t)}get activeControllers(){return Array.from(this.controllers).filter((t=>!t.disabled))}connectedCallback(){this.controllers.size||console.warn("ReactiveControllerHost connected with no controllers registered.",this),this.activeControllers.forEach((t=>t.hostConnected?.()))}disconnectedCallback(){this.activeControllers.forEach((t=>t.hostDisconnected?.()))}componentWillLoad(){this.activeControllers.forEach((t=>t.hostWillLoad?.()))}componentDidLoad(){this.activeControllers.forEach((t=>t.hostDidLoad?.()))}componentWillRender(){this.activeControllers.forEach((t=>t.hostWillRender?.()))}componentDidRender(){this.activeControllers.forEach((t=>t.hostDidRender?.()))}componentWillUpdate(){this.activeControllers.forEach((t=>t.hostWillUpdate?.()))}componentDidUpdate(){this.activeControllers.forEach((t=>t.hostDidUpdate?.()))}};export{o as A,u as R,d as a,a as d,l as e,h as i,c as q,r as u}

package/dist/components/p-dQa_lGo8.js

@@ -1 +0,0 @@
-import{p as t,h as s,d as e,t as i}from"./p-BaPwpeMs.js";import{g as r,a as n,l as o,i as a,b as c,c as h,m as l,d as m,e as u,f as d,h as v,j as p,k as f,s as g,n as w,o as z,p as y,q as b,t as S,u as k,v as x,w as E,x as C,y as D,z as M,A as O,B as _,C as P,D as R,E as V,F as L,G as j,H as N,I as B,J as T,K as I,L as $,M as A,N as F,O as H,P as K,Q as G,R as J,S as U,T as W,U as X,_ as Z,V as q,W as Q,X as Y,Y as tt,Z as st,$ as et,a0 as it,a1 as rt,a2 as nt,a3 as ot,a4 as at,a5 as ct,a6 as ht,a7 as lt,a8 as mt,a9 as ut,aa as dt,r as vt,ab as pt,ac as ft,ad as gt,ae as wt}from"./p-CSRpdnrt.js";import{R as zt,a as yt}from"./p-DFXwtZsD.js";import{c as bt}from"./p-DcMNH3fv.js";const St=Symbol.for("effect/Brand/Refined"),kt=(t,s,e,i)=>O({_tag:"Complete",key:t,exit:s,entryStats:e,timeToLiveMillis:i}),xt=(t,s)=>O({_tag:"Pending",key:t,deferred:s}),Et=Symbol.for("effect/Cache/MapKey");class Ct{current;[Et]=Et;previous=void 0;next=void 0;constructor(t){this.current=t}[A](){return F(G(this.current),K(G(this.previous)),K(G(this.next)),H(this))}[J](t){return this===t||Mt(t)&&W(this.current,t.current)&&W(this.previous,t.previous)&&W(this.next,t.next)}}const Dt=t=>new Ct(t),Mt=t=>U(t,Et);class Ot{head=void 0;tail=void 0;add(t){if(t!==this.tail)if(void 0===this.tail)this.head=t,this.tail=t;else{const s=t.previous,e=t.next;void 0!==e&&(t.next=void 0,void 0!==s?(s.next=e,e.previous=s):(this.head=e,this.head.previous=void 0)),this.tail.next=t,t.previous=this.tail,this.tail=t}}remove(){const t=this.head;if(void 0!==t){const s=t.next;void 0!==s?(t.next=void 0,this.head=s,this.head.previous=void 0):(this.head=void 0,this.tail=void 0)}return t}}const _t=Symbol.for("effect/Cache"),Pt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Rt=Symbol.for("effect/ConsumerCache"),Vt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Lt=t=>({loadedMillis:t});class jt{capacity;context;fiberId;lookup;timeToLive;[_t]=Pt;[Rt]=Vt;cacheState;constructor(t,s,e,i,r){this.capacity=t,this.context=s,this.fiberId=e,this.lookup=i,this.timeToLive=r,this.cacheState={map:R(),keys:new Ot,accesses:$(),updating:I(!1),hits:0,misses:0}}get(t){return u(this.getEither(t),f)}get cacheStats(){return g((()=>({hits:this.cacheState.hits,misses:this.cacheState.misses,size:w(this.cacheState.map)})))}getOption(t){return z((()=>l(y(this.cacheState.map,t),{onNone:()=>{const s=Dt(t);return this.trackAccess(s),this.trackMiss(),b(S())},onSome:t=>this.resolveMapValue(t)})))}getOptionComplete(t){return z((()=>l(y(this.cacheState.map,t),{onNone:()=>{const s=Dt(t);return this.trackAccess(s),this.trackMiss(),b(S())},onSome:t=>this.resolveMapValue(t,!0)})))}contains(t){return g((()=>k(this.cacheState.map,t)))}entryStats(t){return g((()=>{const s=y(this.cacheState.map,t);if(x(s))switch(s.value._tag){case"Complete":return E(Lt(s.value.entryStats.loadedMillis));case"Pending":return S();case"Refreshing":return E(Lt(s.value.complete.entryStats.loadedMillis))}return S()}))}getEither(t){return z((()=>{const s=t;let e,i,r=C(y(this.cacheState.map,s));return void 0===r&&(i=D(this.fiberId),e=Dt(s),k(this.cacheState.map,s)?r=C(y(this.cacheState.map,s)):M(this.cacheState.map,s,xt(e,i))),void 0===r?(this.trackAccess(e),this.trackMiss(),u(this.lookupValueOf(t,i),n)):_(this.resolveMapValue(r),l({onNone:()=>this.getEither(t),onSome:t=>b(o(t))}))}))}invalidate(t){return g((()=>{P(this.cacheState.map,t)}))}invalidateWhen(t,s){return g((()=>{const e=y(this.cacheState.map,t);x(e)&&"Complete"===e.value._tag&&"Success"===e.value.exit._tag&&s(e.value.exit.value)&&P(this.cacheState.map,t)}))}get invalidateAll(){return g((()=>{this.cacheState.map=R()}))}refresh(t){return V((s=>z((()=>{const e=t,i=D(this.fiberId);let r=C(y(this.cacheState.map,e));if(void 0===r&&(k(this.cacheState.map,e)?r=C(y(this.cacheState.map,e)):M(this.cacheState.map,e,xt(Dt(e),i))),void 0===r)return X(this.lookupValueOf(t,i));switch(r._tag){case"Complete":if(this.hasExpired(s,r.timeToLiveMillis)){const s=C(y(this.cacheState.map,e));return W(s,r)&&P(this.cacheState.map,e),X(this.get(t))}return F(this.lookupValueOf(t,i),q((()=>{const t=C(y(this.cacheState.map,e));if(W(t,r)){const t=((t,s)=>O({_tag:"Refreshing",deferred:t,complete:s}))(i,r);return M(this.cacheState.map,e,t),!0}return!1})),X);case"Pending":case"Refreshing":return Z(r.deferred)}}))))}set(t,s){return V((e=>g((()=>{const i=e.unsafeCurrentTimeMillis(),r=t,n=Q(s),o=kt(Dt(r),n,Lt(i),i+Y(m(this.timeToLive(n))));M(this.cacheState.map,r,o)}))))}get size(){return g((()=>w(this.cacheState.map)))}get values(){return g((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push(s[1].exit.value);return t}))}get entries(){return g((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push([s[0],s[1].exit.value]);return t}))}get keys(){return g((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push(s[0]);return t}))}resolveMapValue(t,s=!1){return V((e=>{switch(t._tag){case"Complete":return this.trackAccess(t.key),this.hasExpired(e,t.timeToLiveMillis)?(P(this.cacheState.map,t.key.current),b(S())):(this.trackHit(),u(t.exit,E));case"Pending":return this.trackAccess(t.key),this.trackHit(),s?b(S()):u(Z(t.deferred),E);case"Refreshing":return this.trackAccess(t.complete.key),this.trackHit(),this.hasExpired(e,t.complete.timeToLiveMillis)?s?b(S()):u(Z(t.deferred),E):u(t.complete.exit,E)}}))}trackHit(){this.cacheState.hits=this.cacheState.hits+1}trackMiss(){this.cacheState.misses=this.cacheState.misses+1}trackAccess(t){if(L(this.cacheState.accesses,t),j(this.cacheState.updating,!1,!0)){let t=!0;for(;t;){const s=N(this.cacheState.accesses,B);s===B?t=!1:this.cacheState.keys.add(s)}let s=w(this.cacheState.map);for(t=s>this.capacity;t;){const e=this.cacheState.keys.remove();void 0!==e?k(this.cacheState.map,e.current)&&(P(this.cacheState.map,e.current),s-=1,t=s>this.capacity):t=!1}T(this.cacheState.updating,!1)}}hasExpired(t,s){return t.unsafeCurrentTimeMillis()>s}lookupValueOf(t,s){return V((e=>z((()=>{const i=t;return F(this.lookup(t),nt(this.context),rt,_((t=>{const r=e.unsafeCurrentTimeMillis(),n=Lt(r),o=kt(Dt(i),t,n,r+Y(m(this.timeToLive(t))));return M(this.cacheState.map,i,o),st(it(s,t),t)})),tt((()=>st(et(s),g((()=>{P(this.cacheState.map,i)}))))))}))))}}const Nt=t=>{const s=m(t.timeToLive);return(t=>u(d([v(),p]),(([s,e])=>new jt(t.capacity,s,e,t.lookup,(s=>m(t.timeToLive(s)))))))({capacity:t.capacity,lookup:t.lookup,timeToLive:()=>s})},Bt=function(){const t=Symbol.for("effect/Data/Error/plainArgs");return class extends ot{constructor(s){super(s?.message,s?.cause?{cause:s.cause}:void 0),s&&(Object.assign(this,s),Object.defineProperty(this,t,{value:s,enumerable:!1}))}toJSON(){return{...this[t],...this}}}}(),Tt=t=>{const s={BaseEffectError:class extends Bt{_tag=t}};return s.BaseEffectError.prototype.name=t,s.BaseEffectError};class It extends(Tt("FetchError")){}class $t extends(Tt("NotFoundError")){}class At extends(Tt("ResponseTextError")){constructor(t){super(new Error("Failed to read response text",{cause:t}))}}const Ft=function(...t){const s=2===t.length?s=>t[0](s)?n(s):o(t[1](s)):s=>l(t[0](s),{onNone:()=>n(s),onSome:o});return Object.assign((t=>r(s(t),a)),{[St]:St,option:t=>h(s(t)),either:s,is:t=>c(s(t))})}((function(t){if("string"!=typeof t)return!1;try{return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.nodeName}catch{return!1}}),(()=>[{message:"SVG data is malformed",meta:undefined}]));class Ht extends(Tt("BrandValidationError")){constructor(t,s){super(new Error(`Brand validation failed for type ${s}.`,{cause:t}))}}let Kt=null;function Gt(){return mt((function*(){Kt?yield*Kt.invalidateAll:ut("Attempted to clear icon cache before it was initialized")}))}const Jt=t(class extends zt{intersectionObserver;ariaValidationController=new yt(this);get el(){return this}validationEl;icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(t){super(!1),!1!==t&&this.__registerHost(),this.addController(this.ariaValidationController)}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()})),super.connectedCallback()}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),super.disconnectedCallback()}async loadIconPathData(){const{icon:t,visible:s}=this;t&&s&&(this.iconData=await vt(function(t){const s=t;return mt((function*(){return Kt||(Kt=yield*Nt({capacity:200,timeToLive:dt,lookup:t=>mt((function*(){const s=bt(`${t}.svg`,"icons"),e=yield*(i=s,at((function*(){const t=yield*ct({try:()=>fetch(i,void 0),catch:t=>new It({cause:t})});return 404===t.status?yield*ht(new $t({url:t.url})):t})));var i;const r=yield*(t=>ct({try:()=>t.text(),catch:t=>new At(t)}))(e);return yield*(n=r,lt({try:()=>Ft(n),catch:t=>new Ht(t,"SVGString")}));var n}))})),yield*Kt.get(s)}))}(this.icon).pipe(pt((s=>ft(`Error loading icon "${t}":`,s.message,s.cause,s.stack))),gt((()=>wt(Ft('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>')))))))}componentDidRender(){this.validationEl=this.el.querySelector("svg"),this.ariaValidationController.revalidateAria(),super.componentDidRender()}render(){return s(e,{key:"8b1ce550253e994650fe91de38496aff7c7eccc2",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(t,s=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((s=>{s.some((s=>!!s.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,t(),!0)))}),{rootMargin:`${s}px`}),this.intersectionObserver.observe(this.el)):t()}static get assetsDirs(){return["../../assets/icons"]}static get watchers(){return{icon:[{loadIconPathData:0}]}}static get style(){return".sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));display:inline-block;line-height:0;svg{display:block}svg>path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));height:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem))}}[size='sm'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem));height:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem))}}[size='md'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem));height:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem))}}[size='lg'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem));height:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem))}}[size='inherit'].sc-lmvz-icon-h{svg{width:inherit;height:inherit}}[weight='light'].sc-lmvz-icon-h{svg>path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg>path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg>path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg>path{stroke-width:2;fill:var(--lmvz-icon-color)}}"}},[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},void 0,{icon:[{loadIconPathData:0}]}]);function Ut(){"undefined"!=typeof customElements&&["lmvz-icon"].forEach((t=>{"lmvz-icon"===t&&(customElements.get(i(t))||customElements.define(i(t),Jt))}))}export{Jt as L,Gt as c,Ut as d}

package/dist/lmvz-components/p-775b737d.entry.js

@@ -1 +0,0 @@
-import{g as e,r as a,h as t,H as r}from"./p-smGPjoDX.js";import{R as n,A as s}from"./p-DWVncv6N.js";import{g as i,c as l}from"./p-B3JVFwO1.js";import"./p-qPGwETYT.js";class o{host;elements=[];constructor(e){this.host=e}hostDidRender(){this.host.el.addEventListener("keydown",this.handleKeydown)}updateElements(e){this.elements=e}handleKeydown=e=>{const{key:a}=e;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft"].includes(a))return;const t=i(document),r=this.getNextFocusableElement(t,["ArrowDown","ArrowRight"].includes(a)?"down":"up");r&&(e.preventDefault(),r.focus?.())};getNextFocusableElement(e,a){const{elements:t}=this,r=t.indexOf(e);if(-1===r)return null;let n=null;if("down"===a?n=(r+1)%t.length:"up"===a&&(n=(r-1+t.length)%t.length),null==n)return null;const s=t[n];return l(s)?s:this.getNextFocusableElement(s,a)}}const c=class extends n{get el(){return e(this)}validationEl=this.el;primarySlot;secondarySlot;secondaryNav;keyboardNavigationController=new o(this);get primaryMenuitems(){return this.primarySlot.assignedElements({flatten:!1})}get secondaryMenuitems(){return this.secondarySlot.assignedElements({flatten:!0})}get role(){return"banner"}lmvzActiveNav;get secondarySlotName(){return`connect-nav-${this.lmvzActiveNav}`}constructor(e){super(),a(this,e),this.addController(new s(this,{reValidateOnPropChanges:!0})),this.addController(this.keyboardNavigationController)}handleActiveNavChange(){this.updateElementsActive()}componentDidLoad(){this.primarySlot.addEventListener("slotchange",this.handlePrimaryNavItemsChange.bind(this)),this.handlePrimaryNavItemsChange(),this.secondarySlot.addEventListener("slotchange",this.handleSecondaryNavItemsChange.bind(this)),super.componentDidLoad()}handlePrimaryNavItemsChange(){const e=this.primaryMenuitems;e.length?(e.forEach((e=>{e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-controls","nav-secondary")})),this.updateElementsActive()):console.warn("Primary slot has no assigned elements. Please add navigation items to the primary slot.")}handleSecondaryNavItemsChange(){this.secondaryMenuitems.length&&this.updateKeyboardNavSubjects()}updateKeyboardNavSubjects(){this.keyboardNavigationController.updateElements([...this.primaryMenuitems,...this.secondaryMenuitems])}updateElementsActive(){let e;this.primaryMenuitems.forEach((a=>{const t=a.id===this.lmvzActiveNav;t&&(e=a.textContent||a.id),a.setAttribute("aria-expanded",t?"true":"false")})),this.secondaryNav.setAttribute("aria-label",`Untermenü für ${e}`)}delegateFocus(){const e=this.primaryMenuitems[0];e&&e.focus()}render(){return t(r,{key:"7c257913615a89b9be8f959b4dc43664ee474113",onFocus:this.delegateFocus.bind(this)},t("div",{key:"70f33263e629170d1b19cbfb1a00ca1adbbe91e0",class:"brand"},t("slot",{key:"d9c99c51da3210e5459684e59e66baf1622a8946",name:"brand"},t("lmvz-icon",{key:"18bd0e88032c023d319bc3fac43c2b09d5098893",id:"fallback-logo-lmvz",icon:"Logo",size:"inherit","aria-label":"Lehrmittelverlag Zürich"}))),t("nav",{key:"c56a1e63344e42b1be26fe817705f0265bdb2bcf","aria-label":"Hauptnavigation"},t("div",{key:"fbaebcb4857b0fba7b81cc35ef6092bb98ae89f8",role:"menubar",class:"primary-menubar"},t("slot",{key:"4a408eacbb41fa57d838581c18389241dce0e634",name:"nav-primary",ref:e=>this.primarySlot=e}),t("div",{key:"6229842569958c724478c6aa15adc75b07d8417e",role:"menu",id:"nav-secondary",class:"secondary-menubar",hidden:!this.lmvzActiveNav,ref:e=>this.secondaryNav=e},t("slot",{key:"4dd4278eaa77cfc984e338da6bb1aa7321c6a545",name:this.secondarySlotName,ref:e=>this.secondarySlot=e})))),t("div",{key:"98b7802b0dc2dfe3a7a38bf89ae2b68994734396",class:"actions"},t("slot",{key:"5f7682fe0ad34496b887baab7b19641a86c01acb",name:"actions"})))}static get watchers(){return{lmvzActiveNav:[{handleActiveNavChange:0}]}}};c.style=":host{display:flex;width:100vw;flex-direction:row;align-items:center;box-sizing:border-box;background-color:var(--lmvz-semantic-color-surface-primary, #ffffff);--lmvz-header-x-spacing-level-1:var(--lmvz-dimension-8-28, clamp(0.5rem, 0.2rem + 1.29vw, 1.75rem));--lmvz-header-x-spacing-level-2:var(--lmvz-component-buttongroup-wrapper-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));padding:var(--lmvz-dimension-8-16, clamp(0.5rem, 0.38rem + 0.52vw, 1rem)) var(--lmvz-header-x-spacing-level-1);gap:var(--lmvz-header-x-spacing-level-1);.brand{display:inline-flex;justify-content:center;align-items:center}#fallback-logo-lmvz{height:34px;width:auto}nav{flex-grow:1}.primary-menubar{display:flex;flex-direction:row;align-items:center}.secondary-menubar{display:flex;flex-direction:row;align-items:center;margin-left:var(--lmvz-header-x-spacing-level-2);padding-left:var(--lmvz-header-x-spacing-level-2);border-left:1px solid var(--lmvz-semantic-color-border-default, #e0e0e0)}}";export{c as lmvz_header}

package/dist/lmvz-components/p-qPGwETYT.js

@@ -1 +0,0 @@
-const n=Symbol("__lmvzAriaValidationRuntimeState"),t="lmvz:aria-validation-runtime-changed",a=()=>{const t=globalThis;return t[n]||(t[n]={enabled:!1}),t[n]},o=()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent(t))},i=()=>a().enabled,e=()=>a().verboseLogging??!1,s=(n={})=>{const t=a();t.enabled||(Object.assign(t,n),t.enabled=!0,function(...n){return(async()=>{const n=a();if(!n.enabled)return null;if(n.runtime)return n.runtime;n.loadPromise||(n.loadPromise=import("./p-DJp2UHon.js").catch((()=>null)));const t=await n.loadPromise;return t&&(n.runtime=t),t})().then((t=>{a().enabled&&(t?t.initializeValidationStream(...n):console.warn("Failed to load aria validation runtime"))}))}().then((()=>{o()})))},r=()=>{const n=a();n.enabled&&(n.enabled=!1,o())};function l(...n){const t=a();t.enabled&&t.runtime&&t.runtime.enqueueValidation(...n)}export{t as A,r as d,s as e,i,l as q,e as u}

package/dist/styles/buttons.css

@@ -1 +0,0 @@
-@layer lmvz-ds.reset,lmvz-ds.theme,lmvz-ds.components,lmvz-ds.overrides;@layer lmvz-ds.reset{h1,h2,h3,h4,h5,h6{margin:0}}@layer lmvz-ds.components{button{--lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary));--lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x));--lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y));--lmvz-button-gap: var(--lmvz-component-input-md-gap-x);--lmvz-button-font: var(--lmvz-typography-body-lg);--lmvz-button-radius: var(--lmvz-component-input-radius-default);--lmvz-button-border-width: 0;--lmvz-button-border-color: transparent;--lmvz-button-background: var(--lmvz-semantic-color-int-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--lmvz-button-gap);padding-block:var(--lmvz-button-padding-block);padding-inline:var(--lmvz-button-padding-inline);border-radius:var(--lmvz-button-radius);border:var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);background-color:var(--lmvz-button-background);color:var(--lmvz-button-color);cursor:pointer;font:var(--lmvz-button-font);text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}button>*{font:inherit;color:inherit}button:focus-visible{outline:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-status-selected);outline-offset:var(--lmvz-component-input-sm-padding-x)}button:is([disabled],.disabled){cursor:not-allowed;pointer-events:none;opacity:var(--lmvz-component-input-disabled-opacity)}button:not([disabled]):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover)}button:not([disabled]):active{--lmvz-button-background: var(--lmvz-semantic-color-int-primary-active)}button.secondary{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary);--lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary);--lmvz-button-border-width: var(--lmvz-semantic-border-width-default);--lmvz-button-border-color: var(--lmvz-semantic-color-border-default)}button.secondary:not([disabled],.disabled):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover);--lmvz-button-border-color: var(--lmvz-semantic-color-border-hover)}button.secondary:not([disabled],.disabled):active{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active);--lmvz-button-border-color: var(--lmvz-semantic-color-border-active)}button.tertiary{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary);--lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary)}button.tertiary:not([disabled],.disabled):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover)}button.tertiary:not([disabled],.disabled):active{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active)}button.small{--lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x);--lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y);--lmvz-button-gap: var(--lmvz-component-input-sm-gap-x);--lmvz-button-font: var(--lmvz-typography-body-md)}button.large{--lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x);--lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y);--lmvz-button-gap: var(--lmvz-component-input-lg-gap-x);--lmvz-button-font: var(--lmvz-typography-body-lg)}}