@beeq/core 1.12.4 → 1.13.0

package/dist/stencil.config.js

@@ -7,6 +7,7 @@ import { angularOutputTarget as angular } from "@stencil/angular-output-target";
 import { reactOutputTarget as react } from "@stencil/react-output-target";
 import { sass } from "@stencil/sass";
 import { vueOutputTarget as vue } from "@stencil/vue-output-target";
+import { cemAnalyzerPlugin } from "@wc-toolkit/cem-analyzer-plugin/vite";
 import tailwind, { tailwindHMR } from "stencil-tailwind-plugin";
 import tailwindConf from "../../tailwind.config";
 import { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from "./src/tools";
@@ -29,6 +30,11 @@ export const config = {
     tsconfig: resolvePath('./tsconfig.lib.json'),
     globalStyle: resolvePath('./src/global/styles/default.scss'),
     plugins: [
+        cemAnalyzerPlugin({
+            globs: [resolvePath('./src/components/**/*.tsx')],
+            config: resolvePath('./cem.config.mjs'),
+            stencil: true,
+        }),
         sass({
             includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],
             injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/beeq/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'node:path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport type { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { type PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport tailwindConf from '../../tailwind.config';\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/');\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolvePath('../../postcss.config.js'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  tsconfig: resolvePath('./tsconfig.lib.json'),\n  globalStyle: resolvePath('./src/global/styles/default.scss'),\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],\n      injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n      silenceDeprecations: ['import'],\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    // NOTE: enable the standard custom-elements.json output target once it's stable and supports the features we need (e.g. right path in a monorepo, CSS properties, etc.)\n    // { type: 'docs-custom-elements-manifest', file: `beeq/cem/cem.json` },\n    {\n      type: 'dist',\n      copy: [\n        { src: 'global/scripts', dest: 'scripts', warn: true },\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      /* --------------------------- Angular output target -------------------------- */\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      /* -------------------- Angular Standalone output target -------------------- */\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      /* --------------------------- React output target -------------------------- */\n      outDir: resolvePath('../beeq-react/src/'),\n      customElementsDir,\n    }),\n    react({\n      /* ------------------------- React SSR output target ------------------------ */\n      outDir: resolvePath('../beeq-react/ssr'),\n      clientModule: '@beeq/react',\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      /* ---------------------------- Vue output target --------------------------- */\n      componentCorePackage,\n      proxiesFile: resolvePath('../beeq-vue/src/components.ts'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n    strictPort: true,\n  },\n};\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/beeq/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'node:path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport type { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport { cemAnalyzerPlugin } from '@wc-toolkit/cem-analyzer-plugin/vite';\nimport tailwind, { type PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport tailwindConf from '../../tailwind.config';\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/');\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolvePath('../../postcss.config.js'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  tsconfig: resolvePath('./tsconfig.lib.json'),\n  globalStyle: resolvePath('./src/global/styles/default.scss'),\n  plugins: [\n    cemAnalyzerPlugin({\n      globs: [resolvePath('./src/components/**/*.tsx')],\n      config: resolvePath('./cem.config.mjs'),\n      stencil: true,\n    }),\n    sass({\n      includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],\n      injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n      silenceDeprecations: ['import'],\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    // NOTE: enable the standard custom-elements.json output target once it's stable and supports the features we need (e.g. right path in a monorepo, CSS properties, etc.)\n    // { type: 'docs-custom-elements-manifest', file: `beeq/cem/cem.json` },\n    {\n      type: 'dist',\n      copy: [\n        { src: 'global/scripts', dest: 'scripts', warn: true },\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      /* --------------------------- Angular output target -------------------------- */\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      /* -------------------- Angular Standalone output target -------------------- */\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      /* --------------------------- React output target -------------------------- */\n      outDir: resolvePath('../beeq-react/src/'),\n      customElementsDir,\n    }),\n    react({\n      /* ------------------------- React SSR output target ------------------------ */\n      outDir: resolvePath('../beeq-react/ssr'),\n      clientModule: '@beeq/react',\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      /* ---------------------------- Vue output target --------------------------- */\n      componentCorePackage,\n      proxiesFile: resolvePath('../beeq-vue/src/components.ts'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n    strictPort: true,\n  },\n};\n"]}

package/dist/types/components/checkbox/bq-checkbox.d.ts

@@ -39,9 +39,10 @@ import type { EventEmitter } from '../../stencil-public-runtime';
  * @part checkbox - The `<span>` element that renders the custom checked/indeterminate state.
  * @part label - The `<span>` element that holds the text content.
  *
- * @cssprop --bq-checkbox--size - Checkbox size
+ * @cssprop --bq-checkbox--background-color - Checkbox background color
  * @cssprop --bq-checkbox--border-radius - Checkbox border radius
  * @cssprop --bq-checkbox--border-width - Checkbox border width
+ * @cssprop --bq-checkbox--size - Checkbox size
  */
 export declare class BqCheckbox {
     private inputElem;