@cds/core 5.6.4 → 6.0.0-beta.1

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:xs 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

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

@@ -1 +1 @@
-{"version":3,"file":"control-label.element.js","sources":["../../../../src/forms/control-label/control-label.element.ts"],"sourcesContent":null,"names":["CdsInternalControlLabel","LitElement","[object Object]","super","arguments","this","disabled","action","styles","baseStyles","html","__decorate","property","type","Boolean","prototype","String"],"mappings":"2LA0BO,MAAMA,UAAgCC,EACzCC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,OAAS,UAElBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,SACI,OAAOQ,CAAK,6FAOpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBd,EAAwBe,UAAW,gBAAY,GAClDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBhB,EAAwBe,UAAW,cAAU"}
+{"version":3,"file":"control-label.element.js","sources":["../../../../src/forms/control-label/control-label.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 { baseStyles, property } from '@cds/core/internal';\nimport styles from './control-label.element.scss';\n/**\n * Label\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-internal-control-label status=\"primary | secondary\">\n *   <label>...</label>\n * </cds-internal-control-label>\n * ```\n *\n * @element cds-internal-control-label\n * @slot - For projecting label text\n * @cssprop --label-width\n */\nexport class CdsInternalControlLabel extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n        this.action = 'primary';\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"horizontal gap:xs align:shrink\">\n        <slot></slot>\n      </div>\n    `;\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], CdsInternalControlLabel.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalControlLabel.prototype, \"action\", void 0);\n"],"names":["CdsInternalControlLabel","LitElement","constructor","super","this","disabled","action","styles","baseStyles","render","html","__decorate","property","type","Boolean","prototype","String"],"mappings":"2LA0BO,MAAMA,UAAgCC,EACzCC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,OAAS,UAEPC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,6FAOpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBd,EAAwBe,UAAW,gBAAY,GAClDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBhB,EAAwBe,UAAW,cAAU"}

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

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var t=a`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem)) * 2)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem))!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:var(--cds-global-typography-font-weight-semibold,600)!important}::slotted(cds-control-action){padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))!important;margin-top:calc(-1*calc(var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))!important}`;export default t;
+import{css as a}from"lit";var t=a`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxxl,4rem) * 3)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,.8125rem)!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:var(--cds-global-typography-font-weight-semibold,600)!important}::slotted([cds-button-action]){padding:var(--cds-global-space-4,.375rem) 0 var(--cds-global-space-3,.25rem) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))!important;margin-top:calc(-1*(var(--cds-global-space-6,.75rem) - var(--cds-global-space-2,.125rem)))!important}`;export{t as default};
 //# sourceMappingURL=control-label.element.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{baseStyles as s,assignSlotNames as o,property as i,state as l}from"@cds/core/internal";import a from"./control-message.element.scss.js";class n extends e{constructor(){super(...arguments),this.status="neutral",this.disabled=!1}render(){return r`<div class="private-host"><slot></slot></div>`}static get styles(){return[s,a]}connectedCallback(){super.connectedCallback(),o([this,"message"])}}t([i({type:String})],n.prototype,"status",void 0),t([i({type:String})],n.prototype,"error",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);export{n as CdsControlMessage};
+import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{baseStyles as s,assignSlotNames as o,property as i,state as l}from"@cds/core/internal";import a from"./control-message.element.scss.js";class n extends e{constructor(){super(...arguments);this.status="neutral",this.disabled=!1}render(){return r`<div class="private-host"><slot></slot></div>`}static get styles(){return[s,a]}connectedCallback(){super.connectedCallback(),o([this,"message"])}}t([i({type:String})],n.prototype,"status",void 0),t([i({type:String})],n.prototype,"error",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);export{n as CdsControlMessage};
 //# sourceMappingURL=control-message.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"control-message.element.js","sources":["../../../../src/forms/control-message/control-message.element.ts"],"sourcesContent":null,"names":["CdsControlMessage","LitElement","[object Object]","super","arguments","this","status","disabled","html","styles","baseStyles","connectedCallback","assignSlotNames","__decorate","property","type","String","prototype","state","Boolean","reflect"],"mappings":"6NAgCO,MAAMA,UAA0BC,EACnCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UACdD,KAAKE,UAAW,EAEpBL,SACI,OAAOM,CAAK,gDAMhBC,oBACI,MAAO,CAACC,EAAYD,GAExBP,oBACIC,MAAMQ,oBACNC,EAAgB,CAACP,KAAM,aAG/BQ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,aAAS,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjCpB,EAAkBiB,UAAW,gBAAY"}
+{"version":3,"file":"control-message.element.js","sources":["../../../../src/forms/control-message/control-message.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 { baseStyles, property, assignSlotNames, state } from '@cds/core/internal';\nimport styles from './control-message.element.scss';\n/**\n * Control Message\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-control>\n *   <label>Test</label>\n *   <input type=\"text\" />\n *   <cds-control-message>helper text</cds-control-message>\n * </cds-control>\n * ```\n *\n * @element cds-control-message\n * @slot - For projecting helper message text\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --max-width\n * @cssprop --min-width\n */\nexport class CdsControlMessage extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Set the status of form control message validation\n         * @type {neutral | error | success}\n         */\n        this.status = 'neutral';\n        this.disabled = false;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot></slot>\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        assignSlotNames([this, 'message']);\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsControlMessage.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsControlMessage.prototype, \"error\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsControlMessage.prototype, \"disabled\", void 0);\n"],"names":["CdsControlMessage","LitElement","constructor","super","this","status","disabled","render","html","styles","baseStyles","connectedCallback","assignSlotNames","__decorate","property","type","String","prototype","state","Boolean","reflect"],"mappings":"6NAgCO,MAAMA,UAA0BC,EACnCC,cACIC,oBAKAC,KAAKC,OAAS,UACdD,KAAKE,UAAW,EAEpBC,SACI,OAAOC,CAAK,gDAMLC,oBACP,MAAO,CAACC,EAAYD,GAExBE,oBACIR,MAAMQ,oBACNC,EAAgB,CAACR,KAAM,aAG/BS,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,aAAS,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjCpB,EAAkBiB,UAAW,gBAAY"}

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

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem));--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted(cds-control-action){margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}`;export default o;
+import{css as o}from"lit";var t=o`:host{--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxxl, 4rem);--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted([cds-button-action]){margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))}`;export{t as default};
 //# sourceMappingURL=control-message.element.scss.js.map

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

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

package/forms/form-group/form-group.element.d.ts

@@ -54,8 +54,8 @@ export declare class CdsFormGroup extends LitElement {
     static get styles(): import("lit").CSSResultGroup[];
     render(): import("lit-html").TemplateResult<1>;
     private overflowElement;
-    firstUpdated(props: PropertyValues<any>): void;
-    updated(props: PropertyValues<any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<this>): void;
     disconnectedCallback(): void;
     private setControlLabelWidths;
     private syncLayouts;

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

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{baseStyles as s,elementVisible as r,syncDefinedProps as i,childrenUpdateComplete as l,elementResize as n,pxToRem as a,property as p,querySlotAll as d}from"@cds/core/internal";import{defaultFormLayout as h,getLargestPrimaryLabelWidth as c,isVerticalLayout as u}from"../utils/index.js";import y from"./form-group.element.scss.js";class m extends o{constructor(){super(...arguments),this.layout=h,this.responsive=!0,this.validate=!1,this.observers=[]}get controlsAndGroups(){return[...Array.from(this.groups),...Array.from(this.controls)]}static get styles(){return[s,y]}render(){return e`<div class="private-host" cds-layout="vertical gap:${"compact"===this.layout?"md":"lg"}"><slot></slot></div>`}firstUpdated(t){super.firstUpdated(t),this.syncLayouts(),this.setControlLabelWidths(),this.observers.push(r(this,(()=>this.setControlLabelWidths())))}updated(t){super.updated(t),i(t,this,this.controlsAndGroups)}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}async setControlLabelWidths(){"horizontal"!==this.layout&&"horizontal-inline"!==this.layout&&"compact"!==this.layout||(await l(this.controlsAndGroups),this.style.setProperty("--internal-label-min-width",await c(this.controlsAndGroups)),n(this,(()=>this.style.setProperty("--internal-label-max-width",a(this.getBoundingClientRect().width)))))}syncLayouts(){this.addEventListener("layoutChange",(t=>{t.preventDefault(),!this.overflowElement&&u(t.detail)&&this.collapseForm(t.target),t.target!==this.overflowElement||u(t.detail)||this.expandForm(t.detail)}))}collapseForm(t){this.overflowElement=t,this.responsive=!1,this.layout="vertical",t.updateComplete.then((()=>t.responsive=!0))}expandForm(t){this.responsive=!0,this.overflowElement=null,this.layout=t}}t([p({type:String})],m.prototype,"layout",void 0),t([p({type:String})],m.prototype,"controlWidth",void 0),t([p({type:Boolean})],m.prototype,"responsive",void 0),t([p({type:Boolean})],m.prototype,"validate",void 0),t([d("[cds-control]")],m.prototype,"controls",void 0),t([d("[cds-control-group]")],m.prototype,"groups",void 0);export{m as CdsFormGroup};
+import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{baseStyles as e,elementVisible as r,syncDefinedProps as i,childrenUpdateComplete as l,elementResize as a,pxToRem as n,property as p,querySlotAll as d}from"@cds/core/internal";import{defaultFormLayout as h,getLargestPrimaryLabelWidth as c,isVerticalLayout as u}from"../utils/utils.js";import y from"./form-group.element.scss.js";class m extends o{constructor(){super(...arguments);this.layout=h,this.responsive=!0,this.validate=!1,this.observers=[]}get controlsAndGroups(){return[...Array.from(this.groups),...Array.from(this.controls)]}static get styles(){return[e,y]}render(){return s`<div class="private-host" cds-layout="vertical gap:${"compact"===this.layout?"sm":"lg"}"><slot></slot></div>`}firstUpdated(t){super.firstUpdated(t),this.syncLayouts(),this.setControlLabelWidths(),this.observers.push(r(this,(()=>this.setControlLabelWidths())))}updated(t){super.updated(t),i(t,this,this.controlsAndGroups)}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t?.disconnect()))}async setControlLabelWidths(){"horizontal"!==this.layout&&"horizontal-inline"!==this.layout&&"compact"!==this.layout||(await l(this.controlsAndGroups),this.style.setProperty("--internal-label-min-width",await c(this.controlsAndGroups)),a(this,(()=>this.style.setProperty("--internal-label-max-width",n(this.getBoundingClientRect().width)))))}syncLayouts(){this.addEventListener("layoutChange",(t=>{t.preventDefault(),!this.overflowElement&&u(t.detail)&&this.collapseForm(t.target),t.target!==this.overflowElement||u(t.detail)||this.expandForm(t.detail)}))}collapseForm(t){this.overflowElement=t,this.responsive=!1,this.layout="vertical",t.updateComplete.then((()=>t.responsive=!0))}expandForm(t){this.responsive=!0,this.overflowElement=null,this.layout=t}}t([p({type:String})],m.prototype,"layout",void 0),t([p({type:String})],m.prototype,"controlWidth",void 0),t([p({type:Boolean})],m.prototype,"responsive",void 0),t([p({type:Boolean})],m.prototype,"validate",void 0),t([d("[cds-control]")],m.prototype,"controls",void 0),t([d("[cds-control-group]")],m.prototype,"groups",void 0);export{m as CdsFormGroup};
 //# sourceMappingURL=form-group.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-group.element.js","sources":["../../../../src/forms/form-group/form-group.element.ts"],"sourcesContent":null,"names":["CdsFormGroup","LitElement","[object Object]","super","arguments","this","layout","defaultFormLayout","responsive","validate","observers","controlsAndGroups","Array","from","groups","controls","styles","baseStyles","html","props","firstUpdated","syncLayouts","setControlLabelWidths","push","elementVisible","updated","syncDefinedProps","disconnectedCallback","forEach","o","disconnect","childrenUpdateComplete","style","setProperty","getLargestPrimaryLabelWidth","elementResize","pxToRem","getBoundingClientRect","width","addEventListener","e","preventDefault","overflowElement","isVerticalLayout","detail","collapseForm","target","expandForm","control","updateComplete","then","__decorate","property","type","String","prototype","Boolean","querySlotAll"],"mappings":"6ZAmCO,MAAMA,UAAqBC,EAC9BC,cACIC,SAASC,WAMTC,KAAKC,OAASC,EAKdF,KAAKG,YAAa,EAKlBH,KAAKI,UAAW,EAChBJ,KAAKK,UAAY,GAErBC,wBACI,MAAO,IAAIC,MAAMC,KAAKR,KAAKS,WAAYF,MAAMC,KAAKR,KAAKU,WAE3DC,oBACI,MAAO,CAACC,EAAYD,GAExBd,SACI,OAAOgB,CAAK,sDACuD,YAAhBb,KAAKC,OAAuB,KAAO,4BAK1FJ,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,cACLhB,KAAKiB,wBACLjB,KAAKK,UAAUa,KAAKC,EAAenB,MAAM,IAAMA,KAAKiB,2BAExDpB,QAAQiB,GACJhB,MAAMsB,QAAQN,GACdO,EAAiBP,EAAOd,KAAMA,KAAKM,mBAEvCT,uBACIC,MAAMwB,uBACNtB,KAAKK,UAAUkB,SAAQC,GAAKA,EAAEC,eAElC5B,8BACwB,eAAhBG,KAAKC,QAA2C,sBAAhBD,KAAKC,QAAkD,YAAhBD,KAAKC,eACtEyB,EAAuB1B,KAAKM,mBAClCN,KAAK2B,MAAMC,YAAY,mCAAoCC,EAA4B7B,KAAKM,oBAC5FwB,EAAc9B,MAAM,IAAMA,KAAK2B,MAAMC,YAAY,6BAA8BG,EAAQ/B,KAAKgC,wBAAwBC,WAG5HpC,cACIG,KAAKkC,iBAAiB,gBAAiBC,IACnCA,EAAEC,kBACGpC,KAAKqC,iBAAmBC,EAAiBH,EAAEI,SAC5CvC,KAAKwC,aAAaL,EAAEM,QAEpBN,EAAEM,SAAWzC,KAAKqC,iBAAoBC,EAAiBH,EAAEI,SACzDvC,KAAK0C,WAAWP,EAAEI,WAI9B1C,aAAa8C,GACT3C,KAAKqC,gBAAkBM,EACvB3C,KAAKG,YAAa,EAClBH,KAAKC,OAAS,WACd0C,EAAQC,eAAeC,MAAK,IAAOF,EAAQxC,YAAa,IAE5DN,WAAWI,GACPD,KAAKG,YAAa,EAClBH,KAAKqC,gBAAkB,KACvBrC,KAAKC,OAASA,GAGtB6C,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtD,EAAauD,UAAW,cAAU,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtD,EAAauD,UAAW,oBAAgB,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxD,EAAauD,UAAW,kBAAc,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxD,EAAauD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,kBACdzD,EAAauD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,wBACdzD,EAAauD,UAAW,cAAU"}
+{"version":3,"file":"form-group.element.js","sources":["../../../../src/forms/form-group/form-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 { LitElement, html } from 'lit';\nimport { baseStyles, querySlotAll, property, childrenUpdateComplete, elementResize, pxToRem, syncDefinedProps, elementVisible, } from '@cds/core/internal';\nimport { getLargestPrimaryLabelWidth, isVerticalLayout, defaultFormLayout } from '../utils/utils.js';\nimport styles from './form-group.element.scss';\n/**\n * Form\n *\n * ```typescript\n * import '@cds/core/forms/register.js';\n * ```\n *\n * ```html\n * <cds-form-group layout=\"horizontal\">\n *   <cds-input>\n *     <label>Test</label>\n *     <input type=\"text\" />\n *   </cds-input>\n *\n *   <cds-input>\n *     <label>Test</label>\n *     <input type=\"text\" />\n *   </cds-input>\n * </cds-form-group>\n * ```\n *\n * @element cds-form-group\n * @slot - For projecting input controls\n * @cssprop --label-width\n */\nexport class CdsFormGroup extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Set to adjust the default control layout for all controls within form group.\n         * When `responsive` is true this will be the largest size to scale to.\n         * @type {horizontal | horizontal-inline | vertical | vertical-inline | compact}\n         */\n        this.layout = defaultFormLayout;\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        /**\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        this.observers = [];\n    }\n    get controlsAndGroups() {\n        return [...Array.from(this.groups), ...Array.from(this.controls)];\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"vertical gap:${this.layout === 'compact' ? 'sm' : 'lg'}\">\n        <slot></slot>\n      </div>\n    `;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.syncLayouts();\n        this.setControlLabelWidths();\n        this.observers.push(elementVisible(this, () => this.setControlLabelWidths()));\n    }\n    updated(props) {\n        super.updated(props);\n        syncDefinedProps(props, this, this.controlsAndGroups);\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.observers.forEach(o => o?.disconnect());\n    }\n    async setControlLabelWidths() {\n        if (this.layout === 'horizontal' || this.layout === 'horizontal-inline' || this.layout === 'compact') {\n            await childrenUpdateComplete(this.controlsAndGroups);\n            this.style.setProperty('--internal-label-min-width', await getLargestPrimaryLabelWidth(this.controlsAndGroups));\n            elementResize(this, () => this.style.setProperty('--internal-label-max-width', pxToRem(this.getBoundingClientRect().width)));\n        }\n    }\n    syncLayouts() {\n        this.addEventListener('layoutChange', (e) => {\n            e.preventDefault();\n            if (!this.overflowElement && isVerticalLayout(e.detail)) {\n                this.collapseForm(e.target);\n            }\n            if (e.target === this.overflowElement && !isVerticalLayout(e.detail)) {\n                this.expandForm(e.detail);\n            }\n        });\n    }\n    collapseForm(control) {\n        this.overflowElement = control;\n        this.responsive = false;\n        this.layout = 'vertical';\n        control.updateComplete.then(() => (control.responsive = true));\n    }\n    expandForm(layout) {\n        this.responsive = true;\n        this.overflowElement = null;\n        this.layout = layout;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsFormGroup.prototype, \"layout\", void 0);\n__decorate([\n    property({ type: String })\n], CdsFormGroup.prototype, \"controlWidth\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsFormGroup.prototype, \"responsive\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsFormGroup.prototype, \"validate\", void 0);\n__decorate([\n    querySlotAll('[cds-control]')\n], CdsFormGroup.prototype, \"controls\", void 0);\n__decorate([\n    querySlotAll('[cds-control-group]')\n], CdsFormGroup.prototype, \"groups\", void 0);\n"],"names":["CdsFormGroup","LitElement","constructor","super","this","layout","defaultFormLayout","responsive","validate","observers","controlsAndGroups","Array","from","groups","controls","styles","baseStyles","render","html","firstUpdated","props","syncLayouts","setControlLabelWidths","push","elementVisible","updated","syncDefinedProps","disconnectedCallback","forEach","o","disconnect","async","childrenUpdateComplete","style","setProperty","getLargestPrimaryLabelWidth","elementResize","pxToRem","getBoundingClientRect","width","addEventListener","e","preventDefault","overflowElement","isVerticalLayout","detail","collapseForm","target","expandForm","control","updateComplete","then","__decorate","property","type","String","prototype","Boolean","querySlotAll"],"mappings":"6ZAmCO,MAAMA,UAAqBC,EAC9BC,cACIC,oBAMAC,KAAKC,OAASC,EAKdF,KAAKG,YAAa,EAKlBH,KAAKI,UAAW,EAChBJ,KAAKK,UAAY,GAEjBC,wBACA,MAAO,IAAIC,MAAMC,KAAKR,KAAKS,WAAYF,MAAMC,KAAKR,KAAKU,WAEhDC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,sDACuD,YAAhBd,KAAKC,OAAuB,KAAO,4BAK1Fc,aAAaC,GACTjB,MAAMgB,aAAaC,GACnBhB,KAAKiB,cACLjB,KAAKkB,wBACLlB,KAAKK,UAAUc,KAAKC,EAAepB,MAAM,IAAMA,KAAKkB,2BAExDG,QAAQL,GACJjB,MAAMsB,QAAQL,GACdM,EAAiBN,EAAOhB,KAAMA,KAAKM,mBAEvCiB,uBACIxB,MAAMwB,uBACNvB,KAAKK,UAAUmB,SAAQC,GAAKA,GAAGC,eAEnCC,8BACwB,eAAhB3B,KAAKC,QAA2C,sBAAhBD,KAAKC,QAAkD,YAAhBD,KAAKC,eACtE2B,EAAuB5B,KAAKM,mBAClCN,KAAK6B,MAAMC,YAAY,mCAAoCC,EAA4B/B,KAAKM,oBAC5F0B,EAAchC,MAAM,IAAMA,KAAK6B,MAAMC,YAAY,6BAA8BG,EAAQjC,KAAKkC,wBAAwBC,WAG5HlB,cACIjB,KAAKoC,iBAAiB,gBAAiBC,IACnCA,EAAEC,kBACGtC,KAAKuC,iBAAmBC,EAAiBH,EAAEI,SAC5CzC,KAAK0C,aAAaL,EAAEM,QAEpBN,EAAEM,SAAW3C,KAAKuC,iBAAoBC,EAAiBH,EAAEI,SACzDzC,KAAK4C,WAAWP,EAAEI,WAI9BC,aAAaG,GACT7C,KAAKuC,gBAAkBM,EACvB7C,KAAKG,YAAa,EAClBH,KAAKC,OAAS,WACd4C,EAAQC,eAAeC,MAAK,IAAOF,EAAQ1C,YAAa,IAE5DyC,WAAW3C,GACPD,KAAKG,YAAa,EAClBH,KAAKuC,gBAAkB,KACvBvC,KAAKC,OAASA,GAGtB+C,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvD,EAAawD,UAAW,cAAU,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvD,EAAawD,UAAW,oBAAgB,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzD,EAAawD,UAAW,kBAAc,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzD,EAAawD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,kBACd1D,EAAawD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,wBACd1D,EAAawD,UAAW,cAAU"}

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

@@ -1,2 +1,2 @@
-import{css as i}from"lit";var t=i`:host{--internal-label-min-width:initial;display:block;width:100%}.private-host{width:100%}`;export default t;
+import{css as i}from"lit";var t=i`:host{--internal-label-min-width:initial;display:block;width:100%}.private-host{width:100%}`;export{t as default};
 //# sourceMappingURL=form-group.element.scss.js.map

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

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

package/forms/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/forms/register.d.ts

@@ -1,4 +1,5 @@
 import '@cds/core/icon/register.js';
+import '@cds/core/button-action/register.js';
 import { CdsControl } from './control/control.element.js';
 import { CdsControlAction } from './control-action/control-action.element.js';
 import { CdsInternalControlGroup } from './control-group/control-group.element.js';

package/forms/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/icon/register.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{exclamationCircleIcon as r}from"@cds/core/icon/shapes/exclamation-circle.js";import{checkCircleIcon as c}from"@cds/core/icon/shapes/check-circle.js";import{registerElementSafely as e}from"@cds/core/internal";import{CdsControl as n}from"./control/control.element.js";import{CdsControlAction as t}from"./control-action/control-action.element.js";import{CdsInternalControlGroup as l}from"./control-group/control-group.element.js";import{CdsInternalControlInline as m}from"./control-inline/control-inline.element.js";import{CdsInternalControlLabel as s}from"./control-label/control-label.element.js";import{CdsControlMessage as i}from"./control-message/control-message.element.js";import{CdsFormGroup as p}from"./form-group/form-group.element.js";e("cds-control",n),e("cds-control-action",t),e("cds-internal-control-group",l),e("cds-internal-control-inline",m),e("cds-internal-control-label",s),e("cds-control-message",i),e("cds-form-group",p),o.addIcons(r,c);
+import"@cds/core/icon/register.js";import"@cds/core/button-action/register.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{exclamationCircleIcon as r}from"@cds/core/icon/shapes/exclamation-circle.js";import{checkCircleIcon as c}from"@cds/core/icon/shapes/check-circle.js";import{registerElementSafely as e}from"@cds/core/internal";import{CdsControl as n}from"./control/control.element.js";import{CdsControlAction as t}from"./control-action/control-action.element.js";import{CdsInternalControlGroup as l}from"./control-group/control-group.element.js";import{CdsInternalControlInline as s}from"./control-inline/control-inline.element.js";import{CdsInternalControlLabel as i}from"./control-label/control-label.element.js";import{CdsControlMessage as m}from"./control-message/control-message.element.js";import{CdsFormGroup as p}from"./form-group/form-group.element.js";e("cds-control",n),e("cds-control-action",t),e("cds-internal-control-group",l),e("cds-internal-control-inline",s),e("cds-internal-control-label",i),e("cds-control-message",m),e("cds-form-group",p),o.addIcons(r,c);
 //# sourceMappingURL=register.js.map

package/forms/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/forms/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsControl","CdsControlAction","CdsInternalControlGroup","CdsInternalControlInline","CdsInternalControlLabel","CdsControlMessage","CdsFormGroup","ClarityIcons","addIcons","exclamationCircleIcon","checkCircleIcon"],"mappings":"+0BAiBAA,EAAsB,cAAeC,GACrCD,EAAsB,qBAAsBE,GAC5CF,EAAsB,6BAA8BG,GACpDH,EAAsB,8BAA+BI,GACrDJ,EAAsB,6BAA8BK,GACpDL,EAAsB,sBAAuBM,GAC7CN,EAAsB,iBAAkBO,GACxCC,EAAaC,SAASC,EAAuBC"}
+{"version":3,"file":"register.js","sources":["../../../src/forms/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 '@cds/core/icon/register.js';\nimport '@cds/core/button-action/register.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { exclamationCircleIcon } from '@cds/core/icon/shapes/exclamation-circle.js';\nimport { checkCircleIcon } from '@cds/core/icon/shapes/check-circle.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsControl } from './control/control.element.js';\nimport { CdsControlAction } from './control-action/control-action.element.js';\nimport { CdsInternalControlGroup } from './control-group/control-group.element.js';\nimport { CdsInternalControlInline } from './control-inline/control-inline.element.js';\nimport { CdsInternalControlLabel } from './control-label/control-label.element.js';\nimport { CdsControlMessage } from './control-message/control-message.element.js';\nimport { CdsFormGroup } from './form-group/form-group.element.js';\nregisterElementSafely('cds-control', CdsControl);\nregisterElementSafely('cds-control-action', CdsControlAction);\nregisterElementSafely('cds-internal-control-group', CdsInternalControlGroup);\nregisterElementSafely('cds-internal-control-inline', CdsInternalControlInline);\nregisterElementSafely('cds-internal-control-label', CdsInternalControlLabel);\nregisterElementSafely('cds-control-message', CdsControlMessage);\nregisterElementSafely('cds-form-group', CdsFormGroup);\nClarityIcons.addIcons(exclamationCircleIcon, checkCircleIcon);\n"],"names":["registerElementSafely","CdsControl","CdsControlAction","CdsInternalControlGroup","CdsInternalControlInline","CdsInternalControlLabel","CdsControlMessage","CdsFormGroup","ClarityIcons","addIcons","exclamationCircleIcon","checkCircleIcon"],"mappings":"23BAkBAA,EAAsB,cAAeC,GACrCD,EAAsB,qBAAsBE,GAC5CF,EAAsB,6BAA8BG,GACpDH,EAAsB,8BAA+BI,GACrDJ,EAAsB,6BAA8BK,GACpDL,EAAsB,sBAAuBM,GAC7CN,EAAsB,iBAAkBO,GACxCC,EAAaC,SAASC,EAAuBC"}

package/forms/utils/interfaces.js.map

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

package/forms/utils/utils.js

@@ -0,0 +1,2 @@
+import{html as t}from"lit";import{createId as n,pxToRem as i}from"@cds/core/internal";const e=["vertical","vertical-inline","horizontal","horizontal-inline","compact"],o="horizontal",r="stretch";function c(t,n){t&&n&&(l(t),n.setAttribute("for",t.id))}function a(t,n){n&&(l(t),n.id=t.id+"-datalist",t.setAttribute("list",n.id))}function l(t){t.id.length||(t.id=n())}const s={"horizontal-inline":"horizontal","vertical-inline":"vertical",horizontal:"horizontal",vertical:"vertical",compact:"compact"};function u(n){return t`${"neutral"!==n?t`<cds-button-action readonly="readonly" class="status" cds-layout="align:shrink"><cds-icon status="${"error"===n?"danger":"success"}" shape="${"error"===n?"exclamation-circle":"check-circle"}" size="16" inner-offset="${4}"></cds-icon></cds-button-action>`:""}`}async function d(t){return Promise.all(t.map((t=>t.updateComplete))).then((()=>{const n=t.filter((t=>"primary"===t.controlLabel?.action));return i(Math.max(...n.map((t=>t.controlLabel.getBoundingClientRect().width))))}))}function h(t,n,i){return"vertical"!==i&&"vertical-inline"!==i&&t.getBoundingClientRect().top>n?.getBoundingClientRect().top+12}function p(t,n){const i=t[0],e=t[t.length-1];return("vertical-inline"===n||"horizontal-inline"===n)&&e.getBoundingClientRect().top>i.getBoundingClientRect().top}function f(t){return"vertical"===t||"vertical-inline"===t}async function m(t){const n=t.find((t=>"neutral"!==t.status));return await(n?.updateComplete),n&&!n.hidden?n.status:"neutral"}export{l as assignInputId,c as associateInputAndLabel,a as associateInputToDatalist,h as controlIsWrapped,r as defaultControlWidth,o as defaultFormLayout,e as formLayouts,m as getCurrentMessageStatus,d as getLargestPrimaryLabelWidth,u as getStatusIcon,p as inlineControlListIsWrapped,f as isVerticalLayout,s as layoutGroupToControlMapper};
+//# sourceMappingURL=utils.js.map

package/forms/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/forms/utils/utils.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 { html } from 'lit';\nimport { createId, pxToRem } from '@cds/core/internal';\nexport const formLayouts = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline', 'compact'];\nexport const defaultFormLayout = 'horizontal';\nexport const defaultControlWidth = 'stretch';\nexport function associateInputAndLabel(input, label) {\n    if (input && label) {\n        assignInputId(input);\n        label.setAttribute('for', input.id);\n    }\n}\nexport function associateInputToDatalist(input, datalist) {\n    if (datalist) {\n        assignInputId(input);\n        datalist.id = `${input.id}-datalist`;\n        input.setAttribute('list', datalist.id);\n    }\n}\nexport function assignInputId(input) {\n    if (!input.id.length) {\n        input.id = createId();\n    }\n}\nexport const layoutGroupToControlMapper = {\n    'horizontal-inline': 'horizontal',\n    'vertical-inline': 'vertical',\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n    compact: 'compact',\n};\nexport function getStatusIcon(status) {\n    return html `${status !== 'neutral'\n        ? html ` <cds-button-action readonly class=\"status\" cds-layout=\"align:shrink\">\n        <cds-icon\n          status=\"${status === 'error' ? 'danger' : 'success'}\"\n          shape=\"${status === 'error' ? 'exclamation-circle' : 'check-circle'}\"\n          size=\"16\"\n          inner-offset=${4}\n        ></cds-icon>\n      </cds-button-action>`\n        : ''} `;\n}\nexport async function getLargestPrimaryLabelWidth(controls) {\n    return Promise.all(controls.map(c => c.updateComplete)).then(() => {\n        const primaryLabels = controls.filter(c => c.controlLabel?.action === 'primary');\n        return pxToRem(Math.max(...primaryLabels.map(c => c.controlLabel.getBoundingClientRect().width)));\n    });\n}\nexport function controlIsWrapped(input, label, layout) {\n    return (layout !== 'vertical' &&\n        layout !== 'vertical-inline' &&\n        input.getBoundingClientRect().top > label?.getBoundingClientRect().top + 12 // 12px buffer for rounding and inputs that are thin like the range input\n    );\n}\nexport function inlineControlListIsWrapped(inlineControls, layout) {\n    const first = inlineControls[0];\n    const last = inlineControls[inlineControls.length - 1];\n    const isInlineLayout = layout === 'vertical-inline' || layout === 'horizontal-inline';\n    return isInlineLayout && last.getBoundingClientRect().top > first.getBoundingClientRect().top;\n}\nexport function isVerticalLayout(layout) {\n    return layout === 'vertical' || layout === 'vertical-inline';\n}\n/**\n * Returns updated message status unless hidden then returns 'neutral'\n */\nexport async function getCurrentMessageStatus(messages) {\n    const message = messages.find(m => m.status !== 'neutral');\n    await message?.updateComplete;\n    return message && !message.hidden ? message.status : 'neutral';\n}\n"],"names":["formLayouts","defaultFormLayout","defaultControlWidth","associateInputAndLabel","input","label","assignInputId","setAttribute","id","associateInputToDatalist","datalist","length","createId","layoutGroupToControlMapper","horizontal","vertical","compact","getStatusIcon","status","html","async","getLargestPrimaryLabelWidth","controls","Promise","all","map","c","updateComplete","then","primaryLabels","filter","controlLabel","action","pxToRem","Math","max","getBoundingClientRect","width","controlIsWrapped","layout","top","inlineControlListIsWrapped","inlineControls","first","last","isVerticalLayout","getCurrentMessageStatus","messages","message","find","m","hidden"],"mappings":"sFAOY,MAACA,EAAc,CAAC,WAAY,kBAAmB,aAAc,oBAAqB,WACjFC,EAAoB,aACpBC,EAAsB,UAC5B,SAASC,EAAuBC,EAAOC,GACtCD,GAASC,IACTC,EAAcF,GACdC,EAAME,aAAa,MAAOH,EAAMI,KAGjC,SAASC,EAAyBL,EAAOM,GACxCA,IACAJ,EAAcF,GACdM,EAASF,GAAQJ,EAAMI,GAAT,YACdJ,EAAMG,aAAa,OAAQG,EAASF,KAGrC,SAASF,EAAcF,GACrBA,EAAMI,GAAGG,SACVP,EAAMI,GAAKI,KAGP,MAACC,EAA6B,CACtC,oBAAqB,aACrB,kBAAmB,WACnBC,WAAY,aACZC,SAAU,WACVC,QAAS,WAEN,SAASC,EAAcC,GAC1B,OAAOC,CAAK,GAAc,YAAXD,EACTC,CAAK,qGAEgB,UAAXD,EAAqB,SAAW,qBACtB,UAAXA,EAAqB,qBAAuB,2CAEtC,qCAGf,KAEHE,eAAeC,EAA4BC,GAC9C,OAAOC,QAAQC,IAAIF,EAASG,KAAIC,GAAKA,EAAEC,kBAAiBC,MAAK,KACzD,MAAMC,EAAgBP,EAASQ,QAAOJ,GAAgC,YAA3BA,EAAEK,cAAcC,SAC3D,OAAOC,EAAQC,KAAKC,OAAON,EAAcJ,KAAIC,GAAKA,EAAEK,aAAaK,wBAAwBC,aAG1F,SAASC,EAAiBlC,EAAOC,EAAOkC,GAC3C,MAAmB,aAAXA,GACO,oBAAXA,GACAnC,EAAMgC,wBAAwBI,IAAMnC,GAAO+B,wBAAwBI,IAAM,GAG1E,SAASC,EAA2BC,EAAgBH,GACvD,MAAMI,EAAQD,EAAe,GACvBE,EAAOF,EAAeA,EAAe/B,OAAS,GAEpD,OADkC,oBAAX4B,GAA2C,sBAAXA,IAC9BK,EAAKR,wBAAwBI,IAAMG,EAAMP,wBAAwBI,IAEvF,SAASK,EAAiBN,GAC7B,MAAkB,aAAXA,GAAoC,oBAAXA,EAK7BnB,eAAe0B,EAAwBC,GAC1C,MAAMC,EAAUD,EAASE,MAAKC,GAAkB,YAAbA,EAAEhC,SAErC,aADM8B,GAASrB,gBACRqB,IAAYA,EAAQG,OAASH,EAAQ9B,OAAS"}

package/forms/utils/validate.js

@@ -1,2 +1,2 @@
-function t(t,r){r.filter((t=>t.hasAttribute("error"))).forEach((t=>{t.setAttribute("hidden",""),t.status="error"})),t.inputControl.addEventListener("blur",(()=>t.inputControl.checkValidity())),t.inputControl.addEventListener("invalid",(()=>{var i;r.forEach((t=>t.setAttribute("hidden",""))),null===(i=r.find((r=>t.inputControl.validity[r.error])))||void 0===i||i.removeAttribute("hidden"),t.status="error"})),t.inputControl.addEventListener("input",(()=>{t.status=t.inputControl.validity.valid?"neutral":t.status,r.filter((r=>t.inputControl.validity.valid&&r.error&&!t.inputControl.validity[r.error])).forEach((t=>t.setAttribute("hidden","")))}))}export{t as syncHTML5Validation};
+function t(t,r){r.filter((t=>t.hasAttribute("error"))).forEach((t=>{t.setAttribute("hidden",""),t.status="error"})),t.inputControl.addEventListener("blur",(()=>t.inputControl.checkValidity())),t.inputControl.addEventListener("invalid",(()=>{r.forEach((t=>t.setAttribute("hidden",""))),r.find((r=>t.inputControl.validity[r.error]))?.removeAttribute("hidden"),t.status="error"})),t.inputControl.addEventListener("input",(()=>{t.status=t.inputControl.validity.valid?"neutral":t.status,r.filter((r=>t.inputControl.validity.valid&&r.error&&!t.inputControl.validity[r.error])).forEach((t=>t.setAttribute("hidden","")))}))}export{t as syncHTML5Validation};
 //# sourceMappingURL=validate.js.map

package/forms/utils/validate.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.js","sources":["../../../../src/forms/utils/validate.ts"],"sourcesContent":null,"names":["syncHTML5Validation","control","messages","filter","m","hasAttribute","forEach","setAttribute","status","inputControl","addEventListener","checkValidity","_a","message","find","validity","error","removeAttribute","valid"],"mappings":"AAKO,SAASA,EAAoBC,EAASC,GACzCA,EACKC,QAAOC,GAAKA,EAAEC,aAAa,WAC3BC,SAAQF,IACTA,EAAEG,aAAa,SAAU,IACzBH,EAAEI,OAAS,WAEfP,EAAQQ,aAAaC,iBAAiB,QAAQ,IAAMT,EAAQQ,aAAaE,kBACzEV,EAAQQ,aAAaC,iBAAiB,WAAW,KAC7C,IAAIE,EACJV,EAASI,SAAQO,GAAWA,EAAQN,aAAa,SAAU,MACuB,QAAjFK,EAAKV,EAASY,MAAKD,GAAWZ,EAAQQ,aAAaM,SAASF,EAAQG,gBAA4B,IAAPJ,GAAyBA,EAAGK,gBAAgB,UACtIhB,EAAQO,OAAS,WAErBP,EAAQQ,aAAaC,iBAAiB,SAAS,KAC3CT,EAAQO,OAASP,EAAQQ,aAAaM,SAASG,MAAQ,UAAYjB,EAAQO,OAC3EN,EACKC,QAAOC,GAAKH,EAAQQ,aAAaM,SAASG,OAASd,EAAEY,QAAUf,EAAQQ,aAAaM,SAASX,EAAEY,SAC/FV,SAAQO,GAAWA,EAAQN,aAAa,SAAU"}
+{"version":3,"file":"validate.js","sources":["../../../../src/forms/utils/validate.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 */\nexport function syncHTML5Validation(control, messages) {\n    messages\n        .filter(m => m.hasAttribute('error'))\n        .forEach(m => {\n        m.setAttribute('hidden', '');\n        m.status = 'error';\n    });\n    control.inputControl.addEventListener('blur', () => control.inputControl.checkValidity());\n    control.inputControl.addEventListener('invalid', () => {\n        messages.forEach(message => message.setAttribute('hidden', ''));\n        messages.find(message => control.inputControl.validity[message.error])?.removeAttribute('hidden');\n        control.status = 'error';\n    });\n    control.inputControl.addEventListener('input', () => {\n        control.status = control.inputControl.validity.valid ? 'neutral' : control.status;\n        messages\n            .filter(m => control.inputControl.validity.valid && m.error && !control.inputControl.validity[m.error])\n            .forEach(message => message.setAttribute('hidden', ''));\n    });\n}\n"],"names":["syncHTML5Validation","control","messages","filter","m","hasAttribute","forEach","setAttribute","status","inputControl","addEventListener","checkValidity","message","find","validity","error","removeAttribute","valid"],"mappings":"AAKO,SAASA,EAAoBC,EAASC,GACzCA,EACKC,QAAOC,GAAKA,EAAEC,aAAa,WAC3BC,SAAQF,IACTA,EAAEG,aAAa,SAAU,IACzBH,EAAEI,OAAS,WAEfP,EAAQQ,aAAaC,iBAAiB,QAAQ,IAAMT,EAAQQ,aAAaE,kBACzEV,EAAQQ,aAAaC,iBAAiB,WAAW,KAC7CR,EAASI,SAAQM,GAAWA,EAAQL,aAAa,SAAU,MAC3DL,EAASW,MAAKD,GAAWX,EAAQQ,aAAaK,SAASF,EAAQG,UAASC,gBAAgB,UACxFf,EAAQO,OAAS,WAErBP,EAAQQ,aAAaC,iBAAiB,SAAS,KAC3CT,EAAQO,OAASP,EAAQQ,aAAaK,SAASG,MAAQ,UAAYhB,EAAQO,OAC3EN,EACKC,QAAOC,GAAKH,EAAQQ,aAAaK,SAASG,OAASb,EAAEW,QAAUd,EAAQQ,aAAaK,SAASV,EAAEW,SAC/FT,SAAQM,GAAWA,EAAQL,aAAa,SAAU"}