@xplortech/apollo-core 2.11.0 → 2.12.0

package/hydrate/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@xplortech/apollo-core/hydrate",
+  "description": "ApolloCore component hydration app.",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -19,6 +19,11 @@
       "import": "./loader/index.js",
       "require": "./loader/index.cjs"
     },
+    "./hydrate": {
+      "types": "./hydrate/index.d.ts",
+      "import": "./hydrate/index.mjs",
+      "require": "./hydrate/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js"
@@ -31,6 +36,15 @@
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js"
     },
+    "./css/core.css": "./build/core.css",
+    "./css/reset.css": "./build/reset.css",
+    "./css/typography.css": "./build/typography.css",
+    "./css/tailwind-theme.css": "./build/tailwind-theme.css",
+    "./css/variables/apollo.css": "./build/variables/apollo.css",
+    "./css/variables/field-edge.css": "./build/variables/field-edge.css",
+    "./css/vendor/flatpickr.css": "./build/vendor/flatpickr.css",
+    "./css/components/*.css": "./build/components/*.css",
+    "./css/*.css": "./build/*.css",
     "./css/*": "./build/*.css",
     "./dist/*": {
       "import": "./dist/*",
@@ -72,43 +86,49 @@
   ],
   "private": false,
   "scripts": {
-    "build": "npm run clean && npm-run-all build:*",
-    "build:css": "cross-env NODE_ENV=production postcss src/style.css -o build/style.css && npm-run-all build-partial:css.*",
+    "build": "npm run clean && npm-run-all build:css build:stencil",
+    "build:css": "cross-env NODE_ENV=production node scripts/build-css.mjs && npm-run-all build-partial:css.*",
     "build-partial:css.angular": "cp build/style.css ../apollo-angular/css/apollo.css",
     "build-partial:css.react": "cp build/style.css ../apollo-react/css/apollo.css",
-    "build-partial:css.storybook": "cp -r build/ .storybook/build",
     "build-partial:css.vue": "cp build/style.css ../apollo-vue/css/apollo.css",
-    "build:stencil": "node ../../scripts/generate-icon-docs.mjs && stencil build --docs --prod && node ../../scripts/patch-angular-value-accessors.mjs && cp -r dist .storybook && cp -r loader .storybook && node .storybook/patch-stencil-sourcemaps.mjs",
+    "build:stencil": "node ../../scripts/generate-icon-docs.mjs && stencil build --docs --prod && node ../../scripts/patch-angular-value-accessors.mjs && node ../../scripts/patch-stencil-sourcemaps.mjs",
     "postbuild": "node ../../scripts/copy-readmes-to-dist.mjs && node ../../scripts/finalize-apollo-core-cjs.mjs",
-    "clean": "rm -rf dist/ loader/ storybook-static/ www/ build/ src/components/components.d.ts",
-    "dev": "run-p dev:*",
+    "clean": "rm -rf dist/ hydrate/ loader/ storybook-static/ build/ src/components/components.d.ts",
+    "dev": "npm run storybook:dev",
     "dev:angular-patch": "node ../../scripts/patch-angular-value-accessors.mjs --watch",
-    "dev:css": "postcss src/style.css -o build/style.css -w",
-    "dev:stencil": "stencil build --dev --watch --serve",
-    "lint:css": "stylelint 'src/**/*.css'",
-    "lint:css:ci": "stylelint 'src/**/*.css' -q",
+    "dev:css": "node scripts/build-css.mjs --watch",
+    "dev:stencil": "stencil build --dev --watch --esm --docs",
+    "lint:css": "stylelint 'src/**/*.css' --cache --cache-location node_modules/.cache/.stylelintcache",
+    "lint:css:ci": "stylelint 'src/**/*.css' -q --cache --cache-location node_modules/.cache/.stylelintcache",
+    "lint:tokens": "node ../../scripts/verify-tokens.mjs",
     "test:stylelint": "node --test stylelint/patterns.test.mjs",
+    "test:unit": "node --test stylelint/patterns.test.mjs scripts/build-css.test.mjs scripts/verify-css-gates.test.mjs",
+    "test:css-gates": "node scripts/verify-css-gates.mjs --check",
     "stylelint:check-legacy": "node stylelint/check-legacy-files.mjs",
-    "lint": "npm-run-all lint:ts lint:css:ci lint:html lint:js lint:prettier-css test:stylelint",
-    "lint:ts": "eslint src/components/**/*{.ts,.tsx} --no-warn-ignored",
-    "lint:html": "prettier --check src/**/*.html",
-    "lint:js": "prettier --check *{.js,.json}",
-    "lint:prettier-css": "prettier --check \"src/**/*.css\"",
-    "format": "npm run lint:css:ci -- --fix && npm run lint:ts -- --fix && prettier --write *{.js,.json} && prettier --write src/**/*.html && prettier --write \"src/**/*.css\"",
+    "lint": "npm-run-all lint:ts lint:css:ci lint:tokens lint:js lint:prettier-css test:stylelint",
+    "lint:ts": "eslint \"src/components/**/*{.ts,.tsx}\" --no-warn-ignored --cache --cache-location node_modules/.cache/.eslintcache",
+    "lint:js": "prettier --check \"*{.js,.json}\" --cache",
+    "lint:prettier-css": "prettier --check \"src/**/*.css\" --cache",
+    "format": "npm run lint:css:ci -- --fix && npm run lint:ts -- --fix && prettier --write \"*{.js,.json}\" --cache && prettier --write \"src/**/*.css\" --cache",
     "generate:icons": "node ../../scripts/generate-icon-docs.mjs",
     "test": "vitest run --project spec --project spec-dom",
     "test.watch": "vitest --project spec --project spec-dom",
     "test.e2e": "vitest run --project browser",
+    "test.ssr": "vitest run --project ssr-smoke",
     "test.storybook": "vitest run --project storybook",
-    "test.storybook:update": "vitest run --project storybook --update",
+    "test.storybook:update": "npm run build:css && vitest run --project storybook --update",
     "storybook": "npm run storybook:start",
     "storybook:start": "storybook dev -p 9009",
-    "stencil-generate": "stencil generate"
+    "storybook:dev": "run-p dev:stencil dev:css dev:angular-patch storybook:start",
+    "build:storybook": "storybook build --config-dir .storybook --output-dir storybook-static && node ../../scripts/copy-storybook-data-assets.mjs",
+    "stencil-generate": "stencil generate",
+    "typecheck": "tsc --noEmit -p tsconfig.build.json --strict --strictPropertyInitialization false"
   },
   "files": [
     "AGENTS.md",
     "build",
     "dist",
+    "hydrate",
     "loader",
     ".typings"
   ],
@@ -117,46 +137,50 @@
     "@babel/preset-typescript": "^7.24.7",
     "@chromatic-com/storybook": "^4.1.3",
     "@mdx-js/react": "^3.1.1",
+    "@stencil/angular-output-target": "^1.4.1",
     "@stencil/core": "^4.43.5",
-    "@stencil/angular-output-target": "^1.3.2",
-    "@stencil/react-output-target": "1.6.0",
-    "@stencil/vitest": "^1.13.3",
-    "@stencil/vue-output-target": "^0.14.0",
-    "@storybook/addon-a11y": "^10.5.0",
+    "@stencil/react-output-target": "1.6.1",
+    "@stencil/vitest": "^1.14.0",
+    "@stencil/vue-output-target": "^0.14.1",
+    "@storybook/addon-a11y": "^10.5.5",
     "@storybook/addon-designs": "^11.1.4",
-    "@storybook/addon-docs": "^10.5.0",
-    "@storybook/addon-links": "^10.5.0",
-    "@storybook/addon-themes": "^10.5.0",
-    "@storybook/addon-vitest": "^10.5.0",
-    "@storybook/builder-vite": "^10.1.3",
-    "@storybook/web-components-vite": "^10.5.0",
+    "@storybook/addon-docs": "^10.5.5",
+    "@storybook/addon-links": "^10.5.5",
+    "@storybook/addon-themes": "^10.5.5",
+    "@storybook/addon-vitest": "^10.5.5",
+    "@storybook/builder-vite": "^10.5.5",
+    "@storybook/web-components-vite": "^10.5.5",
+    "@tailwindcss/postcss": "^4.3.3",
     "@vitest/browser-playwright": "^4.0.13",
     "@vitest/coverage-v8": "^4.0.13",
     "@vueless/storybook-dark-mode": "^10.0.3",
     "@xplortech/apollo-icons": "0.4.1",
-    "autoprefixer": "^10.4.16",
-    "cross-env": "^7.0.3",
+    "cross-env": "^10.1.0",
     "eslint-plugin-react": "^7.37.5",
     "happy-dom": "^20.10.6",
     "highlight.js": "^11.10.0",
     "lit": "^3.3.2",
     "npm-run-all": "^4.1.5",
     "playwright": "1.59.1",
-    "postcss": "^8.4.23",
+    "postcss": "^8.5.23",
     "postcss-cli": "^8.3.1",
     "postcss-extend-rule": "^4.0.0",
-    "postcss-import": "^16.1.1",
+    "postcss-import": "16.1.1",
+    "postcss-nested": "7.0.2",
     "postcss-pxtorem": "^6.0.0",
     "prettier": "^3.5.3",
     "puppeteer": "^24.8.2",
-    "storybook": "^10.1.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "storybook": "^10.5.5",
     "storybook-addon-tag-badges": "^3.0.2",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^4.3.3",
     "typescript": "^5.5.3",
     "uuid": "^14.0.1",
-    "vite": "^8.1.3",
+    "vite": "^8.2.0",
     "vitest": "^4.1.9",
-    "vitest-plugin-vis": "5.1.0"
+    "vitest-plugin-vis": "5.1.0",
+    "vue": "^3.5.34"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
@@ -183,16 +207,40 @@
       "@xplortech/apollo-data"
     ],
     "targets": {
+      "lint": {
+        "dependsOn": [
+          "@xplortech/apollo-foundation:build"
+        ]
+      },
+      "build:css": {
+        "dependsOn": [
+          "@xplortech/apollo-foundation:build"
+        ]
+      },
+      "test": {
+        "dependsOn": [
+          "@xplortech/apollo-icons:build"
+        ]
+      },
+      "test.ssr": {
+        "dependsOn": [
+          "build",
+          "@xplortech/apollo-icons:build"
+        ]
+      },
+      "typecheck": {
+        "dependsOn": [
+          "build"
+        ]
+      },
       "build": {
         "outputs": [
           "{projectRoot}/build",
           "{projectRoot}/dist",
+          "{projectRoot}/dist/docs.json",
+          "{projectRoot}/hydrate",
           "{projectRoot}/loader",
-          "{projectRoot}/www",
           "{projectRoot}/.typings/apollo-components.html-data.json",
-          "{projectRoot}/.storybook/build",
-          "{projectRoot}/.storybook/dist",
-          "{projectRoot}/.storybook/loader",
           "{projectRoot}/src/components/components.d.ts",
           "{projectRoot}/src/components/components/**/readme.md",
           "{workspaceRoot}/packages/apollo-react/src/components/stencil-generated",
@@ -203,6 +251,15 @@
           "{workspaceRoot}/packages/apollo-angular/src/directives/index.ts",
           "{workspaceRoot}/packages/apollo-angular/css/apollo.css"
         ]
+      },
+      "build:storybook": {
+        "dependsOn": [
+          "build"
+        ],
+        "cache": true,
+        "outputs": [
+          "{projectRoot}/storybook-static"
+        ]
       }
     }
   }

package/dist/apollo-core/p-048fdde0.entry.js

@@ -1 +0,0 @@
-import{r as e,h as c,H as o,g as t}from"./p-CXkZUm1c.js";const n=class{constructor(c){e(this,c),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((c=>{c.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),c=Array.from(e).filter((e=>e.checked)).length,o=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(o)switch(c){case 0:o.checked=!1,o.indeterminate=!1;break;case e.length:o.checked=!0,o.indeterminate=!1;break;default:o.checked=!1,o.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return c(o,{key:"bae6a1bb97a21f3f49792be58fc72941ce5d8bed",class:`xpl-accordion ${{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]}`},c("button",{key:"255fc29fec4cdcc45f8e02daef062f35c5b8b74b","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},c("header",{key:"0e5454de19424b6412b01c50227bc001e6ab5b3a",class:`xpl-accordion-header xpl-accordion-header--size-${this.size}`},c("slot",{key:"438e8876c6c1c1b04282ce4d978284e3d6f7fa9a",name:"heading"},this.header),c("xpl-icon",{key:"055818cbd1606ad560e4fa172c3d1130a6831f5f",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),c("div",{key:"45f9ec5e1b6b4f6d21f7b126972543849353747c",class:"xpl-accordion-description"},c("slot",{key:"af85f48df4ddf572f5bef6da49c852152f44cc06",name:"description"},this.description))),c("section",{key:"fc2c6d12354cb6e972cf82ae988e647ea0a0dc26",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},c("slot",{key:"9fe9c25e6180a84cd73fec1a69984455417dc225",name:"content"})))}get el(){return t(this)}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}};export{n as xpl_accordion}

package/dist/apollo-core/p-0abc496e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e}from"./p-CXkZUm1c.js";const c=class{constructor(s){t(this,s),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((t=>{t.disabled=this.isDisabled}))}render(){return s(e,{key:"17fac4d9214237c1896a136839c79377dc9b3169",role:"row",class:`xpl-dynamic-table-row\n            ${this.isDisabled?"disabled":""}\n            ${this.selected?"selected":""}`,ref:t=>{this.hostElement=t}},s("slot",{key:"7d41f904e2c1fa3dcde2b7652cd2840c6bde3470"}))}};export{c as xpl_dynamic_table_row}

package/dist/apollo-core/p-1442c052.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as l}from"./p-CXkZUm1c.js";const i=class{constructor(a){e(this,a),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let i="xpl-application-shell__nav";return i+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,a(l,{key:"1e7abbb1e45ea9cadfa9528ae2053f8239e69242",class:e},a("div",{key:"5fa3455f3de406db9bf392ae14a515f7fe603d59",class:i},a("slot",{key:"b9ee294553892cc2235f9b2b4c3503d293d56ddc",name:"nav"})),a("div",{key:"dc6ad7c9288385a47e1d6992bef56ceafcd04603",class:"xpl-application-shell__subnav"},a("slot",{key:"b31965275416b556194f4f65e4b66bf72f531779",name:"subnav"})),a("div",{key:"664d58b3ce69d7106ead13fe1a6a7a72cec0cceb",class:"xpl-application-shell__utility"},a("slot",{key:"d44f3614b627099443c70f23f258016a66d42716",name:"utility"})),a("div",{key:"0f8c629b737114fe40ae3bf3d2fbe3d18e3af0b9",class:"xpl-application-shell__content"},a("slot",{key:"814afd80ea91d4b2859e3619e499791f728eb22b",name:"content"})),a("xpl-backdrop",{key:"490bf22787f1920f500f75eabf6a692e545d0ea3",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{i as xpl_application_shell}