@cds/core 6.8.0 → 6.9.0
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.
- package/accordion/accordion-header.element.d.ts +4 -2
- package/accordion/accordion-header.element.js +1 -1
- package/accordion/accordion-header.element.js.map +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/custom-elements.json +8 -2
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
|
@@ -28,8 +28,10 @@ import { LitElement } from 'lit';
|
|
|
28
28
|
* @cssprop --font-size
|
|
29
29
|
* @cssprop --font-weight
|
|
30
30
|
* @cssprop --background
|
|
31
|
-
* @cssprop --
|
|
32
|
-
* @cssprop --icon-
|
|
31
|
+
* @cssprop --padding
|
|
32
|
+
* @cssprop --icon-visibility
|
|
33
|
+
* @cssprop --icon-margin
|
|
34
|
+
* @cssprop --box-shadow
|
|
33
35
|
*/
|
|
34
36
|
export declare class CdsAccordionHeader extends LitElement {
|
|
35
37
|
/** @private */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{createId as e,baseStyles as
|
|
1
|
+
import{__decorate as t}from"tslib";import{createId as e,baseStyles as o,state as r}from"@cds/core/internal";import{LitElement as s,html as a}from"lit";import d from"./accordion-header.element.scss.js";class n extends s{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","accordion-header"),this.id||(this.id=e())}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm align:vertical-center wrap:none"><cds-button-expand class="expand-button" .expanded="${this.expanded}" readonly="readonly" action="vertical"></cds-button-expand><div cds-layout="align:stretch"><slot></slot></div></div>`}static get styles(){return[o,d]}}t([r()],n.prototype,"expanded",void 0);export{n as CdsAccordionHeader};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, createId, state } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './accordion-header.element.scss';\n/**\n * Web component accordion to be used inside an accordion\n *\n * ```typescript\n * import '@cds/core/accordion/register.js';\n * ```\n *\n * ```html\n * <cds-accordion>\n * <cds-accordion-panel expanded>\n * <cds-accordion-header>Item 1</cds-accordion-header>\n * <cds-accordion-content>Content 1</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel>\n * <cds-accordion-header>Item 2</cds-accordion-header>\n * <cds-accordion-content>Content 2</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel disabled>\n * <cds-accordion-header>Item 3</cds-accordion-header>\n * <cds-accordion-content>Content 3</cds-accordion-content>\n * </cds-accordion-panel>\n * </cds-accordion>\n * ```\n *\n * @element cds-accordion-header\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --icon-
|
|
1
|
+
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, createId, state } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './accordion-header.element.scss';\n/**\n * Web component accordion to be used inside an accordion\n *\n * ```typescript\n * import '@cds/core/accordion/register.js';\n * ```\n *\n * ```html\n * <cds-accordion>\n * <cds-accordion-panel expanded>\n * <cds-accordion-header>Item 1</cds-accordion-header>\n * <cds-accordion-content>Content 1</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel>\n * <cds-accordion-header>Item 2</cds-accordion-header>\n * <cds-accordion-content>Content 2</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel disabled>\n * <cds-accordion-header>Item 3</cds-accordion-header>\n * <cds-accordion-content>Content 3</cds-accordion-content>\n * </cds-accordion-panel>\n * </cds-accordion>\n * ```\n *\n * @element cds-accordion-header\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --icon-visibility\n * @cssprop --icon-margin\n * @cssprop --box-shadow\n */\nexport class CdsAccordionHeader extends LitElement {\n constructor() {\n super(...arguments);\n /** @private */\n this.expanded = false;\n }\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('slot', 'accordion-header');\n if (!this.id) {\n this.id = createId();\n }\n }\n render() {\n return html `<div class=\"private-host\" cds-layout=\"horizontal gap:sm align:vertical-center wrap:none\">\n <cds-button-expand\n class=\"expand-button\"\n .expanded=${this.expanded}\n readonly\n action=\"vertical\"\n ></cds-button-expand>\n <div cds-layout=\"align:stretch\"><slot></slot></div>\n </div>`;\n }\n static get styles() {\n return [baseStyles, styles];\n }\n}\n__decorate([\n state()\n], CdsAccordionHeader.prototype, \"expanded\", void 0);\n"],"names":["CdsAccordionHeader","LitElement","constructor","super","this","expanded","connectedCallback","setAttribute","id","createId","render","html","styles","baseStyles","__decorate","state","prototype"],"mappings":"yMA2CO,MAAMA,UAA2BC,EACpCC,cACIC,oBAEAC,KAAKC,UAAW,EAEpBC,oBACIH,MAAMG,oBACNF,KAAKG,aAAa,OAAQ,oBACrBH,KAAKI,KACNJ,KAAKI,GAAKC,KAGlBC,SACI,OAAOC,CAAK,gJAGAP,KAAKC,gIAOVO,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACDf,EAAmBgB,UAAW,gBAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff))}`;export{a as default};
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));--box-shadow:0;--icon-visibility:visible;--icon-margin:0;cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color);box-shadow:var(--box-shadow)}.expand-button{visibility:var(--icon-visibility);margin:var(--icon-margin)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff))}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.scss.js.map
|
package/custom-elements.json
CHANGED
|
@@ -66,10 +66,16 @@
|
|
|
66
66
|
"name": "--background"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
|
-
"name": "--
|
|
69
|
+
"name": "--padding"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "--icon-visibility"
|
|
70
73
|
},
|
|
71
74
|
{
|
|
72
|
-
"name": "--icon-
|
|
75
|
+
"name": "--icon-margin"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "--box-shadow"
|
|
73
79
|
}
|
|
74
80
|
],
|
|
75
81
|
"members": [
|
package/internal/utils/global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.
|
|
1
|
+
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.9.0";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
|
|
2
2
|
//# sourceMappingURL=global.js.map
|
package/package.json
CHANGED