@cds/core 5.6.4 → 5.7.2

package/datalist/datalist.element.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as t,querySlot as s}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as i}from"@cds/core/icon/icon.service.js";import{angleIcon as l}from"@cds/core/icon/shapes/angle.js";import n from"./datalist.global.scss.js";class a extends e{constructor(){super(),this.globalStyles=n,i.addIcons(l)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([t()],a.prototype,"globalStyles",void 0),o([s("datalist",{required:"error"})],a.prototype,"datalistControl",void 0);export{a as CdsDatalist};
+import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as t,querySlot as s}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as i}from"@cds/core/icon/icon.service.js";import{angleIcon as l}from"@cds/core/icon/shapes/angle.js";import n from"./datalist.global.scss.js";class a extends e{constructor(){super();this.globalStyles=n,i.addIcons(l)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([t()],a.prototype,"globalStyles",void 0),o([s("datalist",{required:"error"})],a.prototype,"datalistControl",void 0);export{a as CdsDatalist};
 //# sourceMappingURL=datalist.element.js.map

package/datalist/datalist.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"datalist.element.js","sources":["../../../src/datalist/datalist.element.ts"],"sourcesContent":null,"names":["CdsDatalist","CdsControl","[object Object]","super","this","globalStyles","styles","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype","querySlot","required"],"mappings":"2XA8CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,aAAeC,EACpBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,oHAEhBL,oBACI,MAAO,IAAIH,MAAMG,OAAQM,IAGjCC,EAAW,CACPC,KACDd,EAAYe,UAAW,oBAAgB,GAC1CF,EAAW,CACPG,EAAU,WAAY,CAAEC,SAAU,WACnCjB,EAAYe,UAAW,uBAAmB"}
+{"version":3,"file":"datalist.element.js","sources":["../../../src/datalist/datalist.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html } from 'lit';\nimport { querySlot, globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport styles from './datalist.global.scss';\n/**\n * Datalist\n *\n * ```typescript\n * import '@cds/core/datalist/register.js';\n * ```\n *\n * ```html\n * <cds-datalist>\n *   <label>datalist</label>\n *   <input type=\"text\" />\n *   <datalist>\n *     <option value=\"item 1\"></option>\n *     <option value=\"item 2\"></option>\n *     <option value=\"item 3\"></option>\n *   </datalist>\n *   <cds-control-message>message text</cds-control-message>\n * </cds-datalist>\n * ```\n *\n * @element cds-datalist\n * @slot - For projecting input, datalist and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsDatalist extends CdsControl {\n    constructor() {\n        super();\n        this.globalStyles = styles;\n        ClarityIcons.addIcons(angleIcon);\n    }\n    get suffixDefaultTemplate() {\n        return html `<cds-control-action readonly><cds-icon shape=\"angle\" direction=\"down\"></cds-icon></cds-control-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n}\n__decorate([\n    globalStyle()\n], CdsDatalist.prototype, \"globalStyles\", void 0);\n__decorate([\n    querySlot('datalist', { required: 'error' })\n], CdsDatalist.prototype, \"datalistControl\", void 0);\n"],"names":["CdsDatalist","CdsControl","constructor","super","this","globalStyles","styles","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype","querySlot","required"],"mappings":"2XA8CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,aAAeC,EACpBC,EAAaC,SAASC,GAEtBC,4BACA,OAAOC,CAAK,oHAELL,oBACP,MAAO,IAAIH,MAAMG,OAAQM,IAGjCC,EAAW,CACPC,KACDd,EAAYe,UAAW,oBAAgB,GAC1CF,EAAW,CACPG,EAAU,WAAY,CAAEC,SAAU,WACnCjB,EAAYe,UAAW,uBAAmB"}

package/datalist/datalist.global.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var i=t`cds-datalist input::-webkit-calendar-picker-indicator{opacity:0;cursor:text}`;export default i;
+import{css as t}from"lit";var a=t`cds-datalist input::-webkit-calendar-picker-indicator{opacity:0;cursor:text}`;export{a as default};
 //# sourceMappingURL=datalist.global.scss.js.map

package/datalist/datalist.global.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"datalist.global.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"datalist.global.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/datalist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/datalist/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/datalist/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsDatalist"],"mappings":"sLASAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/datalist/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsDatalist } from './datalist.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-datalist', CdsDatalist);\n"],"names":["registerElementSafely","CdsDatalist"],"mappings":"sLASAA,EAAsB,eAAgBC"}

package/date/date.element.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as s}from"@cds/core/internal";import{CdsControl as t}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{calendarIcon as i}from"@cds/core/icon/shapes/calendar.js";import l from"./date.global.scss.js";class n extends t{constructor(){super(),this.globalStyles=l,e.addIcons(i)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="calendar"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([s()],n.prototype,"globalStyles",void 0);export{n as CdsDate};
+import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as s}from"@cds/core/internal";import{CdsControl as t}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{calendarIcon as i}from"@cds/core/icon/shapes/calendar.js";import l from"./date.global.scss.js";class n extends t{constructor(){super();this.globalStyles=l,e.addIcons(i)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="calendar"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([s()],n.prototype,"globalStyles",void 0);export{n as CdsDate};
 //# sourceMappingURL=date.element.js.map

package/date/date.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.element.js","sources":["../../../src/date/date.element.ts"],"sourcesContent":null,"names":["CdsDate","CdsControl","[object Object]","super","this","globalStyles","styles","ClarityIcons","addIcons","calendarIcon","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype"],"mappings":"8WA+BO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,aAAeC,EACpBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,sGAEhBL,oBACI,MAAO,IAAIH,MAAMG,OAAQM,IAGjCC,EAAW,CACPC,KACDd,EAAQe,UAAW,oBAAgB"}
+{"version":3,"file":"date.element.js","sources":["../../../src/date/date.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html } from 'lit';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { calendarIcon } from '@cds/core/icon/shapes/calendar.js';\nimport styles from './date.global.scss';\n/**\n * Date\n *\n * ```typescript\n * import '@cds/core/date/register.js';\n * ```\n *\n * ```html\n * <cds-date>\n *   <label>Date</label>\n *   <input type=\"date\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-date>\n * ```\n *\n * @element cds-date\n * @slot - For projecting date input and label\n */\nexport class CdsDate extends CdsControl {\n    constructor() {\n        super();\n        this.globalStyles = styles;\n        ClarityIcons.addIcons(calendarIcon);\n    }\n    get suffixDefaultTemplate() {\n        return html `<cds-control-action readonly><cds-icon shape=\"calendar\"></cds-icon></cds-control-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n}\n__decorate([\n    globalStyle()\n], CdsDate.prototype, \"globalStyles\", void 0);\n"],"names":["CdsDate","CdsControl","constructor","super","this","globalStyles","styles","ClarityIcons","addIcons","calendarIcon","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype"],"mappings":"8WA+BO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,aAAeC,EACpBC,EAAaC,SAASC,GAEtBC,4BACA,OAAOC,CAAK,sGAELL,oBACP,MAAO,IAAIH,MAAMG,OAAQM,IAGjCC,EAAW,CACPC,KACDd,EAAQe,UAAW,oBAAgB"}

package/date/date.global.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var c=a`input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*-1);right:calc(var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))*-1);bottom:calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*-1);width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));height:auto;color:transparent;background:0 0;z-index:99;margin:0}`;export default c;
+import{css as a}from"lit";var c=a`input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:calc(var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem))*-1);right:calc(var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))*-1);bottom:calc(var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem))*-1);width:calc(var(--cds-global-space-8,calc(18 / var(--cds-global-base,20) * 1rem)) + var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)));height:auto;color:transparent;background:0 0;z-index:99;margin:0}`;export{c as default};
 //# sourceMappingURL=date.global.scss.js.map

package/date/date.global.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.global.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"date.global.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/date/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/date/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsDate"],"mappings":"8KASAA,EAAsB,WAAYC"}
+{"version":3,"file":"register.js","sources":["../../../src/date/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsDate } from './date.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-date', CdsDate);\n"],"names":["registerElementSafely","CdsDate"],"mappings":"8KASAA,EAAsB,WAAYC"}

package/divider/divider.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as r,property as o}from"@cds/core/internal";import{LitElement as i,html as e}from"lit";import s from"./divider.element.scss.js";class n extends i{constructor(){super(...arguments),this.orientation="horizontal"}render(){return e`<div class="private-host" role="separator" aria-orientation="${this.orientation}"></div>`}static get styles(){return[r,s]}}t([o({type:String})],n.prototype,"orientation",void 0);export{n as CdsDivider};
+import{__decorate as t}from"tslib";import{baseStyles as r,property as o}from"@cds/core/internal";import{LitElement as i,html as e}from"lit";import s from"./divider.element.scss.js";class n extends i{constructor(){super(...arguments);this.orientation="horizontal"}render(){return e`<div class="private-host" role="separator" aria-orientation="${this.orientation}"></div>`}static get styles(){return[r,s]}}t([o({type:String})],n.prototype,"orientation",void 0);export{n as CdsDivider};
 //# sourceMappingURL=divider.element.js.map

package/divider/divider.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.element.js","sources":["../../../src/divider/divider.element.ts"],"sourcesContent":null,"names":["CdsDivider","LitElement","[object Object]","super","arguments","this","orientation","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"qLA0BO,MAAMA,UAAmBC,EAC5BC,cACIC,SAASC,WACTC,KAAKC,YAAc,aAEvBJ,SACI,OAAOK,CAAK,gEAAgEF,KAAKC,sBAErFE,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAWc,UAAW,mBAAe"}
+{"version":3,"file":"divider.element.js","sources":["../../../src/divider/divider.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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, property } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './divider.element.scss';\n/**\n * Dividers are a convenient way to place lined dividers or \"rules\"\n * between blocks of content.\n *\n * ```typescript\n * import '@cds/core/divider/register.js';\n * ```\n *\n * ```html\n * <cds-divider></cds-divider>\n * ```\n * @beta\n * @element cds-divider\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsDivider extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.orientation = 'horizontal';\n    }\n    render() {\n        return html `<div class=\"private-host\" role=\"separator\" aria-orientation=\"${this.orientation}\"></div>`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsDivider.prototype, \"orientation\", void 0);\n"],"names":["CdsDivider","LitElement","constructor","super","this","orientation","render","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"qLA0BO,MAAMA,UAAmBC,EAC5BC,cACIC,oBACAC,KAAKC,YAAc,aAEvBC,SACI,OAAOC,CAAK,gEAAgEH,KAAKC,sBAE1EG,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAWc,UAAW,mBAAe"}

package/divider/divider.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var a=r`:host{--color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--size:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--padding:0;display:block;width:100%;padding:var(--padding)}.private-host{height:var(--size);background:var(--color)}:host([orientation=vertical]){align-self:stretch;height:inherit;width:var(--size)}:host([orientation*=vertical]) .private-host{height:100%;width:var(--size)}`;export default a;
+import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--size:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem));--padding:0;display:block;width:100%;padding:var(--padding)}.private-host{height:var(--size);background:var(--color)}:host([orientation=vertical]){align-self:stretch;height:inherit;width:var(--size)}:host([orientation*=vertical]) .private-host{height:100%;width:var(--size)}`;export{r as default};
 //# sourceMappingURL=divider.element.scss.js.map

package/divider/divider.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"divider.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/divider/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/divider/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsDivider"],"mappings":"6GAOAA,EAAsB,cAAeC"}
+{"version":3,"file":"register.js","sources":["../../../src/divider/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsDivider } from './divider.element.js';\nregisterElementSafely('cds-divider', CdsDivider);\n"],"names":["registerElementSafely","CdsDivider"],"mappings":"6GAOAA,EAAsB,cAAeC"}

package/file/file.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as i}from"lit";import{I18nService as e,i18n as s,state as o}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{ClarityIcons as n}from"@cds/core/icon/icon.service.js";import{folderIcon as l}from"@cds/core/icon/shapes/folder.js";import{timesIcon as c}from"@cds/core/icon/shapes/times.js";import d from"./file.element.scss.js";class a extends r{constructor(){super(),this.i18n=e.keys.file,this.buttonLabel=this.i18n.browse,this.fixedControlWidth=!0,this.supportsPrefixSuffixActions=!1,n.addIcons(l,c)}static get styles(){return[...super.styles,d]}get inputTemplate(){return i`<div><cds-button size="sm" action="outline" @click="${()=>this.label.click()}" ?disabled="${this.disabled}"><cds-icon shape="folder" aria-hidden="true"></cds-icon><span>${this.buttonLabel}</span></cds-button>${this.clearFilesControlTemplate}</div>`}get clearFilesControlTemplate(){var t;return(null===(t=this.inputControl.files)||void 0===t?void 0:t.length)&&!this.disabled?i`<cds-control-action @click="${()=>this.clearFiles()}" aria-label="${this.i18n.removeFile}"><cds-icon shape="times"></cds-icon></cds-control-action>`:i``}firstUpdated(t){super.firstUpdated(t),this.inputControl.addEventListener("change",(t=>{t.isTrusted&&this.updateLabelAndFocus(t.target.files)}))}clearFiles(t=!0){var i;this.buttonLabel=this.i18n.browse,this.inputControl.value="",t&&this.inputControl.dispatchEvent&&this.inputControl.dispatchEvent(new Event("change"));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("cds-button");e&&e.focus()}updateLabelAndFocus(t){t&&t.length?this.buttonLabel=t.length>1?`${t.length} ${this.i18n.files}`:t[0].name:this.clearFiles(!1)}}t([s()],a.prototype,"i18n",void 0),t([o()],a.prototype,"buttonLabel",void 0),t([o()],a.prototype,"fixedControlWidth",void 0),t([o()],a.prototype,"supportsPrefixSuffixActions",void 0);export{a as CdsFile};
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{I18nService as e,i18n as s,state as o}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{ClarityIcons as n}from"@cds/core/icon/icon.service.js";import{folderIcon as l}from"@cds/core/icon/shapes/folder.js";import{timesIcon as c}from"@cds/core/icon/shapes/times.js";import d from"./file.element.scss.js";class a extends r{constructor(){super();this.i18n=e.keys.file,this.buttonLabel=this.i18n.browse,this.fixedControlWidth=!0,this.supportsPrefixSuffixActions=!1,n.addIcons(l,c)}static get styles(){return[...super.styles,d]}get inputTemplate(){return i`<div><cds-button size="sm" action="outline" @click="${()=>this.label.click()}" ?disabled="${this.disabled}"><cds-icon shape="folder" aria-hidden="true"></cds-icon><span>${this.buttonLabel}</span></cds-button>${this.clearFilesControlTemplate}</div>`}get clearFilesControlTemplate(){var t;return(null===(t=this.inputControl.files)||void 0===t?void 0:t.length)&&!this.disabled?i`<cds-control-action @click="${()=>this.clearFiles()}" aria-label="${this.i18n.removeFile}"><cds-icon shape="times"></cds-icon></cds-control-action>`:i``}firstUpdated(t){super.firstUpdated(t),this.inputControl.addEventListener("change",(t=>{t.isTrusted&&this.updateLabelAndFocus(t.target.files)}))}clearFiles(t=!0){var i;this.buttonLabel=this.i18n.browse,this.inputControl.value="",t&&this.inputControl.dispatchEvent&&this.inputControl.dispatchEvent(new Event("change"));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("cds-button");e&&e.focus()}updateLabelAndFocus(t){t&&t.length?this.buttonLabel=t.length>1?`${t.length} ${this.i18n.files}`:t[0].name:this.clearFiles(!1)}}t([s()],a.prototype,"i18n",void 0),t([o()],a.prototype,"buttonLabel",void 0),t([o()],a.prototype,"fixedControlWidth",void 0),t([o()],a.prototype,"supportsPrefixSuffixActions",void 0);export{a as CdsFile};
 //# sourceMappingURL=file.element.js.map

package/file/file.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.element.js","sources":["../../../src/file/file.element.ts"],"sourcesContent":null,"names":["CdsFile","CdsControl","[object Object]","super","this","i18n","I18nService","keys","file","buttonLabel","browse","fixedControlWidth","supportsPrefixSuffixActions","ClarityIcons","addIcons","folderIcon","timesIcon","styles","inputTemplate","html","label","click","disabled","clearFilesControlTemplate","_a","inputControl","files","length","clearFiles","removeFile","props","firstUpdated","addEventListener","e","isTrusted","updateLabelAndFocus","target","fireEvent","value","dispatchEvent","Event","browseButton","shadowRoot","querySelector","focus","name","__decorate","prototype","state"],"mappings":"6YA+BO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,KAAOC,EAAYC,KAAKC,KAC7BJ,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKO,mBAAoB,EACzBP,KAAKQ,6BAA8B,EACnCC,EAAaC,SAASC,EAAYC,GAEtCC,oBACI,MAAO,IAAId,MAAMc,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,uDAEqC,IAAMf,KAAKgB,MAAMC,uBAAsBjB,KAAKkB,0EAEnFlB,KAAKK,kCAEbL,KAAKmB,kCAIXA,gCACI,IAAIC,EACJ,OAA2C,QAAlCA,EAAKpB,KAAKqB,aAAaC,aAA0B,IAAPF,OAAgB,EAASA,EAAGG,UAAYvB,KAAKkB,SAC1FH,CAAK,+BAAgC,IAAMf,KAAKwB,6BAA6BxB,KAAKC,KAAKwB,uEAGvFV,CAAK,GAEfjB,aAAa4B,GACT3B,MAAM4B,aAAaD,GACnB1B,KAAKqB,aAAaO,iBAAiB,UAAUC,IAGrCA,EAAEC,WACF9B,KAAK+B,oBAAoBF,EAAEG,OAAOV,UAK9CxB,WAAWmC,GAAY,GACnB,IAAIb,EACJpB,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKqB,aAAaa,MAAQ,GAGtBD,GAAajC,KAAKqB,aAAac,eAC/BnC,KAAKqB,aAAac,cAAc,IAAIC,MAAM,WAE9C,MAAMC,EAA0C,QAA1BjB,EAAKpB,KAAKsC,kBAA+B,IAAPlB,OAAgB,EAASA,EAAGmB,cAAc,cAC9FF,GACAA,EAAaG,QAIrB1C,oBAAoBwB,GACZA,GAASA,EAAMC,OACfvB,KAAKK,YAAciB,EAAMC,OAAS,EAAI,GAAGD,EAAMC,UAAUvB,KAAKC,KAAKqB,QAAUA,EAAM,GAAGmB,KAGtFzC,KAAKwB,YAAW,IAI5BkB,EAAW,CACPzC,KACDL,EAAQ+C,UAAW,YAAQ,GAC9BD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,mBAAe,GACrCD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,yBAAqB,GAC3CD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,mCAA+B"}
+{"version":3,"file":"file.element.js","sources":["../../../src/file/file.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html } from 'lit';\nimport { state, i18n, I18nService } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { folderIcon } from '@cds/core/icon/shapes/folder.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport styles from './file.element.scss';\n/**\n * Time Input\n *\n * ```typescript\n * import '@cds/core/file/register.js';\n * ```\n *\n * ```html\n * <cds-file>\n *   <label>file</label>\n *   <input type=\"file\" />\n * </cds-file>\n * ```\n *\n * @element cds-file\n * @slot - For projecting file input and label\n */\nexport class CdsFile extends CdsControl {\n    constructor() {\n        super();\n        this.i18n = I18nService.keys.file;\n        this.buttonLabel = this.i18n.browse;\n        this.fixedControlWidth = true;\n        this.supportsPrefixSuffixActions = false;\n        ClarityIcons.addIcons(folderIcon, timesIcon);\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    get inputTemplate() {\n        return html `\n      <div>\n        <cds-button size=\"sm\" action=\"outline\" @click=\"${() => this.label.click()}\" ?disabled=${this.disabled}>\n          <cds-icon shape=\"folder\" aria-hidden=\"true\"></cds-icon>\n          <span>${this.buttonLabel}</span>\n        </cds-button>\n        ${this.clearFilesControlTemplate}\n      </div>\n    `;\n    }\n    get clearFilesControlTemplate() {\n        var _a;\n        return ((_a = this.inputControl.files) === null || _a === void 0 ? void 0 : _a.length) && !this.disabled\n            ? html ` <cds-control-action @click=\"${() => this.clearFiles()}\" aria-label=\"${this.i18n.removeFile}\">\n          <cds-icon shape=\"times\"></cds-icon>\n        </cds-control-action>`\n            : html ``;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.inputControl.addEventListener('change', e => {\n            // NOTE: have to distinguish here being user-caused events and programmatic\n            // events (e.isTrusted true/false) so that we don't fire a change event loop\n            if (e.isTrusted) {\n                this.updateLabelAndFocus(e.target.files);\n            }\n        });\n    }\n    /** @private */\n    clearFiles(fireEvent = true) {\n        var _a;\n        this.buttonLabel = this.i18n.browse;\n        this.inputControl.value = '';\n        // when input is reset like this it isn't registering an onchange event\n        // NOTE: tsc + karma is complaining about dispatchEvent being a method on inputControl\n        if (fireEvent && this.inputControl.dispatchEvent) {\n            this.inputControl.dispatchEvent(new Event('change'));\n        }\n        const browseButton = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cds-button');\n        if (browseButton) {\n            browseButton.focus();\n        }\n    }\n    /** @private */\n    updateLabelAndFocus(files) {\n        if (files && files.length) {\n            this.buttonLabel = files.length > 1 ? `${files.length} ${this.i18n.files}` : files[0].name;\n        }\n        else {\n            this.clearFiles(false);\n        }\n    }\n}\n__decorate([\n    i18n()\n], CdsFile.prototype, \"i18n\", void 0);\n__decorate([\n    state()\n], CdsFile.prototype, \"buttonLabel\", void 0);\n__decorate([\n    state()\n], CdsFile.prototype, \"fixedControlWidth\", void 0);\n__decorate([\n    state()\n], CdsFile.prototype, \"supportsPrefixSuffixActions\", void 0);\n"],"names":["CdsFile","CdsControl","constructor","super","this","i18n","I18nService","keys","file","buttonLabel","browse","fixedControlWidth","supportsPrefixSuffixActions","ClarityIcons","addIcons","folderIcon","timesIcon","styles","inputTemplate","html","label","click","disabled","clearFilesControlTemplate","_a","inputControl","files","length","clearFiles","removeFile","firstUpdated","props","addEventListener","e","isTrusted","updateLabelAndFocus","target","fireEvent","value","dispatchEvent","Event","browseButton","shadowRoot","querySelector","focus","name","__decorate","prototype","state"],"mappings":"6YA8BO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,KAAOC,EAAYC,KAAKC,KAC7BJ,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKO,mBAAoB,EACzBP,KAAKQ,6BAA8B,EACnCC,EAAaC,SAASC,EAAYC,GAE3BC,oBACP,MAAO,IAAId,MAAMc,OAAQA,GAEzBC,oBACA,OAAOC,CAAK,uDAEqC,IAAMf,KAAKgB,MAAMC,uBAAsBjB,KAAKkB,0EAEnFlB,KAAKK,kCAEbL,KAAKmB,kCAIPA,gCACA,IAAIC,EACJ,OAA2C,QAAlCA,EAAKpB,KAAKqB,aAAaC,aAA0B,IAAPF,OAAgB,EAASA,EAAGG,UAAYvB,KAAKkB,SAC1FH,CAAK,+BAAgC,IAAMf,KAAKwB,6BAA6BxB,KAAKC,KAAKwB,uEAGvFV,CAAK,GAEfW,aAAaC,GACT5B,MAAM2B,aAAaC,GACnB3B,KAAKqB,aAAaO,iBAAiB,UAAUC,IAGrCA,EAAEC,WACF9B,KAAK+B,oBAAoBF,EAAEG,OAAOV,UAK9CE,WAAWS,GAAY,GACnB,IAAIb,EACJpB,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKqB,aAAaa,MAAQ,GAGtBD,GAAajC,KAAKqB,aAAac,eAC/BnC,KAAKqB,aAAac,cAAc,IAAIC,MAAM,WAE9C,MAAMC,EAA0C,QAA1BjB,EAAKpB,KAAKsC,kBAA+B,IAAPlB,OAAgB,EAASA,EAAGmB,cAAc,cAC9FF,GACAA,EAAaG,QAIrBT,oBAAoBT,GACZA,GAASA,EAAMC,OACfvB,KAAKK,YAAciB,EAAMC,OAAS,EAAI,GAAGD,EAAMC,UAAUvB,KAAKC,KAAKqB,QAAUA,EAAM,GAAGmB,KAGtFzC,KAAKwB,YAAW,IAI5BkB,EAAW,CACPzC,KACDL,EAAQ+C,UAAW,YAAQ,GAC9BD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,mBAAe,GACrCD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,yBAAqB,GAC3CD,EAAW,CACPE,KACDhD,EAAQ+C,UAAW,mCAA+B"}

package/file/file.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var l=a`:host{--control-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}::slotted(input){display:none!important}.input-container{min-width:initial}cds-button span{overflow:hidden;text-overflow:ellipsis;padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0;max-width:var(--control-width)}`;export default l;
+import{css as a}from"lit";var l=a`:host{--control-width:calc(var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem)) * 2)}::slotted(input){display:none!important}.input-container{min-width:initial}cds-button span{overflow:hidden;text-overflow:ellipsis;padding:var(--cds-global-space-4,calc(6 / var(--cds-global-base,20) * 1rem)) 0;max-width:var(--control-width)}`;export{l as default};
 //# sourceMappingURL=file.element.scss.js.map

package/file/file.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"file.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/file/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/file/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/file/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsFile"],"mappings":"mNAUAA,EAAsB,WAAYC"}
+{"version":3,"file":"register.js","sources":["../../../src/file/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsFile } from './file.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/button/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-file', CdsFile);\n"],"names":["registerElementSafely","CdsFile"],"mappings":"mNAUAA,EAAsB,WAAYC"}

package/forms/control/control.element.js

@@ -1,6 +1,6 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{query as i}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as d,childrenUpdateComplete as u,pxToRem as p,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as v,event as g}from"@cds/core/internal";import m from"./control.element.scss.js";import{syncHTML5Validation as b}from"../utils/validate.js";import{defaultControlWidth as L,defaultFormLayout as x,getStatusIcon as C,associateInputAndLabel as A,associateInputToDatalist as T,getCurrentMessageStatus as $,controlIsWrapped as S,formLayouts as I}from"../utils/index.js";var k;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(k||(k={}));class w extends e{constructor(){super(...arguments),this.status="neutral",this.controlWidth=L,this.validate=!1,this.responsive=!0,this._layout=x,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=k.default,this.observers=[]}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):x,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,m]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==k.inputGroup&&("error"===this.status||"success"===this.status)}render(){var t;return s`${this.labelLayout===k.hiddenLabel||this.labelLayout===k.inputGroup?s`<span cds-layout="display:screen-reader-only"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:sm":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
+import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{query as i}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as d,childrenUpdateComplete as u,pxToRem as p,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as v,event as g}from"@cds/core/internal";import m from"./control.element.scss.js";import{syncHTML5Validation as b}from"../utils/validate.js";import{defaultControlWidth as L,defaultFormLayout as x,getStatusIcon as C,associateInputAndLabel as A,associateInputToDatalist as T,getCurrentMessageStatus as $,controlIsWrapped as S,formLayouts as I}from"../utils/index.js";var k;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(k||(k={}));class w extends e{constructor(){super(...arguments);this.status="neutral",this.controlWidth=L,this.validate=!1,this.responsive=!0,this._layout=x,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=k.default,this.observers=[]}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):x,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,m]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==k.inputGroup&&("error"===this.status||"success"===this.status)}render(){var t;return s`${this.labelLayout===k.hiddenLabel||this.labelLayout===k.inputGroup?s`<span cds-layout="display:screen-reader-only"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:sm":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
           wrap:none
           ${"compact"===this.layout?"horizontal":"vertical"}
           ${"stretch"!==this.controlWidth||this.fixedControlWidth?"":"align:horizontal-stretch"}
-          ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:sm":""}"><div cds-layout="horizontal gap:sm wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?C(this.status):""}</div>${this.messagesTemplate}<slot name="datalist" @slotchange="${()=>this.associateInputToDatalist()}"></slot></div></div>`}get inputTemplate(){return s``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return s`${this.labelLayout===k.default?s`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return s`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}associateInputAndLabel(){A(this.inputControl,this.label)}associateInputToDatalist(){T(this.inputControl,this.datalistControl)}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),$(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(d(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),d(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),d(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){var t,e;!(null===(e=null===(t=this.inputControl)||void 0===t?void 0:t.form)||void 0===e?void 0:e.noValidate)&&this.validate&&b(this,Array.from(this.messages))}async setActionOffsetPadding(){var t,e;const s=null===(t=this.prefixAction)||void 0===t?void 0:t.updateComplete,i=null===(e=this.suffixAction)||void 0===e?void 0:e.updateComplete;if(await s||Promise.resolve(!0),await i||Promise.resolve(!0),await u(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=p(this.prefixAction.getBoundingClientRect().width+6),e=p(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==k.default||!S(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===k.default&&this.controlLabel){const t={layouts:I,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){var t,e;(null===(e=null===(t=this.label)||void 0===t?void 0:t.getAttribute("cds-layout"))||void 0===e?void 0:e.includes("display:screen-reader-only"))&&(this.labelLayout=k.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=k.ariaLabel)}assignSlotIfInControlGroup(){var t;(null===(t=this.parentElement)||void 0===t?void 0:t.hasAttribute("cds-control-group"))&&this.setAttribute("slot","controls")}}t([c({type:String})],w.prototype,"status",void 0),t([c({type:String})],w.prototype,"controlWidth",void 0),t([c({type:Boolean})],w.prototype,"validate",void 0),t([c({type:Boolean})],w.prototype,"responsive",void 0),t([c({type:String})],w.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],w.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),t([y()],w.prototype,"fixedControlWidth",void 0),t([y()],w.prototype,"supportsPrefixSuffixActions",void 0),t([y()],w.prototype,"isRTL",null),t([y()],w.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],w.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],w.prototype,"label",void 0),t([i("cds-internal-control-label[action=primary]")],w.prototype,"controlLabel",void 0),t([f("datalist",{assign:"datalist"})],w.prototype,"datalistControl",void 0),t([v("cds-control-message")],w.prototype,"messages",void 0),t([v("cds-control-action")],w.prototype,"controlActions",void 0),t([i(".prefix")],w.prototype,"prefixAction",void 0),t([i(".suffix")],w.prototype,"suffixAction",void 0),t([i(".messages")],w.prototype,"messageSlot",void 0),t([g()],w.prototype,"layoutChange",void 0);export{w as CdsControl,k as ControlLabelLayout};
+          ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:sm":""}"><div cds-layout="horizontal gap:sm wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?C(this.status):""}</div>${this.messagesTemplate}<slot name="datalist" @slotchange="${()=>this.associateInputToDatalist()}"></slot></div></div>`}get inputTemplate(){return s``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return s`${this.labelLayout===k.default?s`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return s`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>null==t?void 0:t.disconnect()))}associateInputAndLabel(){A(this.inputControl,this.label)}associateInputToDatalist(){T(this.inputControl,this.datalistControl)}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),$(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(d(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),d(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),d(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){var t,e;!(null===(e=null===(t=this.inputControl)||void 0===t?void 0:t.form)||void 0===e?void 0:e.noValidate)&&this.validate&&b(this,Array.from(this.messages))}async setActionOffsetPadding(){var t,e;const s=null===(t=this.prefixAction)||void 0===t?void 0:t.updateComplete,i=null===(e=this.suffixAction)||void 0===e?void 0:e.updateComplete;if(await s||Promise.resolve(!0),await i||Promise.resolve(!0),await u(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=p(this.prefixAction.getBoundingClientRect().width+6),e=p(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==k.default||!S(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===k.default&&this.controlLabel){const t={layouts:I,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){var t,e;(null===(e=null===(t=this.label)||void 0===t?void 0:t.getAttribute("cds-layout"))||void 0===e?void 0:e.includes("display:screen-reader-only"))&&(this.labelLayout=k.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=k.ariaLabel)}assignSlotIfInControlGroup(){var t;(null===(t=this.parentElement)||void 0===t?void 0:t.hasAttribute("cds-control-group"))&&this.setAttribute("slot","controls")}}t([c({type:String})],w.prototype,"status",void 0),t([c({type:String})],w.prototype,"controlWidth",void 0),t([c({type:Boolean})],w.prototype,"validate",void 0),t([c({type:Boolean})],w.prototype,"responsive",void 0),t([c({type:String})],w.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],w.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),t([y()],w.prototype,"fixedControlWidth",void 0),t([y()],w.prototype,"supportsPrefixSuffixActions",void 0),t([y()],w.prototype,"isRTL",null),t([y()],w.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],w.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],w.prototype,"label",void 0),t([i("cds-internal-control-label[action=primary]")],w.prototype,"controlLabel",void 0),t([f("datalist",{assign:"datalist"})],w.prototype,"datalistControl",void 0),t([v("cds-control-message")],w.prototype,"messages",void 0),t([v("cds-control-action")],w.prototype,"controlActions",void 0),t([i(".prefix")],w.prototype,"prefixAction",void 0),t([i(".suffix")],w.prototype,"suffixAction",void 0),t([i(".messages")],w.prototype,"messageSlot",void 0),t([g()],w.prototype,"layoutChange",void 0);export{w as CdsControl,k as ControlLabelLayout};
 //# sourceMappingURL=control.element.js.map

package/forms/control/control.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":null,"names":["ControlLabelLayout","CdsControl","LitElement","[object Object]","super","arguments","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","_a","html","hiddenLabel","associateInputAndLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","associateInputToDatalist","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","props","firstUpdated","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","label","datalistControl","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","_b","form","noValidate","syncHTML5Validation","prefix","prefixAction","updateComplete","suffix","suffixAction","Promise","resolve","childrenUpdateComplete","start","pxToRem","getBoundingClientRect","width","end","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","event"],"mappings":"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"}
+{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html, LitElement } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport { baseStyles, property, querySlot, querySlotAll, childrenUpdateComplete, getElementLanguageDirection, event, describeElementByElements, updateComponentLayout, state, syncProps, pxToRem, getElementUpdates, hasAriaLabelTypeAttr, } from '@cds/core/internal';\nimport styles from './control.element.scss';\nimport { syncHTML5Validation } from '../utils/validate.js';\nimport { associateInputToDatalist, getStatusIcon, associateInputAndLabel, controlIsWrapped, formLayouts, defaultFormLayout, defaultControlWidth, getCurrentMessageStatus, } from '../utils/index.js';\nexport var ControlLabelLayout;\n(function (ControlLabelLayout) {\n    ControlLabelLayout[\"default\"] = \"default\";\n    ControlLabelLayout[\"ariaLabel\"] = \"aria-label\";\n    ControlLabelLayout[\"inputGroup\"] = \"input-group\";\n    ControlLabelLayout[\"hiddenLabel\"] = \"hidden-label\";\n})(ControlLabelLayout || (ControlLabelLayout = {}));\n/**\n * Generic Control\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-control>\n *   <label>control</label>\n *   <input type=\"text\" />\n * </cds-control>\n * ```\n * @element cds-control\n * @slot - For projecting input and label\n * @cssprop --label-width\n */\nexport class CdsControl extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Set the status of form control validation\n         * @type {neutral | error | success}\n         */\n        this.status = 'neutral';\n        /**\n         * Adjust the control from the default full width or the browser default width\n         * @type {stretch | shrink}\n         */\n        this.controlWidth = defaultControlWidth;\n        /**\n         * Set the validate attribute to sync with HTML5 native validation\n         * https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation\n         */\n        this.validate = false;\n        /**\n         * By default forms will collapse to layout that prevents overflow.\n         * If disabled control layout may break or overflow in unexpected ways.\n         */\n        this.responsive = true;\n        this._layout = defaultFormLayout;\n        this.focused = false;\n        this.disabled = false;\n        this.readonly = false;\n        this.fixedControlWidth = false;\n        this.supportsPrefixSuffixActions = true;\n        /** @private */\n        this.labelLayout = ControlLabelLayout.default;\n        this.observers = [];\n    }\n    /**\n     * Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.\n     * @type {vertical | horizontal | compact}\n     */\n    get layout() {\n        return this._layout;\n    }\n    set layout(value) {\n        const oldValue = this._layout;\n        this._layout = value ? value.replace('-inline', '') : defaultFormLayout; // auto convert any form-layouts from parent groups\n        this.requestUpdate('layout', oldValue);\n    }\n    get isRTL() {\n        return getElementLanguageDirection(this) === 'rtl';\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    get hasAriaLabelTypeAttr() {\n        return hasAriaLabelTypeAttr(this.inputControl);\n    }\n    get hasStatusIcon() {\n        return this.labelLayout !== ControlLabelLayout.inputGroup && (this.status === 'error' || this.status === 'success');\n    }\n    render() {\n        var _a;\n        return html `\n      ${this.labelLayout === ControlLabelLayout.hiddenLabel || this.labelLayout === ControlLabelLayout.inputGroup\n            ? html `<span cds-layout=\"display:screen-reader-only\"\n            ><slot name=\"label\" @slotchange=${() => this.associateInputAndLabel()}></slot\n          ></span>`\n            : ''}\n      <div\n        cds-layout=\"${this.layout === 'vertical' ? 'vertical gap:sm' : 'horizontal gap:lg'} align:stretch\"\n        class=\"private-host ${this.isRTL ? 'rtl' : ''}\"\n      >\n        ${this.primaryLabelTemplate}\n        <div\n          class=\"input-message-container\"\n          cds-layout=\"\n          wrap:none\n          ${this.layout === 'compact' ? 'horizontal' : 'vertical'}\n          ${this.controlWidth === 'stretch' && !this.fixedControlWidth ? 'align:horizontal-stretch' : ''}\n          ${((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) ? 'gap:sm' : ''}\"\n        >\n          <div cds-layout=\"horizontal gap:sm wrap:none\">\n            <div\n              cds-layout=\"horizontal align:top wrap:none ${this.controlWidth === 'shrink' || this.fixedControlWidth\n            ? 'align:shrink'\n            : 'align:horizontal-stretch'}\"\n              class=\"${this.hasStatusIcon ? 'input-container with-status-icon' : 'input-container'}\"\n            >\n              ${this.inputTemplate} ${this.prefixTemplate}\n              <slot name=\"input\"></slot>\n              ${this.suffixTemplate}\n            </div>\n            ${this.hasStatusIcon ? getStatusIcon(this.status) : ''}\n          </div>\n          ${this.messagesTemplate}\n          <slot name=\"datalist\" @slotchange=${() => this.associateInputToDatalist()}></slot>\n        </div>\n      </div>\n    `;\n    }\n    get inputTemplate() {\n        return html ``;\n    }\n    get prefixDefaultTemplate() {\n        return null;\n    }\n    get suffixDefaultTemplate() {\n        return null;\n    }\n    get isGenericControl() {\n        return this.tagName.toLowerCase() === 'cds-control';\n    }\n    get hasControlActions() {\n        return this.controlActions.length > 0 || this.prefixDefaultTemplate || this.suffixDefaultTemplate;\n    }\n    get primaryLabelTemplate() {\n        return html `\n      ${this.labelLayout === ControlLabelLayout.default\n            ? html ` <cds-internal-control-label\n            .disabled=\"${this.disabled}\"\n            cds-layout=\"align:shrink align:top\"\n            action=\"primary\"\n          >\n            <slot name=\"label\" @slotchange=${() => this.associateInputAndLabel()}></slot>\n          </cds-internal-control-label>`\n            : ''}\n    `;\n    }\n    get messagesTemplate() {\n        return html `\n      <div cds-layout=\"${this.layout === 'compact' ? 'align:shrink' : ''}\" class=\"messages\">\n        <slot name=\"message\"></slot>\n      </div>\n    `;\n    }\n    get prefixTemplate() {\n        return html `\n      <div cds-layout=\"align:shrink align:vertical-center\" class=\"prefix\">\n        <div cds-layout=\"horizontal gap:xs\">\n          ${this.prefixDefaultTemplate}\n          <slot name=\"prefix\"></slot>\n        </div>\n      </div>\n    `;\n    }\n    get suffixTemplate() {\n        return html `\n      <div cds-layout=\"align:shrink align:vertical-center\" class=\"suffix\">\n        <div cds-layout=\"horizontal gap:xs\">\n          <slot name=\"suffix\"></slot>\n          ${this.suffixDefaultTemplate}\n        </div>\n      </div>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.setAttribute('cds-control', '');\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.setupHostAttributes();\n        this.setupHTML5Validation();\n        this.setActionOffsetPadding();\n        this.setupResponsive();\n        this.setupDescribedByUpdates();\n        this.setupLabelLayout();\n        this.assignSlotIfInControlGroup();\n    }\n    updated(props) {\n        super.updated(props);\n        this.messages.forEach(message => syncProps(message, this, { disabled: props.has('disabled') }));\n        syncProps(this.inputControl, this, { disabled: props.has('disabled') });\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.observers.forEach(o => o === null || o === void 0 ? void 0 : o.disconnect());\n    }\n    associateInputAndLabel() {\n        associateInputAndLabel(this.inputControl, this.label);\n    }\n    associateInputToDatalist() {\n        associateInputToDatalist(this.inputControl, this.datalistControl);\n    }\n    setupDescribedByUpdates() {\n        var _a;\n        (_a = this.messageSlot) === null || _a === void 0 ? void 0 : _a.addEventListener('slotchange', async () => {\n            describeElementByElements(this.inputControl, Array.from(this.messages));\n            getCurrentMessageStatus(Array.from(this.messages)).then(s => (this.status = s));\n        });\n    }\n    setupHostAttributes() {\n        this.inputControl.addEventListener('focusin', () => (this.focused = true));\n        this.inputControl.addEventListener('focusout', () => (this.focused = false));\n        this.observers.push(getElementUpdates(this.inputControl, 'disabled', (value) => (this.disabled = value === '' ? true : value)), getElementUpdates(this.inputControl, 'aria-disabled', (value) => (this.disabled = value === 'true' ? true : false)), getElementUpdates(this.inputControl, 'readonly', (value) => (this.readonly = value === '' ? true : value)));\n    }\n    setupHTML5Validation() {\n        var _a, _b;\n        if (!((_b = (_a = this.inputControl) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.noValidate) && this.validate) {\n            syncHTML5Validation(this, Array.from(this.messages));\n        }\n    }\n    async setActionOffsetPadding() {\n        var _a, _b;\n        const prefix = (_a = this.prefixAction) === null || _a === void 0 ? void 0 : _a.updateComplete;\n        const suffix = (_b = this.suffixAction) === null || _b === void 0 ? void 0 : _b.updateComplete;\n        (await prefix) ? prefix : Promise.resolve(true);\n        (await suffix) ? suffix : Promise.resolve(true);\n        await childrenUpdateComplete(this.controlActions);\n        if (!this.isGenericControl && this.supportsPrefixSuffixActions && this.hasControlActions) {\n            const start = pxToRem(this.prefixAction.getBoundingClientRect().width + 6);\n            const end = pxToRem(this.suffixAction.getBoundingClientRect().width + 6);\n            this.inputControl.style.setProperty('padding-left', this.isRTL ? end : start, 'important');\n            this.inputControl.style.setProperty('padding-right', this.isRTL ? start : end, 'important');\n        }\n    }\n    /** @private */\n    get layoutStable() {\n        return (this.labelLayout !== ControlLabelLayout.default ||\n            !controlIsWrapped(this.inputControl, this.controlLabel, this.layout));\n    }\n    setupResponsive() {\n        if (this.responsive && this.labelLayout === ControlLabelLayout.default && this.controlLabel) {\n            const layoutConfig = { layouts: formLayouts, initialLayout: this.layout };\n            const observer = updateComponentLayout(this, layoutConfig, () => this.layoutChange.emit(this.layout, { bubbles: true }));\n            this.observers.push(observer);\n        }\n    }\n    setupLabelLayout() {\n        var _a, _b;\n        if ((_b = (_a = this.label) === null || _a === void 0 ? void 0 : _a.getAttribute('cds-layout')) === null || _b === void 0 ? void 0 : _b.includes('display:screen-reader-only')) {\n            this.labelLayout = ControlLabelLayout.hiddenLabel;\n        }\n        if (this.hasAriaLabelTypeAttr) {\n            this.labelLayout = ControlLabelLayout.ariaLabel;\n        }\n    }\n    assignSlotIfInControlGroup() {\n        var _a;\n        if ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.hasAttribute('cds-control-group')) {\n            this.setAttribute('slot', 'controls');\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsControl.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsControl.prototype, \"controlWidth\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsControl.prototype, \"validate\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsControl.prototype, \"responsive\", void 0);\n__decorate([\n    property({ type: String })\n], CdsControl.prototype, \"layout\", null);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsControl.prototype, \"focused\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsControl.prototype, \"disabled\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsControl.prototype, \"readonly\", void 0);\n__decorate([\n    state()\n], CdsControl.prototype, \"fixedControlWidth\", void 0);\n__decorate([\n    state()\n], CdsControl.prototype, \"supportsPrefixSuffixActions\", void 0);\n__decorate([\n    state()\n], CdsControl.prototype, \"isRTL\", null);\n__decorate([\n    state()\n], CdsControl.prototype, \"labelLayout\", void 0);\n__decorate([\n    querySlot('input, select, textarea, [cds-control]', {\n        required: 'error',\n        requiredMessage: 'input element is missing',\n        assign: 'input',\n    })\n], CdsControl.prototype, \"inputControl\", void 0);\n__decorate([\n    querySlot('label', {\n        required: 'error',\n        requiredMessage: 'To meet a11y standards either a <label> or input[aria-label] should be provided.',\n        assign: 'label',\n        exemptOn: _this => {\n            return _this.hasAriaLabelTypeAttr;\n        },\n    })\n], CdsControl.prototype, \"label\", void 0);\n__decorate([\n    query('cds-internal-control-label[action=primary]')\n], CdsControl.prototype, \"controlLabel\", void 0);\n__decorate([\n    querySlot('datalist', { assign: 'datalist' })\n], CdsControl.prototype, \"datalistControl\", void 0);\n__decorate([\n    querySlotAll('cds-control-message')\n], CdsControl.prototype, \"messages\", void 0);\n__decorate([\n    querySlotAll('cds-control-action')\n], CdsControl.prototype, \"controlActions\", void 0);\n__decorate([\n    query('.prefix')\n], CdsControl.prototype, \"prefixAction\", void 0);\n__decorate([\n    query('.suffix')\n], CdsControl.prototype, \"suffixAction\", void 0);\n__decorate([\n    query('.messages')\n], CdsControl.prototype, \"messageSlot\", void 0);\n__decorate([\n    event()\n], CdsControl.prototype, \"layoutChange\", void 0);\n"],"names":["ControlLabelLayout","CdsControl","LitElement","constructor","super","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","render","_a","html","hiddenLabel","associateInputAndLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","associateInputToDatalist","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","firstUpdated","props","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","label","datalistControl","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","_b","form","noValidate","syncHTML5Validation","prefix","prefixAction","updateComplete","suffix","suffixAction","Promise","resolve","childrenUpdateComplete","start","pxToRem","getBoundingClientRect","width","end","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","event"],"mappings":"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"}

package/forms/control/control.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{flex-basis:calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))*2)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}::slotted(input[readonly]){cursor:default}cds-control-action.status{height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));padding-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host(:not([layout*=vertical])) cds-internal-control-label[action=primary],:host([layout=compact]) .messages,:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages{padding-top:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem))}`;export default a;
+import{css as t}from"lit";var a=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem)) * 2)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{flex-basis:calc(var(--cds-global-layout-space-xxl,calc(96 / var(--cds-global-base,20) * 1rem))*2)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem)) * 2)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}::slotted(input[readonly]){cursor:default}cds-control-action.status{height:var(--cds-global-space-7,calc(16 / var(--cds-global-base,20) * 1rem));padding-top:var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem))}:host(:not([layout*=vertical])) cds-internal-control-label[action=primary],:host([layout=compact]) .messages,:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages{padding-top:var(--cds-global-space-5,calc(8 / var(--cds-global-base,20) * 1rem))}`;export{a as default};
 //# sourceMappingURL=control.element.scss.js.map

package/forms/control/control.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"control.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/forms/control-action/control-action.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as a,baseStyles as e,hasAttributeAndIsNotEmpty as o,setOrRemoveAttribute as r,assignSlotNames as s,LogService as l,property as n,querySlot as c}from"@cds/core/internal";import d from"./control-action.element.scss.js";class p extends a{constructor(){super(...arguments),this.readonly=!1,this.ariaLabel=""}static get styles(){return[e,d]}render(){return i`<div class="private-host"><slot></slot></div>`}connectedCallback(){super.connectedCallback(),this.syncAria()}syncAria(){const t=this.readonly,i=o(this,"aria-label");r(this,["aria-hidden","true"],(()=>t&&!i))}updated(t){super.updated(t),t.has("action")&&this.setSlotLocation(),(t.has("readonly")||t.has("ariaLabel"))&&(this.validateAriaLabel(),this.syncAria())}setSlotLocation(){var t;s([this,null!==(t=this.action)&&void 0!==t&&t])}validateAriaLabel(){var t;this.readonly||(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)||l.warn("A aria-label is required for interactive cds-control-actions",this)}}t([n({type:String})],p.prototype,"action",void 0),t([n({type:Boolean})],p.prototype,"readonly",void 0),t([n({type:String})],p.prototype,"ariaLabel",void 0),t([c("cds-icon")],p.prototype,"icon",void 0);export{p as CdsControlAction};
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as a,baseStyles as e,hasAttributeAndIsNotEmpty as o,setOrRemoveAttribute as r,assignSlotNames as s,LogService as l,property as n,querySlot as c}from"@cds/core/internal";import d from"./control-action.element.scss.js";class p extends a{constructor(){super(...arguments);this.readonly=!1,this.ariaLabel=""}static get styles(){return[e,d]}render(){return i`<div class="private-host"><slot></slot></div>`}connectedCallback(){super.connectedCallback(),this.syncAria()}syncAria(){const t=this.readonly,i=o(this,"aria-label");r(this,["aria-hidden","true"],(()=>t&&!i))}updated(t){super.updated(t),t.has("action")&&this.setSlotLocation(),(t.has("readonly")||t.has("ariaLabel"))&&(this.validateAriaLabel(),this.syncAria())}setSlotLocation(){var t;s([this,null!==(t=this.action)&&void 0!==t&&t])}validateAriaLabel(){var t;this.readonly||(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)||l.warn("A aria-label is required for interactive cds-control-actions",this)}}t([n({type:String})],p.prototype,"action",void 0),t([n({type:Boolean})],p.prototype,"readonly",void 0),t([n({type:String})],p.prototype,"ariaLabel",void 0),t([c("cds-icon")],p.prototype,"icon",void 0);export{p as CdsControlAction};
 //# sourceMappingURL=control-action.element.js.map

package/forms/control-action/control-action.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-action.element.js","sources":["../../../../src/forms/control-action/control-action.element.ts"],"sourcesContent":null,"names":["CdsControlAction","CdsBaseButton","[object Object]","super","arguments","this","readonly","ariaLabel","styles","baseStyles","html","connectedCallback","syncAria","iAmReadonly","iHaveAriaLabel","hasAttributeAndIsNotEmpty","setOrRemoveAttribute","props","updated","has","setSlotLocation","validateAriaLabel","_a","assignSlotNames","action","getAttribute","length","LogService","warn","__decorate","property","type","String","prototype","Boolean","querySlot"],"mappings":"4SAyBO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,UAAY,GAErBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,SACI,OAAOQ,CAAK,gDAMhBR,oBACIC,MAAMQ,oBACNN,KAAKO,WAETV,WACI,MAAMW,EAAcR,KAAKC,SACnBQ,EAAiBC,EAA0BV,KAAM,cACvDW,EAAqBX,KAAM,CAAC,cAAe,SAAS,IACzCQ,IAAgBC,IAG/BZ,QAAQe,GACJd,MAAMe,QAAQD,GACVA,EAAME,IAAI,WACVd,KAAKe,mBAELH,EAAME,IAAI,aAAeF,EAAME,IAAI,gBACnCd,KAAKgB,oBACLhB,KAAKO,YAGbV,kBACI,IAAIoB,EACJC,EAAgB,CAAClB,KAA6B,QAAtBiB,EAAKjB,KAAKmB,cAA2B,IAAPF,GAAgBA,IAE1EpB,oBACI,IAAIoB,EACCjB,KAAKC,WAAyD,QAA1CgB,EAAKjB,KAAKoB,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACnGC,EAAWC,KAAK,+DAAgEvB,OAI5FwB,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhC,EAAiBiC,UAAW,cAAU,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBlC,EAAiBiC,UAAW,gBAAY,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhC,EAAiBiC,UAAW,iBAAa,GAC5CJ,EAAW,CACPM,EAAU,aACXnC,EAAiBiC,UAAW,YAAQ"}
+{"version":3,"file":"control-action.element.js","sources":["../../../../src/forms/control-action/control-action.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html } from 'lit';\nimport { property, assignSlotNames, baseStyles, CdsBaseButton, hasAttributeAndIsNotEmpty, querySlot, setOrRemoveAttribute, } from '@cds/core/internal';\nimport styles from './control-action.element.scss';\nimport { LogService } from '@cds/core/internal';\n/**\n * Control Action\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-control-action>\n *\n * </cds-control-action>\n * ```\n * @element cds-control-action\n * @slot - For projecting text content or cds-icon\n */\nexport class CdsControlAction extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        this.readonly = false;\n        this.ariaLabel = '';\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot></slot>\n      </div>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.syncAria();\n    }\n    syncAria() {\n        const iAmReadonly = this.readonly;\n        const iHaveAriaLabel = hasAttributeAndIsNotEmpty(this, 'aria-label');\n        setOrRemoveAttribute(this, ['aria-hidden', 'true'], () => {\n            return iAmReadonly && !iHaveAriaLabel;\n        });\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('action')) {\n            this.setSlotLocation();\n        }\n        if (props.has('readonly') || props.has('ariaLabel')) {\n            this.validateAriaLabel();\n            this.syncAria();\n        }\n    }\n    setSlotLocation() {\n        var _a;\n        assignSlotNames([this, (_a = this.action) !== null && _a !== void 0 ? _a : false]);\n    }\n    validateAriaLabel() {\n        var _a;\n        if (!this.readonly && !((_a = this.getAttribute('aria-label')) === null || _a === void 0 ? void 0 : _a.length)) {\n            LogService.warn('A aria-label is required for interactive cds-control-actions', this);\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsControlAction.prototype, \"action\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsControlAction.prototype, \"readonly\", void 0);\n__decorate([\n    property({ type: String })\n], CdsControlAction.prototype, \"ariaLabel\", void 0);\n__decorate([\n    querySlot('cds-icon')\n], CdsControlAction.prototype, \"icon\", void 0);\n"],"names":["CdsControlAction","CdsBaseButton","constructor","super","this","readonly","ariaLabel","styles","baseStyles","render","html","connectedCallback","syncAria","iAmReadonly","iHaveAriaLabel","hasAttributeAndIsNotEmpty","setOrRemoveAttribute","updated","props","has","setSlotLocation","validateAriaLabel","_a","assignSlotNames","action","getAttribute","length","LogService","warn","__decorate","property","type","String","prototype","Boolean","querySlot"],"mappings":"4SAyBO,MAAMA,UAAyBC,EAClCC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,UAAY,GAEVC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,gDAMhBC,oBACIR,MAAMQ,oBACNP,KAAKQ,WAETA,WACI,MAAMC,EAAcT,KAAKC,SACnBS,EAAiBC,EAA0BX,KAAM,cACvDY,EAAqBZ,KAAM,CAAC,cAAe,SAAS,IACzCS,IAAgBC,IAG/BG,QAAQC,GACJf,MAAMc,QAAQC,GACVA,EAAMC,IAAI,WACVf,KAAKgB,mBAELF,EAAMC,IAAI,aAAeD,EAAMC,IAAI,gBACnCf,KAAKiB,oBACLjB,KAAKQ,YAGbQ,kBACI,IAAIE,EACJC,EAAgB,CAACnB,KAA6B,QAAtBkB,EAAKlB,KAAKoB,cAA2B,IAAPF,GAAgBA,IAE1ED,oBACI,IAAIC,EACClB,KAAKC,WAAyD,QAA1CiB,EAAKlB,KAAKqB,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACnGC,EAAWC,KAAK,+DAAgExB,OAI5FyB,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhC,EAAiBiC,UAAW,cAAU,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBlC,EAAiBiC,UAAW,gBAAY,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhC,EAAiBiC,UAAW,iBAAa,GAC5CJ,EAAW,CACPM,EAAU,aACXnC,EAAiBiC,UAAW,YAAQ"}

package/forms/control-action/control-action.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var c=a`:host{pointer-events:none;display:inline-block}:host([role=button]){cursor:pointer;min-width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));pointer-events:initial}.private-host{color:var(--cds-global-typography-color-300,var(--cds-global-color-construction-800,#2d4048));font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem));display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;line-height:calc(var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)))}::slotted(cds-icon){width:calc(var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));height:calc(var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));margin-bottom:var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem));pointer-events:none}::slotted(cds-icon[shape=angle]){height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));margin-right:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host(:hover) ::slotted(cds-icon){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host([_disabled]) ::slotted(cds-icon){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default c;
+import{css as a}from"lit";var c=a`:host{pointer-events:none;display:inline-block}:host([role=button]){cursor:pointer;min-width:var(--cds-global-space-9,calc(24 / var(--cds-global-base,20) * 1rem));pointer-events:initial}.private-host{color:var(--cds-global-typography-color-300,var(--cds-global-color-construction-800,#2d4048));font-size:var(--cds-global-typography-font-size-3,calc(13 / var(--cds-global-base,20) * 1rem));display:flex;justify-content:center;align-items:center;line-height:calc(var(--cds-global-space-9,calc(24 / var(--cds-global-base,20) * 1rem)) - var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)))}::slotted(cds-icon){width:calc(var(--cds-global-space-9,calc(24 / var(--cds-global-base,20) * 1rem)) - var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)));height:calc(var(--cds-global-space-9,calc(24 / var(--cds-global-base,20) * 1rem)) - var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)));margin-bottom:var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem));pointer-events:none}::slotted(cds-icon[shape=angle]){height:var(--cds-global-space-8,calc(18 / var(--cds-global-base,20) * 1rem));width:var(--cds-global-space-8,calc(18 / var(--cds-global-base,20) * 1rem));margin-right:var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem))}:host(:hover) ::slotted(cds-icon){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host([_disabled]) ::slotted(cds-icon){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{c as default};
 //# sourceMappingURL=control-action.element.scss.js.map

package/forms/control-action/control-action.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-action.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"control-action.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/forms/control-group/control-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{setAttributes as i,syncProps as r,syncDefinedProps as a,describeElementByElements as l,updateComponentLayout as n,baseStyles as c,property as d,querySlot as p,querySlotAll as u,id as h,event as y}from"@cds/core/internal";import g from"./control-group.element.scss.js";import{defaultFormLayout as m,defaultControlWidth as v,getStatusIcon as b,inlineControlListIsWrapped as f,controlIsWrapped as C,getCurrentMessageStatus as L,formLayouts as $}from"../utils/index.js";class A extends o{constructor(){super(...arguments),this.status="neutral",this.layout=m,this.controlAlign="left",this.disabled=!1,this.controlWidth=v,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[]}get messagesTemplate(){return s`<div ?hidden="${0===this.messages.length}" cds-layout="horizontal align:shrink gap:sm wrap:none" class="messages-container">${this.isInlineControlGroup?"":b(this.status)}<div class="messages"><slot name="message" @slotchange="${this.updateControlMessages}"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:sm align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot name="controls"></slot></div>${b(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:md":"vertical gap:sm"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:sm":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:sm wrap:none align:stretch"}render(){return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${this.messagesTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),i(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>r(o,this,{disabled:t.has("disabled")}))),a(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!f(Array.from(this.controls),this.layout)&&!C(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}async updateControlMessages(){l(this,Array.from(this.messages)),this.status=await L(Array.from(this.messages))}setupResponsive(){if(this.responsive){const t={layouts:$,initialLayout:this.layout};this.observers.push(n(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0}))))}}}A.styles=[c,g],t([d({type:String})],A.prototype,"status",void 0),t([d({type:String})],A.prototype,"layout",void 0),t([d({type:String})],A.prototype,"controlAlign",void 0),t([d({type:Boolean})],A.prototype,"disabled",void 0),t([d({type:String})],A.prototype,"controlWidth",void 0),t([d({type:Boolean})],A.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],A.prototype,"label",void 0),t([u("cds-control, [cds-control]")],A.prototype,"controls",void 0),t([u("cds-control-message")],A.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]",!0)],A.prototype,"controlLabel",void 0),t([e(".controls",!0)],A.prototype,"controlSlot",void 0),t([h()],A.prototype,"groupLabelId",void 0),t([y()],A.prototype,"layoutChange",void 0);export{A as CdsInternalControlGroup};
+import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{setAttributes as i,syncProps as r,syncDefinedProps as a,describeElementByElements as l,updateComponentLayout as n,baseStyles as c,property as d,querySlot as p,querySlotAll as u,id as h,event as y}from"@cds/core/internal";import g from"./control-group.element.scss.js";import{defaultFormLayout as m,defaultControlWidth as v,getStatusIcon as b,inlineControlListIsWrapped as f,controlIsWrapped as C,getCurrentMessageStatus as L,formLayouts as $}from"../utils/index.js";class A extends o{constructor(){super(...arguments);this.status="neutral",this.layout=m,this.controlAlign="left",this.disabled=!1,this.controlWidth=v,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[]}get messagesTemplate(){return s`<div ?hidden="${0===this.messages.length}" cds-layout="horizontal align:shrink gap:sm wrap:none" class="messages-container">${this.isInlineControlGroup?"":b(this.status)}<div class="messages"><slot name="message" @slotchange="${this.updateControlMessages}"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:sm align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot name="controls"></slot></div>${b(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:md":"vertical gap:sm"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:sm":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:sm wrap:none align:stretch"}render(){return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${this.messagesTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),i(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>r(o,this,{disabled:t.has("disabled")}))),a(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!f(Array.from(this.controls),this.layout)&&!C(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}async updateControlMessages(){l(this,Array.from(this.messages)),this.status=await L(Array.from(this.messages))}setupResponsive(){if(this.responsive){const t={layouts:$,initialLayout:this.layout};this.observers.push(n(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0}))))}}}A.styles=[c,g],t([d({type:String})],A.prototype,"status",void 0),t([d({type:String})],A.prototype,"layout",void 0),t([d({type:String})],A.prototype,"controlAlign",void 0),t([d({type:Boolean})],A.prototype,"disabled",void 0),t([d({type:String})],A.prototype,"controlWidth",void 0),t([d({type:Boolean})],A.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],A.prototype,"label",void 0),t([u("cds-control, [cds-control]")],A.prototype,"controls",void 0),t([u("cds-control-message")],A.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]",!0)],A.prototype,"controlLabel",void 0),t([e(".controls",!0)],A.prototype,"controlSlot",void 0),t([h()],A.prototype,"groupLabelId",void 0),t([y()],A.prototype,"layoutChange",void 0);export{A as CdsInternalControlGroup};
 //# sourceMappingURL=control-group.element.js.map

package/forms/control-group/control-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":null,"names":["CdsInternalControlGroup","LitElement","[object Object]","super","arguments","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","messagesTemplate","html","messages","length","getStatusIcon","updateControlMessages","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","connectedCallback","setAttributes","props","firstUpdated","associateLabelAndGroup","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","describeElementByElements","getCurrentMessageStatus","layoutConfig","layouts","formLayouts","initialLayout","push","updateComponentLayout","layoutChange","emit","bubbles","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"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"}
+{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html, LitElement } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport { baseStyles, property, querySlot, querySlotAll, id, event, syncDefinedProps, describeElementByElements, updateComponentLayout, setAttributes, syncProps, } from '@cds/core/internal';\nimport styles from './control-group.element.scss';\nimport { getStatusIcon, controlIsWrapped, formLayouts, inlineControlListIsWrapped, defaultFormLayout, defaultControlWidth, getCurrentMessageStatus, } from '../utils/index.js';\n/**\n * Internal Control Group\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-internal-control-group>\n *   <label>...</label>\n *   <cds-control>\n *     <label></label>\n *     <input ... />\n *   </cds-control>\n *   <cds-control>\n *     <label></label>\n *     <input ... />\n *   </cds-control>\n * </cds-internal-control-group>\n * ```\n *\n * @element cds-internal-control-group\n * @slot - For projecting control group\n */\nexport class CdsInternalControlGroup extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Set the status of control group validation\n         * @type {neutral | error | success}\n         */\n        this.status = 'neutral';\n        /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */\n        this.layout = defaultFormLayout;\n        /** Align the labels of controls within group left or right */\n        this.controlAlign = 'left';\n        /** Disable all controls within a control group or omit and disable controls individually */\n        this.disabled = false;\n        /**\n         * Adjust the control from the default full width or the browser default width\n         * @type {stretch | shrink}\n         */\n        this.controlWidth = defaultControlWidth;\n        /**\n         * By default forms will collapse to layout that prevents overflow.\n         * If disabled control layout may break or overflow in unexpected ways.\n         */\n        this.responsive = true;\n        this.isInlineControlGroup = false;\n        this.isControlGroup = true;\n        this.observers = [];\n    }\n    get messagesTemplate() {\n        return html ` <div\n      ?hidden=${this.messages.length === 0}\n      cds-layout=\"horizontal align:shrink gap:sm wrap:none\"\n      class=\"messages-container\"\n    >\n      ${!this.isInlineControlGroup ? getStatusIcon(this.status) : ''}\n      <div class=\"messages\">\n        <slot name=\"message\" @slotchange=${this.updateControlMessages}></slot>\n      </div>\n    </div>`;\n    }\n    get controlsTemplate() {\n        return this.isInlineControlGroup\n            ? html `\n          <div cds-layout=\"horizontal gap:sm align:horizontal-stretch\" class=\"input-container\">\n            <div class=\"controls\" cds-layout=\"horizontal align:horizontal-stretch wrap:none\">\n              <slot name=\"controls\"></slot>\n            </div>\n            ${getStatusIcon(this.status)}\n          </div>\n        `\n            : html `\n          <div cds-layout=\"horizontal align:shrink\" class=\"input-container\">\n            <div class=\"controls\" cds-layout=\"${this.inlineControlLayout}\">\n              <slot name=\"controls\"></slot>\n            </div>\n          </div>\n        `;\n    }\n    get inlineControlLayout() {\n        return `${!this.layout.includes('inline') && this.layout !== 'compact' ? 'vertical gap:sm' : 'horizontal gap:md'} ${!this.layout.includes('vertical') ? 'wrap:none' : ''}`;\n    }\n    get primaryLabelLayout() {\n        return !this.layout.includes('vertical') ? 'horizontal gap:lg' : 'vertical gap:sm';\n    }\n    get controlMessageLayout() {\n        return `${this.layout === 'compact' ? 'horizontal' : 'vertical'} gap:sm wrap:none align:stretch`;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=${this.primaryLabelLayout}>\n        <cds-internal-control-label .disabled=${this.disabled} cds-layout=\"align:top\" action=\"primary\">\n          <slot name=\"label\"></slot>\n        </cds-internal-control-label>\n        <div class=\"control-message-container\" cds-layout=${this.controlMessageLayout}>\n          ${this.controlsTemplate} ${this.messagesTemplate}\n        </div>\n      </div>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        setAttributes(this, ['role', 'group'], ['cds-control-group', '']);\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.associateLabelAndGroup();\n        this.setupResponsive();\n    }\n    updated(props) {\n        super.updated(props);\n        props.set('isControlGroup', true);\n        this.controls.forEach((c) => (c.isControlGroup = true));\n        this.messages.forEach(message => syncProps(message, this, { disabled: props.has('disabled') }));\n        syncDefinedProps(props, this, Array.from(this.controls));\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.observers.forEach(o => o.disconnect());\n    }\n    /** @private */\n    get layoutStable() {\n        return (!inlineControlListIsWrapped(Array.from(this.controls), this.layout) &&\n            !controlIsWrapped(this.controlSlot, this.controlLabel, this.layout));\n    }\n    associateLabelAndGroup() {\n        this.setAttribute('aria-labelledby', this.groupLabelId);\n        this.label.setAttribute('id', this.groupLabelId);\n    }\n    async updateControlMessages() {\n        describeElementByElements(this, Array.from(this.messages));\n        this.status = await getCurrentMessageStatus(Array.from(this.messages));\n    }\n    setupResponsive() {\n        if (this.responsive) {\n            const layoutConfig = { layouts: formLayouts, initialLayout: this.layout };\n            this.observers.push(updateComponentLayout(this, layoutConfig, () => this.layoutChange.emit(this.layout, { bubbles: true })));\n        }\n    }\n}\nCdsInternalControlGroup.styles = [baseStyles, styles];\n__decorate([\n    property({ type: String })\n], CdsInternalControlGroup.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalControlGroup.prototype, \"layout\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalControlGroup.prototype, \"controlAlign\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsInternalControlGroup.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalControlGroup.prototype, \"controlWidth\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsInternalControlGroup.prototype, \"responsive\", void 0);\n__decorate([\n    querySlot('label', {\n        assign: 'label',\n        required: 'warning',\n        requiredMessage: 'To meet a11y standards a <label> should be provided',\n    })\n], CdsInternalControlGroup.prototype, \"label\", void 0);\n__decorate([\n    querySlotAll('cds-control, [cds-control]')\n], CdsInternalControlGroup.prototype, \"controls\", void 0);\n__decorate([\n    querySlotAll('cds-control-message')\n], CdsInternalControlGroup.prototype, \"messages\", void 0);\n__decorate([\n    query('cds-internal-control-label[action=primary]', true)\n], CdsInternalControlGroup.prototype, \"controlLabel\", void 0);\n__decorate([\n    query('.controls', true)\n], CdsInternalControlGroup.prototype, \"controlSlot\", void 0);\n__decorate([\n    id()\n], CdsInternalControlGroup.prototype, \"groupLabelId\", void 0);\n__decorate([\n    event()\n], CdsInternalControlGroup.prototype, \"layoutChange\", void 0);\n"],"names":["CdsInternalControlGroup","LitElement","constructor","super","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","messagesTemplate","html","messages","length","getStatusIcon","updateControlMessages","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","render","connectedCallback","setAttributes","firstUpdated","props","associateLabelAndGroup","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","async","describeElementByElements","getCurrentMessageStatus","layoutConfig","layouts","formLayouts","initialLayout","push","updateComponentLayout","layoutChange","emit","bubbles","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"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"}

package/forms/control-group/control-group.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var t=a`:host{width:100%}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}.control-message-container{flex-basis:0}cds-control-action.status{height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([layout=compact]) .messages,:host([layout=compact]) cds-internal-control-label[action=primary],:host([layout=horizontal-inline]) cds-internal-control-label[action=primary],:host([layout=horizontal]) cds-internal-control-label[action=primary],:host([status=error]) .messages,:host([status=success]) .messages{padding-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}`;export default t;
+import{css as a}from"lit";var t=a`:host{width:100%}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem)) * 2)}.control-message-container{flex-basis:0}cds-control-action.status{height:var(--cds-global-space-7,calc(16 / var(--cds-global-base,20) * 1rem))}:host([layout=compact]) .messages,:host([layout=compact]) cds-internal-control-label[action=primary],:host([layout=horizontal-inline]) cds-internal-control-label[action=primary],:host([layout=horizontal]) cds-internal-control-label[action=primary],:host([status=error]) .messages,:host([status=success]) .messages{padding-top:var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem))}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}`;export{t as default};
 //# sourceMappingURL=control-group.element.scss.js.map

package/forms/control-group/control-group.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-group.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"control-group.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/forms/control-inline/control-inline.element.d.ts

@@ -32,7 +32,7 @@ export declare class CdsInternalControlInline extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: PropertyValues<any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     updated(props: PropertyValues<any>): void;
     private selectInput;
 }

package/forms/control-inline/control-inline.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{getElementUpdates as i,property as s,state as n,event as o}from"@cds/core/internal";import r from"./control-inline.element.scss.js";import{CdsControl as l}from"../control/control.element.js";import{getStatusIcon as a}from"../utils/index.js";class c extends l{constructor(){super(...arguments),this.controlAlign="left",this.checked=!1,this.indeterminate=!1,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return t`<cds-internal-control-label action="secondary" .disabled="${this.disabled}" cds-layout="align:vertical-center"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`}render(){var e,i;return t`<div class="private-host" cds-layout="${this.isControlGroup?"horizontal align:vertical-center":"vertical"} gap:sm"><div cds-layout="horizontal gap:sm wrap:none align:vertical-center ${"right"===this.controlAlign?"order:reverse":""}"><div role="presentation" class="input" @click="${this.selectInput}"></div><div role="presentation" focusable @click="${this.selectInput}"></div>${this.internalLabelTemplate}</div>${(null===(e=this.messages)||void 0===e?void 0:e.length)?t`<div cds-layout="horizontal wrap:none ${(null===(i=this.messages)||void 0===i?void 0:i.length)?"gap:sm":""}">${a(this.status)}<div cds-layout="align:vertical-center" class="messages"><slot name="message"></slot></div></div>`:""}</div><div cds-layout="display:screen-reader-only"><slot name="input"></slot></div>`}firstUpdated(e){super.firstUpdated(e),this.inputControl.addEventListener("change",(()=>this.checked=this.inputControl.checked)),this.observers.push(i(this.inputControl,"checked",(e=>this.checked=""===e||e)),i(this.inputControl,"indeterminate",(e=>this.indeterminate=""===e||e)))}updated(e){super.updated(e),e.has("indeterminate")&&e.get("indeterminate")!==this.indeterminate&&this.indeterminate&&(this.checked=!1),e.has("checked")&&e.get("checked")!==this.checked&&this.checked&&(this.indeterminate=!1,this.checkedChange.emit(this.checked,{bubbles:!this.isControlGroup}))}selectInput(e){this.inputControl.click(),e.preventDefault()}}e([s({type:String})],c.prototype,"controlAlign",void 0),e([n()],c.prototype,"isControlGroup",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0),e([o()],c.prototype,"checkedChange",void 0);export{c as CdsInternalControlInline};
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{getElementUpdates as i,property as s,state as n,event as o}from"@cds/core/internal";import r from"./control-inline.element.scss.js";import{CdsControl as l}from"../control/control.element.js";import{getStatusIcon as a}from"../utils/index.js";class c extends l{constructor(){super(...arguments);this.controlAlign="left",this.checked=!1,this.indeterminate=!1,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return t`<cds-internal-control-label action="secondary" .disabled="${this.disabled}" cds-layout="align:vertical-center"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`}render(){var e,i;return t`<div class="private-host" cds-layout="${this.isControlGroup?"horizontal align:vertical-center":"vertical"} gap:sm"><div cds-layout="horizontal gap:sm wrap:none align:vertical-center ${"right"===this.controlAlign?"order:reverse":""}"><div role="presentation" class="input" @click="${this.selectInput}"></div><div role="presentation" focusable @click="${this.selectInput}"></div>${this.internalLabelTemplate}</div>${(null===(e=this.messages)||void 0===e?void 0:e.length)?t`<div cds-layout="horizontal wrap:none ${(null===(i=this.messages)||void 0===i?void 0:i.length)?"gap:sm":""}">${a(this.status)}<div cds-layout="align:vertical-center" class="messages"><slot name="message"></slot></div></div>`:""}</div><div cds-layout="display:screen-reader-only"><slot name="input"></slot></div>`}firstUpdated(e){super.firstUpdated(e),this.inputControl.addEventListener("change",(()=>this.checked=this.inputControl.checked)),this.observers.push(i(this.inputControl,"checked",(e=>this.checked=""===e||e)),i(this.inputControl,"indeterminate",(e=>this.indeterminate=""===e||e)))}updated(e){super.updated(e),e.has("indeterminate")&&e.get("indeterminate")!==this.indeterminate&&this.indeterminate&&(this.checked=!1),e.has("checked")&&e.get("checked")!==this.checked&&this.checked&&(this.indeterminate=!1,this.checkedChange.emit(this.checked,{bubbles:!this.isControlGroup}))}selectInput(e){this.inputControl.click(),e.preventDefault()}}e([s({type:String})],c.prototype,"controlAlign",void 0),e([n()],c.prototype,"isControlGroup",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0),e([o()],c.prototype,"checkedChange",void 0);export{c as CdsInternalControlInline};
 //# sourceMappingURL=control-inline.element.js.map

package/forms/control-inline/control-inline.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-inline.element.js","sources":["../../../../src/forms/control-inline/control-inline.element.ts"],"sourcesContent":null,"names":["CdsInternalControlInline","CdsControl","[object Object]","super","arguments","this","controlAlign","checked","indeterminate","supportsPrefixSuffixActions","styles","internalLabelTemplate","html","disabled","associateInputAndLabel","_a","_b","isControlGroup","selectInput","messages","length","getStatusIcon","status","props","firstUpdated","inputControl","addEventListener","observers","push","getElementUpdates","value","updated","has","get","checkedChange","emit","bubbles","e","click","preventDefault","__decorate","property","type","String","prototype","state","Boolean","reflect","event"],"mappings":"sTA2BO,MAAMA,UAAiCC,EAC1CC,cACIC,SAASC,WAETC,KAAKC,aAAe,OAEpBD,KAAKE,SAAU,EAEfF,KAAKG,eAAgB,EACrBH,KAAKI,6BAA8B,EAEvCC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,6DAC8CP,KAAKQ,gFAC9B,IAAMR,KAAKS,iEAIhDZ,SACI,IAAIa,EAAIC,EACR,OAAOJ,CAAK,yCAGEP,KAAKY,eAAiB,mCAAqC,yFAGe,UAAtBZ,KAAKC,aACjE,gBACA,sDAE4CD,KAAKa,iEACTb,KAAKa,sBAC/Cb,KAAKM,+BAEmB,QAAxBI,EAAKV,KAAKc,gBAA6B,IAAPJ,OAAgB,EAASA,EAAGK,QAC1DR,CAAK,0CAAoE,QAAxBI,EAAKX,KAAKc,gBAA6B,IAAPH,OAAgB,EAASA,EAAGI,QAAU,SAAW,OAChIC,EAAchB,KAAKiB,2GAKrB,wFAOVpB,aAAaqB,GACTpB,MAAMqB,aAAaD,GACnBlB,KAAKoB,aAAaC,iBAAiB,UAAU,IAAOrB,KAAKE,QAAUF,KAAKoB,aAAalB,UACrFF,KAAKsB,UAAUC,KAAKC,EAAkBxB,KAAKoB,aAAc,WAAYK,GAAWzB,KAAKE,QAAoB,KAAVuB,GAAsBA,IAASD,EAAkBxB,KAAKoB,aAAc,iBAAkBK,GAAWzB,KAAKG,cAA0B,KAAVsB,GAAsBA,KAE/O5B,QAAQqB,GACJpB,MAAM4B,QAAQR,GACVA,EAAMS,IAAI,kBAAoBT,EAAMU,IAAI,mBAAqB5B,KAAKG,eAAiBH,KAAKG,gBACxFH,KAAKE,SAAU,GAEfgB,EAAMS,IAAI,YAAcT,EAAMU,IAAI,aAAe5B,KAAKE,SAAWF,KAAKE,UACtEF,KAAKG,eAAgB,EACrBH,KAAK6B,cAAcC,KAAK9B,KAAKE,QAAS,CAAE6B,SAAU/B,KAAKY,kBAG/Df,YAAYmC,GACRhC,KAAKoB,aAAaa,QAClBD,EAAEE,kBAGVC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3C,EAAyB4C,UAAW,oBAAgB,GACvDJ,EAAW,CACPK,KACD7C,EAAyB4C,UAAW,sBAAkB,GACzDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,eAAW,GAClDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,qBAAiB,GACxDJ,EAAW,CACPQ,KACDhD,EAAyB4C,UAAW,qBAAiB"}
+{"version":3,"file":"control-inline.element.js","sources":["../../../../src/forms/control-inline/control-inline.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 { html } from 'lit';\nimport { property, event, getElementUpdates, state } from '@cds/core/internal';\nimport styles from './control-inline.element.scss';\nimport { CdsControl } from '../control/control.element.js';\nimport { getStatusIcon } from '../utils/index.js';\n/**\n * Internal Control Inline (boolean types)\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-internal-control-inline>\n *   <label>inline</label>\n *   <input type=\"radio\" />\n * </ds-internal-control-inline>\n * ```\n * @element cds-internal-control-inline\n * @slot - For projecting inline input and label\n */\nexport class CdsInternalControlInline extends CdsControl {\n    constructor() {\n        super(...arguments);\n        /** Align the labels of controls within group left or right */\n        this.controlAlign = 'left';\n        /** @private */\n        this.checked = false;\n        /** @private */\n        this.indeterminate = false;\n        this.supportsPrefixSuffixActions = false;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    get internalLabelTemplate() {\n        return html `\n      <cds-internal-control-label action=\"secondary\" .disabled=\"${this.disabled}\" cds-layout=\"align:vertical-center\">\n        <slot name=\"label\" @slotchange=${() => this.associateInputAndLabel()}></slot>\n      </cds-internal-control-label>\n    `;\n    }\n    render() {\n        var _a, _b;\n        return html `\n      <div\n        class=\"private-host\"\n        cds-layout=\"${this.isControlGroup ? 'horizontal align:vertical-center' : 'vertical'} gap:sm\"\n      >\n        <div\n          cds-layout=\"horizontal gap:sm wrap:none align:vertical-center ${this.controlAlign === 'right'\n            ? 'order:reverse'\n            : ''}\"\n        >\n          <div role=\"presentation\" class=\"input\" @click=${this.selectInput}></div>\n          <div role=\"presentation\" focusable @click=${this.selectInput}></div>\n          ${this.internalLabelTemplate}\n        </div>\n        ${((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length)\n            ? html ` <div cds-layout=\"horizontal wrap:none ${((_b = this.messages) === null || _b === void 0 ? void 0 : _b.length) ? 'gap:sm' : ''}\">\n              ${getStatusIcon(this.status)}\n              <div cds-layout=\"align:vertical-center\" class=\"messages\">\n                <slot name=\"message\"></slot>\n              </div>\n            </div>`\n            : ''}\n      </div>\n      <div cds-layout=\"display:screen-reader-only\">\n        <slot name=\"input\"></slot>\n      </div>\n    `;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.inputControl.addEventListener('change', () => (this.checked = this.inputControl.checked));\n        this.observers.push(getElementUpdates(this.inputControl, 'checked', (value) => (this.checked = value === '' ? true : value)), getElementUpdates(this.inputControl, 'indeterminate', (value) => (this.indeterminate = value === '' ? true : value)));\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('indeterminate') && props.get('indeterminate') !== this.indeterminate && this.indeterminate) {\n            this.checked = false;\n        }\n        if (props.has('checked') && props.get('checked') !== this.checked && this.checked) {\n            this.indeterminate = false;\n            this.checkedChange.emit(this.checked, { bubbles: !this.isControlGroup }); // if not a group then bubble to notify the other associated controls\n        }\n    }\n    selectInput(e) {\n        this.inputControl.click();\n        e.preventDefault(); // prevent any events from the input div, only the native input\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsInternalControlInline.prototype, \"controlAlign\", void 0);\n__decorate([\n    state()\n], CdsInternalControlInline.prototype, \"isControlGroup\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsInternalControlInline.prototype, \"checked\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsInternalControlInline.prototype, \"indeterminate\", void 0);\n__decorate([\n    event()\n], CdsInternalControlInline.prototype, \"checkedChange\", void 0);\n"],"names":["CdsInternalControlInline","CdsControl","constructor","super","this","controlAlign","checked","indeterminate","supportsPrefixSuffixActions","styles","internalLabelTemplate","html","disabled","associateInputAndLabel","render","_a","_b","isControlGroup","selectInput","messages","length","getStatusIcon","status","firstUpdated","props","inputControl","addEventListener","observers","push","getElementUpdates","value","updated","has","get","checkedChange","emit","bubbles","e","click","preventDefault","__decorate","property","type","String","prototype","state","Boolean","reflect","event"],"mappings":"sTA2BO,MAAMA,UAAiCC,EAC1CC,cACIC,oBAEAC,KAAKC,aAAe,OAEpBD,KAAKE,SAAU,EAEfF,KAAKG,eAAgB,EACrBH,KAAKI,6BAA8B,EAE5BC,oBACP,MAAO,IAAIN,MAAMM,OAAQA,GAEzBC,4BACA,OAAOC,CAAK,6DAC8CP,KAAKQ,gFAC9B,IAAMR,KAAKS,iEAIhDC,SACI,IAAIC,EAAIC,EACR,OAAOL,CAAK,yCAGEP,KAAKa,eAAiB,mCAAqC,yFAGe,UAAtBb,KAAKC,aACjE,gBACA,sDAE4CD,KAAKc,iEACTd,KAAKc,sBAC/Cd,KAAKM,+BAEmB,QAAxBK,EAAKX,KAAKe,gBAA6B,IAAPJ,OAAgB,EAASA,EAAGK,QAC1DT,CAAK,0CAAoE,QAAxBK,EAAKZ,KAAKe,gBAA6B,IAAPH,OAAgB,EAASA,EAAGI,QAAU,SAAW,OAChIC,EAAcjB,KAAKkB,2GAKrB,wFAOVC,aAAaC,GACTrB,MAAMoB,aAAaC,GACnBpB,KAAKqB,aAAaC,iBAAiB,UAAU,IAAOtB,KAAKE,QAAUF,KAAKqB,aAAanB,UACrFF,KAAKuB,UAAUC,KAAKC,EAAkBzB,KAAKqB,aAAc,WAAYK,GAAW1B,KAAKE,QAAoB,KAAVwB,GAAsBA,IAASD,EAAkBzB,KAAKqB,aAAc,iBAAkBK,GAAW1B,KAAKG,cAA0B,KAAVuB,GAAsBA,KAE/OC,QAAQP,GACJrB,MAAM4B,QAAQP,GACVA,EAAMQ,IAAI,kBAAoBR,EAAMS,IAAI,mBAAqB7B,KAAKG,eAAiBH,KAAKG,gBACxFH,KAAKE,SAAU,GAEfkB,EAAMQ,IAAI,YAAcR,EAAMS,IAAI,aAAe7B,KAAKE,SAAWF,KAAKE,UACtEF,KAAKG,eAAgB,EACrBH,KAAK8B,cAAcC,KAAK/B,KAAKE,QAAS,CAAE8B,SAAUhC,KAAKa,kBAG/DC,YAAYmB,GACRjC,KAAKqB,aAAaa,QAClBD,EAAEE,kBAGVC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3C,EAAyB4C,UAAW,oBAAgB,GACvDJ,EAAW,CACPK,KACD7C,EAAyB4C,UAAW,sBAAkB,GACzDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,eAAW,GAClDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,qBAAiB,GACxDJ,EAAW,CACPQ,KACDhD,EAAyB4C,UAAW,qBAAiB"}

package/forms/control-inline/control-inline.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var c=a`:host{width:initial;position:relative;--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--cds-alias-object-interaction-touch-target:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem))}::slotted(label){white-space:nowrap}cds-internal-control-label{padding-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}cds-control-action.status{padding-top:0!important}.input{outline:0!important}[focusable]{content:"";position:absolute;top:calc(calc(calc(var(--cds-alias-object-interaction-touch-target,calc((36 / var(--cds-global-base,20)) * 1rem)) - var(--height))*-1)/ 2);left:calc(calc(calc(var(--cds-alias-object-interaction-touch-target,calc((36 / var(--cds-global-base,20)) * 1rem)) - var(--width))*-1)/ 2);width:var(--cds-alias-object-interaction-touch-target,calc((36 / var(--cds-global-base,20)) * 1rem));height:var(--cds-alias-object-interaction-touch-target,calc((36 / var(--cds-global-base,20)) * 1rem));cursor:pointer}:host([_disabled]) [focusable]{cursor:not-allowed}`;export default c;
+import{css as a}from"lit";var t=a`:host{width:initial;position:relative;--width:var(--cds-global-space-7, calc(16 / var(--cds-global-base, 20) * 1rem));--height:var(--cds-global-space-7, calc(16 / var(--cds-global-base, 20) * 1rem));--cds-alias-object-interaction-touch-target:var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem))}::slotted(label){white-space:nowrap}cds-internal-control-label{padding-top:var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))}cds-control-action.status{padding-top:0!important}.input{outline:0!important}[focusable]{content:"";position:absolute;top:calc((var(--cds-alias-object-interaction-touch-target,calc(36 / var(--cds-global-base,20) * 1rem)) - var(--height))*-1/2);left:calc((var(--cds-alias-object-interaction-touch-target,calc(36 / var(--cds-global-base,20) * 1rem)) - var(--width))*-1/2);width:var(--cds-alias-object-interaction-touch-target,calc(36 / var(--cds-global-base,20) * 1rem));height:var(--cds-alias-object-interaction-touch-target,calc(36 / var(--cds-global-base,20) * 1rem));cursor:pointer}:host([_disabled]) [focusable]{cursor:not-allowed}`;export{t as default};
 //# sourceMappingURL=control-inline.element.scss.js.map

package/forms/control-inline/control-inline.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-inline.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"control-inline.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/forms/control-label/control-label.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as r}from"lit";import{baseStyles as s,property as e}from"@cds/core/internal";import i from"./control-label.element.scss.js";class l extends o{constructor(){super(...arguments),this.disabled=!1,this.action="primary"}static get styles(){return[s,i]}render(){return r`<div class="private-host" cds-layout="horizontal gap:sm align:shrink"><slot></slot></div>`}}t([e({type:Boolean})],l.prototype,"disabled",void 0),t([e({type:String})],l.prototype,"action",void 0);export{l as CdsInternalControlLabel};
+import{__decorate as t}from"tslib";import{LitElement as o,html as r}from"lit";import{baseStyles as s,property as e}from"@cds/core/internal";import i from"./control-label.element.scss.js";class l extends o{constructor(){super(...arguments);this.disabled=!1,this.action="primary"}static get styles(){return[s,i]}render(){return r`<div class="private-host" cds-layout="horizontal gap:sm align:shrink"><slot></slot></div>`}}t([e({type:Boolean})],l.prototype,"disabled",void 0),t([e({type:String})],l.prototype,"action",void 0);export{l as CdsInternalControlLabel};
 //# sourceMappingURL=control-label.element.js.map