@govtechsg/sgds-web-component 3.10.0-rc.4 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/select-element.d.ts +0 -1
- package/base/select-element.js +0 -1
- package/base/select-element.js.map +1 -1
- package/components/Checkbox/index.umd.min.js +3 -3
- package/components/Checkbox/index.umd.min.js.map +1 -1
- package/components/Checkbox/sgds-checkbox-group.d.ts +0 -1
- package/components/Checkbox/sgds-checkbox-group.js +0 -1
- package/components/Checkbox/sgds-checkbox-group.js.map +1 -1
- package/components/Checkbox/sgds-checkbox.d.ts +0 -1
- package/components/Checkbox/sgds-checkbox.js +0 -1
- package/components/Checkbox/sgds-checkbox.js.map +1 -1
- package/components/ComboBox/index.umd.min.js +225 -225
- package/components/ComboBox/index.umd.min.js.map +1 -1
- package/components/Datepicker/index.umd.min.js +3 -3
- package/components/Datepicker/index.umd.min.js.map +1 -1
- package/components/Datepicker/sgds-datepicker.d.ts +0 -1
- package/components/Datepicker/sgds-datepicker.js +0 -1
- package/components/Datepicker/sgds-datepicker.js.map +1 -1
- package/components/FileUpload/index.umd.min.js +2 -2
- package/components/FileUpload/index.umd.min.js.map +1 -1
- package/components/FileUpload/sgds-file-upload.d.ts +0 -1
- package/components/FileUpload/sgds-file-upload.js +0 -1
- package/components/FileUpload/sgds-file-upload.js.map +1 -1
- package/components/Input/index.umd.min.js +2 -2
- package/components/Input/index.umd.min.js.map +1 -1
- package/components/Input/sgds-input.d.ts +0 -1
- package/components/Input/sgds-input.js +0 -1
- package/components/Input/sgds-input.js.map +1 -1
- package/components/QuantityToggle/index.umd.min.js +3 -3
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/QuantityToggle/sgds-quantity-toggle.d.ts +0 -1
- package/components/QuantityToggle/sgds-quantity-toggle.js +0 -1
- package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/components/Radio/index.umd.min.js +6 -6
- package/components/Radio/index.umd.min.js.map +1 -1
- package/components/Radio/sgds-radio-group.d.ts +0 -1
- package/components/Radio/sgds-radio-group.js +0 -1
- package/components/Radio/sgds-radio-group.js.map +1 -1
- package/components/Select/index.umd.min.js +2 -2
- package/components/Select/index.umd.min.js.map +1 -1
- package/components/SystemBanner/index.umd.min.js +2 -2
- package/components/SystemBanner/index.umd.min.js.map +1 -1
- package/components/SystemBanner/sgds-system-banner.d.ts +2 -2
- package/components/SystemBanner/sgds-system-banner.js +5 -5
- package/components/SystemBanner/sgds-system-banner.js.map +1 -1
- package/components/Table/index.umd.min.js +62 -17
- package/components/Table/index.umd.min.js.map +1 -1
- package/components/Table/sgds-table-cell.js +1 -1
- package/components/Table/sgds-table-cell.js.map +1 -1
- package/components/Table/sgds-table-head.d.ts +2 -5
- package/components/Table/sgds-table-head.js +24 -15
- package/components/Table/sgds-table-head.js.map +1 -1
- package/components/Table/sgds-table.d.ts +41 -6
- package/components/Table/sgds-table.js +57 -15
- package/components/Table/sgds-table.js.map +1 -1
- package/components/Table/table-cell.js +1 -1
- package/components/Table/table-context.d.ts +3 -0
- package/components/Table/table-context.js +6 -0
- package/components/Table/table-context.js.map +1 -0
- package/components/Table/table-head.js +1 -1
- package/components/Table/table.js +1 -1
- package/components/Textarea/index.umd.min.js +6 -6
- package/components/Textarea/index.umd.min.js.map +1 -1
- package/components/Textarea/sgds-textarea.d.ts +0 -1
- package/components/Textarea/sgds-textarea.js +0 -1
- package/components/Textarea/sgds-textarea.js.map +1 -1
- package/components/index.umd.min.js +31 -27
- package/components/index.umd.min.js.map +1 -1
- package/index.umd.min.js +616 -612
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/base/select-element.cjs.js +0 -1
- package/react/base/select-element.cjs.js.map +1 -1
- package/react/base/select-element.js +0 -1
- package/react/base/select-element.js.map +1 -1
- package/react/components/Checkbox/sgds-checkbox-group.cjs.js +0 -1
- package/react/components/Checkbox/sgds-checkbox-group.cjs.js.map +1 -1
- package/react/components/Checkbox/sgds-checkbox-group.js +0 -1
- package/react/components/Checkbox/sgds-checkbox-group.js.map +1 -1
- package/react/components/Checkbox/sgds-checkbox.cjs.js +0 -1
- package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
- package/react/components/Checkbox/sgds-checkbox.js +0 -1
- package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
- package/react/components/Datepicker/sgds-datepicker.cjs.js +0 -1
- package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
- package/react/components/Datepicker/sgds-datepicker.js +0 -1
- package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
- package/react/components/FileUpload/sgds-file-upload.cjs.js +0 -1
- package/react/components/FileUpload/sgds-file-upload.cjs.js.map +1 -1
- package/react/components/FileUpload/sgds-file-upload.js +0 -1
- package/react/components/FileUpload/sgds-file-upload.js.map +1 -1
- package/react/components/Input/sgds-input.cjs.js +0 -1
- package/react/components/Input/sgds-input.cjs.js.map +1 -1
- package/react/components/Input/sgds-input.js +0 -1
- package/react/components/Input/sgds-input.js.map +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +0 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.js +0 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/react/components/Radio/sgds-radio-group.cjs.js +0 -1
- package/react/components/Radio/sgds-radio-group.cjs.js.map +1 -1
- package/react/components/Radio/sgds-radio-group.js +0 -1
- package/react/components/Radio/sgds-radio-group.js.map +1 -1
- package/react/components/SystemBanner/sgds-system-banner.cjs.js +5 -5
- package/react/components/SystemBanner/sgds-system-banner.cjs.js.map +1 -1
- package/react/components/SystemBanner/sgds-system-banner.js +5 -5
- package/react/components/SystemBanner/sgds-system-banner.js.map +1 -1
- package/react/components/Table/sgds-table-cell.cjs.js +1 -1
- package/react/components/Table/sgds-table-cell.cjs.js.map +1 -1
- package/react/components/Table/sgds-table-cell.js +1 -1
- package/react/components/Table/sgds-table-cell.js.map +1 -1
- package/react/components/Table/sgds-table-head.cjs.js +24 -15
- package/react/components/Table/sgds-table-head.cjs.js.map +1 -1
- package/react/components/Table/sgds-table-head.js +24 -15
- package/react/components/Table/sgds-table-head.js.map +1 -1
- package/react/components/Table/sgds-table.cjs.js +56 -14
- package/react/components/Table/sgds-table.cjs.js.map +1 -1
- package/react/components/Table/sgds-table.js +57 -15
- package/react/components/Table/sgds-table.js.map +1 -1
- package/react/components/Table/table-cell.cjs.js +1 -1
- package/react/components/Table/table-cell.js +1 -1
- package/react/components/Table/table-context.cjs.js +11 -0
- package/react/components/Table/table-context.cjs.js.map +1 -0
- package/react/components/Table/table-context.js +7 -0
- package/react/components/Table/table-context.js.map +1 -0
- package/react/components/Table/table-head.cjs.js +1 -1
- package/react/components/Table/table-head.js +1 -1
- package/react/components/Table/table.cjs.js +1 -1
- package/react/components/Table/table.js +1 -1
- package/react/components/Textarea/sgds-textarea.cjs.js +0 -1
- package/react/components/Textarea/sgds-textarea.cjs.js.map +1 -1
- package/react/components/Textarea/sgds-textarea.js +0 -1
- package/react/components/Textarea/sgds-textarea.js.map +1 -1
- package/react/utils/inputValidationController.cjs.js +2 -2
- package/react/utils/inputValidationController.cjs.js.map +1 -1
- package/react/utils/inputValidationController.js +2 -2
- package/react/utils/inputValidationController.js.map +1 -1
- package/react/utils/validatorMixin.cjs.js +10 -13
- package/react/utils/validatorMixin.cjs.js.map +1 -1
- package/react/utils/validatorMixin.js +10 -13
- package/react/utils/validatorMixin.js.map +1 -1
- package/utils/inputValidationController.d.ts +1 -1
- package/utils/inputValidationController.js +2 -2
- package/utils/inputValidationController.js.map +1 -1
- package/utils/validatorMixin.js +10 -13
- package/utils/validatorMixin.js.map +1 -1
|
@@ -2256,7 +2256,7 @@ const kt=e=>e??ae;var _t=r`:host{cursor:pointer;display:inline-block}.alert-link
|
|
|
2256
2256
|
* Copyright 2020 Google LLC
|
|
2257
2257
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2258
2258
|
*/
|
|
2259
|
-
class extends We{constructor(e){if(super(e),e.type!==qe&&e.type!==Ne&&e.type!==Ye)throw new Error("The `live` directive is not allowed on child or event bindings");if(!Dt(e))throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ie||t===ae)return t;const s=e.element,i=e.name;if(e.type===qe){if(t===s[i])return ie}else if(e.type===Ye){if(!!t===s.hasAttribute(i))return ie}else if(e.type===Ne&&s.getAttribute(i)===String(t))return ie;return Zt(e),t}});var ia=r`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-20)}.invalid-feedback{font-size:var(--sgds-font-size-14);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`,aa=r`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-14);line-height:var(--sgds-line-height-20)}.form-text.disabled{opacity:var(--sgds-opacity-50)}`,oa=r`.form-label{color:var(--sgds-form-color-default);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-50)}.form-check-label{color:var(--sgds-form-color-default)}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:not-allowed}`,na=r`.form-control::placeholder{color:var(--sgds-form-color-subtle);font-family:var(--sgds-font-family-brand);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-24)}`;class ra extends He{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=$i("input"),this._labelId=$i("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}ra.styles=[...He.styles,ia,aa,oa,na],t([Ve({reflect:!0})],ra.prototype,"label",void 0),t([Ve({reflect:!0})],ra.prototype,"hintText",void 0),t([Ve({reflect:!0})],ra.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],ra.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],ra.prototype,"invalid",void 0);const la=(e="value")=>(t,s)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,n){var r;const l=i.getPropertyOptions(e);if(t===("string"==typeof l.attribute?l.attribute:e).toLowerCase()){const t=l.converter||k,i=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:k.fromAttribute)(n,l.type);this[e]!==i&&(this[s]=i)}a.call(this,t,o,n)}};class da{constructor(e,t,s){(this.host=e).addController(this),this._internals=t,this.options=Object.assign({setInvalid:(e,t)=>{e.invalid=t},value:e=>e.value,input:e=>e.input},s)}hostConnected(){this.host.addEventListener("invalid",e=>this.handleInvalid(e))}hostDisconnected(){this.host.removeEventListener("invalid",e=>this.handleInvalid(e))}handleInvalid(e){e.preventDefault(),this.options.setInvalid(this.host,!0)}handleInput(e){const t=e.target;this.options.setInvalid(this.host,!1),this.validateInput(t)}handleChange(e){const t=e.target;this.validateInput(t),this.options.setInvalid(this.host,!this.checkValidity())}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}updateInvalidState(){this.options.setInvalid(this.host,!this.checkValidity())}resetValidity(){return this._internals.setValidity({})}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}setValidity(e,t,s){return this._internals.setValidity(e,t,s)}setFormValue(){const e=this.options.value(this.host);this._internals.setFormValue(e)}validateInput(e){if(this.options.input(this.host).disabled)return this._internals.setValidity({});const t=e.validity;if(t.valid)this._internals.setValidity({});else for(const s in t)t[s]&&(this.validationError=s.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const ca=e=>{class s extends e{constructor(...e){var t;super(...e),this._isTouched=!1,this._internals=this.attachInternals(),null!==(t=this.inputValidationController)&&void 0!==t||(this.inputValidationController=new da(this,this._internals))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinShouldSkipSgdsValidation()||(this._mixinSetFormValue(),this._mixinValidate(this.input))}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this.inputValidationController.validateInput(e),this._isTouched&&(this._isTouched=!1)}_mixinValidate(e){this.inputValidationController.validateInput(e)}_mixinSetFormValue(){this.inputValidationController.setFormValue()}_mixinCheckValidity(){return this.inputValidationController.checkValidity()}_mixinReportValidity(){return this.inputValidationController.reportValidity()}_mixinGetValidity(){return this.inputValidationController.validity}_mixinGetValidationMessage(){return this.inputValidationController.validationMessage}_mixinSetValidity(e,t,s){return this.inputValidationController.setValidity(e,t,s)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return t([Le("sgds-input")],s.prototype,"sgdsInput",void 0),t([Le("sgds-datepicker-input")],s.prototype,"sgdsDatepickerInput",void 0),s};var ha=r`.form-check-input[type=checkbox]{border-radius:var(--sgds-form-border-radius-md)}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path d="M14.347 3.979a.522.522 0 0 1 0 .739L7.043 12.02a.521.521 0 0 1-.738 0L2.653 8.369a.522.522 0 1 1 .739-.738l3.282 3.283 6.934-6.935a.52.52 0 0 1 .739 0Z" fill="%23fff"/></svg>')}.form-check-input:indeterminate,.form-check-input[indeterminate]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Z" fill="%23fff"/></svg>');background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:indeterminate:focus,.form-check-input:indeterminate:hover,.form-check-input[indeterminate]:focus-visible,.form-check-input[indeterminate]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}.form-check-input:indeterminate.is-invalid,.form-check-input[checked].is-invalid,.form-check-input[indeterminate].is-invalid{background-color:var(--sgds-form-danger-surface-default)}.form-check-label{flex:1}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,ua=r`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;class pa extends(ca(ra)){constructor(){super(...arguments),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.invalidFeedback="",this._isTouched=!1}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){this.indeterminate&&(this.indeterminate=!this.indeterminate),this.checked=!this.checked,super._mixinHandleChange(e),this.emit("sgds-change",{detail:{checked:this.checked,value:this.value}}),this.checked?this.emit("sgds-check",{detail:{value:this.value}}):this.emit("sgds-uncheck",{detail:{value:this.value}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleBlur(){this._isTouched=!0,this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleDisabledChange(){this.setInvalid(!1)}_handleIsTouched(){this._isTouched&&(this.invalid=!this.input.checkValidity())}_mixinResetFormControl(){this._isTouched=!1,this.checked=this.input.checked=this.defaultChecked,this.input.dispatchEvent(new InputEvent("reset")),this._mixinResetValidity(this.input)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}firstUpdated(e){super.firstUpdated(e),this.checked&&this.emit("sgds-check",{detail:{value:this.value}})}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback;return te`
|
|
2259
|
+
class extends We{constructor(e){if(super(e),e.type!==qe&&e.type!==Ne&&e.type!==Ye)throw new Error("The `live` directive is not allowed on child or event bindings");if(!Dt(e))throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ie||t===ae)return t;const s=e.element,i=e.name;if(e.type===qe){if(t===s[i])return ie}else if(e.type===Ye){if(!!t===s.hasAttribute(i))return ie}else if(e.type===Ne&&s.getAttribute(i)===String(t))return ie;return Zt(e),t}});var ia=r`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-20)}.invalid-feedback{font-size:var(--sgds-font-size-14);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`,aa=r`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-14);line-height:var(--sgds-line-height-20)}.form-text.disabled{opacity:var(--sgds-opacity-50)}`,oa=r`.form-label{color:var(--sgds-form-color-default);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-50)}.form-check-label{color:var(--sgds-form-color-default)}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:not-allowed}`,na=r`.form-control::placeholder{color:var(--sgds-form-color-subtle);font-family:var(--sgds-font-family-brand);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-24)}`;class ra extends He{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=$i("input"),this._labelId=$i("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}ra.styles=[...He.styles,ia,aa,oa,na],t([Ve({reflect:!0})],ra.prototype,"label",void 0),t([Ve({reflect:!0})],ra.prototype,"hintText",void 0),t([Ve({reflect:!0})],ra.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],ra.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],ra.prototype,"invalid",void 0);const la=(e="value")=>(t,s)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,n){var r;const l=i.getPropertyOptions(e);if(t===("string"==typeof l.attribute?l.attribute:e).toLowerCase()){const t=l.converter||k,i=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:k.fromAttribute)(n,l.type);this[e]!==i&&(this[s]=i)}a.call(this,t,o,n)}};class da{constructor(e,t){(this.host=e).addController(this),this._internals=this.host.attachInternals(),this.options=Object.assign({setInvalid:(e,t)=>{e.invalid=t},value:e=>e.value,input:e=>e.input},t)}hostConnected(){this.host.addEventListener("invalid",e=>this.handleInvalid(e))}hostDisconnected(){this.host.removeEventListener("invalid",e=>this.handleInvalid(e))}handleInvalid(e){e.preventDefault(),this.options.setInvalid(this.host,!0)}handleInput(e){const t=e.target;this.options.setInvalid(this.host,!1),this.validateInput(t)}handleChange(e){const t=e.target;this.validateInput(t),this.options.setInvalid(this.host,!this.checkValidity())}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}updateInvalidState(){this.options.setInvalid(this.host,!this.checkValidity())}resetValidity(){return this._internals.setValidity({})}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}setValidity(e,t,s){return this._internals.setValidity(e,t,s)}setFormValue(){const e=this.options.value(this.host);this._internals.setFormValue(e)}validateInput(e){if(this.options.input(this.host).disabled)return this._internals.setValidity({});const t=e.validity;if(t.valid)this._internals.setValidity({});else for(const s in t)t[s]&&(this.validationError=s.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const ca=e=>{class s extends e{constructor(){super(...arguments),this._isTouched=!1}connectedCallback(){var e;super.connectedCallback(),this._mixinShouldSkipSgdsValidation()||null!==(e=this.inputValidationController)&&void 0!==e||(this.inputValidationController=new da(this))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinShouldSkipSgdsValidation()||(this._mixinSetFormValue(),this._mixinValidate(this.input))}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this.inputValidationController.validateInput(e),this._isTouched&&(this._isTouched=!1)}_mixinValidate(e){this.inputValidationController.validateInput(e)}_mixinSetFormValue(){this.inputValidationController.setFormValue()}_mixinCheckValidity(){return this.inputValidationController.checkValidity()}_mixinReportValidity(){return this.inputValidationController.reportValidity()}_mixinGetValidity(){return this.inputValidationController.validity}_mixinGetValidationMessage(){return this.inputValidationController.validationMessage}_mixinSetValidity(e,t,s){return this.inputValidationController.setValidity(e,t,s)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return s.formAssociated=!0,t([Le("sgds-input")],s.prototype,"sgdsInput",void 0),t([Le("sgds-datepicker-input")],s.prototype,"sgdsDatepickerInput",void 0),s};var ha=r`.form-check-input[type=checkbox]{border-radius:var(--sgds-form-border-radius-md)}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path d="M14.347 3.979a.522.522 0 0 1 0 .739L7.043 12.02a.521.521 0 0 1-.738 0L2.653 8.369a.522.522 0 1 1 .739-.738l3.282 3.283 6.934-6.935a.52.52 0 0 1 .739 0Z" fill="%23fff"/></svg>')}.form-check-input:indeterminate,.form-check-input[indeterminate]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Z" fill="%23fff"/></svg>');background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:indeterminate:focus,.form-check-input:indeterminate:hover,.form-check-input[indeterminate]:focus-visible,.form-check-input[indeterminate]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}.form-check-input:indeterminate.is-invalid,.form-check-input[checked].is-invalid,.form-check-input[indeterminate].is-invalid{background-color:var(--sgds-form-danger-surface-default)}.form-check-label{flex:1}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,ua=r`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;class pa extends(ca(ra)){constructor(){super(...arguments),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.invalidFeedback="",this._isTouched=!1}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}_handleChange(e){this.indeterminate&&(this.indeterminate=!this.indeterminate),this.checked=!this.checked,super._mixinHandleChange(e),this.emit("sgds-change",{detail:{checked:this.checked,value:this.value}}),this.checked?this.emit("sgds-check",{detail:{value:this.value}}):this.emit("sgds-uncheck",{detail:{value:this.value}})}_handleKeyDown(e){const t=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||t||this.click()}_handleBlur(){this._isTouched=!0,this.emit("sgds-blur")}_handleFocus(){this.emit("sgds-focus")}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleDisabledChange(){this.setInvalid(!1)}_handleIsTouched(){this._isTouched&&(this.invalid=!this.input.checkValidity())}_mixinResetFormControl(){this._isTouched=!1,this.checked=this.input.checked=this.defaultChecked,this.input.dispatchEvent(new InputEvent("reset")),this._mixinResetValidity(this.input)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}firstUpdated(e){super.firstUpdated(e),this.checked&&this.emit("sgds-check",{detail:{value:this.value}})}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback;return te`
|
|
2260
2260
|
<div class="form-check">
|
|
2261
2261
|
<input
|
|
2262
2262
|
class=${Ke({"form-check-input":!0,"is-invalid":e&&this.invalid})}
|
|
@@ -2294,7 +2294,7 @@ class extends We{constructor(e){if(super(e),e.type!==qe&&e.type!==Ne&&e.type!==Y
|
|
|
2294
2294
|
</div>
|
|
2295
2295
|
</div>
|
|
2296
2296
|
`:ae}
|
|
2297
|
-
`}}pa.styles=[...ra.styles,ua,ha],
|
|
2297
|
+
`}}pa.styles=[...ra.styles,ua,ha],t([Ve({type:String,reflect:!0})],pa.prototype,"value",void 0),t([Ve({type:Boolean,reflect:!0})],pa.prototype,"checked",void 0),t([Ve({type:String,reflect:!0})],pa.prototype,"hasFeedback",void 0),t([la("checked")],pa.prototype,"defaultChecked",void 0),t([Ve({type:Boolean,reflect:!0})],pa.prototype,"indeterminate",void 0),t([Ve({type:Boolean,reflect:!0})],pa.prototype,"required",void 0),t([Ve({type:String,reflect:!0})],pa.prototype,"invalidFeedback",void 0),t([Ee()],pa.prototype,"_isTouched",void 0),t([ot("disabled",{waitUntilFirstUpdate:!0})],pa.prototype,"_handleDisabledChange",null),t([ot("_isTouched",{waitUntilFirstUpdate:!0})],pa.prototype,"_handleIsTouched",null);var ga=r`:host{--sgds-checkbox-group-gap:var(--sgds-spacer-2)}fieldset{border:0;gap:var(--sgds-form-gap-md);margin:0;min-width:0;padding:0}.label-hint-container,fieldset{display:flex;flex-direction:column}.label-hint-container{gap:var(--sgds-form-gap-sm)}.label-hint-container .form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-16);font-weight:var(--sgds-font-weight-regular)}.checkbox-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.checkbox-group-validation-input{display:none}:host([disabled]) .label-hint-container{cursor:not-allowed;opacity:var(--sgds-opacity-50)}`;class va extends(ca(ra)){constructor(){super(...arguments),this.label="",this.invalidFeedback="Please tick at least one box if you want to proceed",this.hasFeedback=!1,this.hintText="",this.required=!1,this.value="",this._isTouched=!1,this.defaultValue="",this._blurredCheckboxes=new Set}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-check",e=>{const{value:t}=e.detail;!this.value.includes(t)&&this._addValue(t)}),this.addEventListener("sgds-uncheck",e=>{const{value:t}=e.detail;this._removeValue(t)}),this.addEventListener("sgds-blur",e=>{const t=e.target;this._blurredCheckboxes.add(t),Array.from(this._blurredCheckboxes).length===this._checkboxes.length&&(this._isTouched=!0,this._blurredCheckboxes.clear())})}firstUpdated(e){super.firstUpdated(e),this.value&&this._updateInputValue(),this.invalid&&this._updateInvalid()}_renderHintText(){const e=te` <div class="form-text" id="${this._controlId}Help">${this.hintText}</div> `;return this.hintText&&e}_addValue(e){const t=this.value?this.value.split(";"):[];t.push(e),this.value=t.join(";")}_removeValue(e){const t=(this.value?this.value.split(";"):[]).filter(t=>t!==e);this.value=t.join(";")}_sanitizeSlot(){this._checkboxes.forEach(e=>{e.checked=e.defaultChecked=this.value.includes(e.value),e.hasFeedback=this.hasFeedback?"style":null,e.required&&(console.error("Checkboxes in a group cannot have required or hasFeedback prop set to true"),e.remove())}),this._disabledChildCheckboxes()}_disabledChildCheckboxes(){if(this.disabled){this._checkboxes.forEach(e=>e.disabled=this.disabled)}}_handleValueChange(){if("reset"===this.formEvent&&this.value===this.defaultValue)return void(this.formEvent=null);this.emit("sgds-change");this._checkboxes.forEach(e=>{e.checked=this.value.includes(e.value)}),this._updateInputValue(),this._updateInvalid()}_handleIsTouched(){this._isTouched&&(this.invalid=!this.input.checkValidity(),this._updateInvalid())}_updateInvalid(){this._checkboxes.forEach(e=>e.invalid=this.invalid)}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_mixinResetFormControl(){this.value=this.input.value=this.defaultValue,this._updateInputValue("reset"),this._mixinResetValidity(this.input)}async _updateInputValue(e="change"){this.input.value=this.value,this.input.dispatchEvent(new InputEvent(e)),this.formEvent=e}render(){return te`
|
|
2298
2298
|
<fieldset>
|
|
2299
2299
|
<div class="label-hint-container">
|
|
2300
2300
|
<label class="form-label">${this.label}</label>
|
|
@@ -2328,7 +2328,7 @@ class extends We{constructor(e){if(super(e),e.type!==qe&&e.type!==Ne&&e.type!==Y
|
|
|
2328
2328
|
</div>
|
|
2329
2329
|
`:ae}
|
|
2330
2330
|
</fieldset>
|
|
2331
|
-
`}}va.styles=[...ra.styles,ga],
|
|
2331
|
+
`}}va.styles=[...ra.styles,ga],t([Ve({reflect:!0})],va.prototype,"label",void 0),t([Ve({type:String,reflect:!0})],va.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],va.prototype,"hasFeedback",void 0),t([Ve({reflect:!0})],va.prototype,"hintText",void 0),t([Ve({type:Boolean,reflect:!0})],va.prototype,"required",void 0),t([Ve({reflect:!0})],va.prototype,"value",void 0),t([Ee()],va.prototype,"_isTouched",void 0),t([la()],va.prototype,"defaultValue",void 0),t([Ee()],va.prototype,"_blurredCheckboxes",void 0),t([Ee()],va.prototype,"formEvent",void 0),t([Te()],va.prototype,"_checkboxes",void 0),t([ot("value",{waitUntilFirstUpdate:!0})],va.prototype,"_handleValueChange",null),t([ot("_isTouched",{waitUntilFirstUpdate:!0})],va.prototype,"_handleIsTouched",null),t([ot("invalid",{waitUntilFirstUpdate:!0})],va.prototype,"_updateInvalid",null);var ma=r`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;min-width:var(--sgds-dimension-256);padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-size:var(--sgds-font-size-16);line-height:var(--sgds-line-height-24);outline:none;padding:0}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}@media (prefers-reduced-motion:reduce){.form-control-group{transition:none}}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-50)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`,fa=r`.empty-menu,.loading-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px);pointer-events:none}.loading-menu{align-items:center;display:flex;gap:var(--sgds-gap-xs)}`;class ba extends(ca(Di)){constructor(){super(),this.label="",this.hintText="",this.autofocus=!1,this.disabled=!1,this.required=!1,this.loading=!1,this.value="",this.displayValue="",this.defaultValue="",this.hasFeedback=!1,this.invalidFeedback="",this.invalid=!1,this.menuList=[],this.selectedItems=[],this.filteredList=[],this._isTouched=!1,this._controlId=$i("input"),this._labelId=$i("label"),this.floatingOpts={middleware:[wi({apply({rects:e,elements:t}){t.floating.style.width=`${e.reference.width}px`}})]}}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",async e=>{var t;const s=this.constructor.childName,i=(null===(t=e.relatedTarget)||void 0===t?void 0:t.tagName.toLowerCase())===s;this.invalid=!i&&!this._mixinReportValidity()})}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_renderFeedback(){return this.invalid&&this.hasFeedback?te` <div class="invalid-feedback-container">
|
|
2332
2332
|
<slot name="invalidIcon">
|
|
2333
2333
|
<sgds-icon name="exclamation-circle-fill" size="md"></sgds-icon>
|
|
2334
2334
|
</slot>
|
|
@@ -2342,7 +2342,7 @@ class extends We{constructor(e){if(super(e),e.type!==qe&&e.type!==Ne&&e.type!==Y
|
|
|
2342
2342
|
class=${Ke({"form-label":!0,required:this.required})}
|
|
2343
2343
|
>${this.label}</label
|
|
2344
2344
|
>
|
|
2345
|
-
`;return this.label&&e}_handleClick(){if(this.readonly)return null;this.menuIsOpen?this.hideMenu():this.showMenu()}async _getMenuListFromOptions(e){const t=e.map(async e=>(await e.updateComplete,e)),s=await Promise.all(t);return null==s?void 0:s.map(e=>{var t;return{label:e.innerText,value:e.getAttribute("value"),disabled:null!==(t=e.disabled)&&void 0!==t?t:void 0}})}_renderEmptyMenu(){return te` <div class="empty-menu">No options</div> `}_renderLoadingMenu(){return te`<div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>`}}ba.
|
|
2345
|
+
`;return this.label&&e}_handleClick(){if(this.readonly)return null;this.menuIsOpen?this.hideMenu():this.showMenu()}async _getMenuListFromOptions(e){const t=e.map(async e=>(await e.updateComplete,e)),s=await Promise.all(t);return null==s?void 0:s.map(e=>{var t;return{label:e.innerText,value:e.getAttribute("value"),disabled:null!==(t=e.disabled)&&void 0!==t?t:void 0}})}_renderEmptyMenu(){return te` <div class="empty-menu">No options</div> `}_renderLoadingMenu(){return te`<div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>`}}ba.styles=[...Di.styles,Vi,aa,ia,ma,fa],t([Ve({reflect:!0})],ba.prototype,"label",void 0),t([Ve({reflect:!0})],ba.prototype,"hintText",void 0),t([Ve({reflect:!0})],ba.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],ba.prototype,"placeholder",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"disabled",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"loading",void 0),t([Ve({type:String,reflect:!0})],ba.prototype,"value",void 0),t([Ee()],ba.prototype,"displayValue",void 0),t([la()],ba.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],ba.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],ba.prototype,"invalid",void 0),t([Ve({type:Array})],ba.prototype,"menuList",void 0),t([Ee()],ba.prototype,"selectedItems",void 0),t([Ee()],ba.prototype,"filteredList",void 0),t([Le("input.form-control")],ba.prototype,"_input",void 0);var wa=r`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48);min-width:var(--sgds-dimension-256)}.combobox-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}slot[id=default].d-none,slot[id=default].d-none::slotted(*){display:none}.form-clearable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`,ya=r`:host([active]) .dropdown-item{background-color:var(--sgds-primary-surface-translucent)}.dropdown-item{background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;height:100%;padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item.disabled{opacity:var(--sgds-opacity-50);pointer-events:none}.dropdown-item .normal-item-content{align-items:center;display:flex;justify-content:space-between}:host([active]) .dropdown-item .normal-item-content{color:var(--sgds-primary-bg-default)}:host([active]) .dropdown-item .normal-item-content sgds-icon{fill:var(--sgds-primary-bg-default);color:var(--sgds-primary-bg-default)}.dropdown-item:hover{background:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}`;class xa extends He{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){const e={disabled:this.disabled,active:this.active};return te`
|
|
2346
2346
|
<div class="dropdown-item ${Ke(e)}" tabindex=${this.disabled?"-1":"0"}>
|
|
2347
2347
|
${this._renderItemContent()}
|
|
2348
2348
|
</div>
|
|
@@ -2641,7 +2641,7 @@ const _a=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
2641
2641
|
</div>
|
|
2642
2642
|
${this._renderFeedback()}
|
|
2643
2643
|
</div>
|
|
2644
|
-
`}}Mr.styles=[...ra.styles,ma,na,Sr],Mr.
|
|
2644
|
+
`}}Mr.styles=[...ra.styles,ma,na,Sr],Mr.dependencies={"sgds-spinner":Ma,"sgds-icon":wt},t([Ve({reflect:!0})],Mr.prototype,"type",void 0),t([Ve({type:String})],Mr.prototype,"prefix",void 0),t([Ve({type:String})],Mr.prototype,"suffix",void 0),t([Ve({type:Number,reflect:!0})],Mr.prototype,"minlength",void 0),t([Ve({type:Number,reflect:!0})],Mr.prototype,"maxlength",void 0),t([Ve()],Mr.prototype,"min",void 0),t([Ve()],Mr.prototype,"max",void 0),t([Ve({type:String,reflect:!0})],Mr.prototype,"placeholder",void 0),t([Ve({type:String})],Mr.prototype,"pattern",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"readonly",void 0),t([Ve()],Mr.prototype,"step",void 0),t([Ve({type:String,reflect:!0})],Mr.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Mr.prototype,"invalidFeedback",void 0),t([la()],Mr.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"valid",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"loading",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"required",void 0),t([Ve({type:Boolean,reflect:!0})],Mr.prototype,"noValidate",void 0),t([Ve({reflect:!0})],Mr.prototype,"value",void 0),t([Ee()],Mr.prototype,"_isTouched",void 0),t([Ee()],Mr.prototype,"_showPassword",void 0),t([ot("_isTouched",{waitUntilFirstUpdate:!0})],Mr.prototype,"_handleIsTouched",null),t([ot("disabled",{waitUntilFirstUpdate:!0})],Mr.prototype,"_handleDisabledChange",null);var $r=r`.datepicker-input-container{display:flex;flex-direction:row;width:-webkit-fill-available;width:-moz-available}.datepicker-input-container .form-control-group{border-right:0}.calendar-btn{all:unset}`;class Ar extends Mr{constructor(){super(),this.dateFormat="DD/MM/YYYY",this.mode="single",this._validateInput=async()=>{const e=this.mask.value.split(" - ").filter(e=>e!==this.dateFormat),t=e.map(e=>Bn(An(e,Vn[this.dateFormat].fnsPattern,new Date))),s=t.filter(e=>!Ha(e)||Eo(e,new Date(0,0,1))||Eo(e,Bn(new Date(this.minDate)))||Vo(e,Bn(new Date(this.maxDate))));return s.length>0||"range"===this.mode&&1===t.length?(this.setInvalid(!0),this.emit("sgds-invalid-input")):0===s.length&&t.length>0?(this.setInvalid(!1),this.emit("sgds-selectdates-input",{detail:t})):0===t.length&&0===s.length?(this.setInvalid(!1),this.emit("sgds-empty-input")):void 0},this.type="text",this._handleBlur=()=>null}async _handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e),await this._validateInput()}async firstUpdated(e){super.firstUpdated(e),this._applyInputMask(this.dateFormat)}async _applyInputMask(e){const t=await this.shadowInput,s="single"===this.mode?Vn[e].imPattern:Vn[e].imRangePattern,i={mask:s,pattern:s,eager:!0,overwrite:!0,parse:function(t){return t.split(" - ").map(t=>An(t,Vn[e].fnsPattern,new Date))},format:function(e){return e.map(e=>{let t,s="";const i=e.getDate(),a=e.getMonth()+1;return i<10&&(t="0"+i),a<10&&(s="0"+a),[t,s,e.getFullYear()].join("/")}).join(" - ")},lazy:!1,blocks:{d:{mask:er.MaskedRange,placeholderChar:"D",from:0,to:9,maxLength:1},m:{mask:er.MaskedRange,placeholderChar:"M",from:0,to:9,maxLength:1},y:{mask:er.MaskedRange,placeholderChar:"Y",from:0,to:9,maxLength:1},D:{mask:er.MaskedRange,placeholderChar:"D",from:0,to:9,maxLength:1},M:{mask:er.MaskedRange,placeholderChar:"M",from:0,to:9,maxLength:1},Y:{mask:er.MaskedRange,placeholderChar:"Y",from:0,to:9,maxLength:1}}};this.mask=er(t,i),this.mask.on("accept",()=>{this.value=this.mask.masked.value,this.emit("sgds-mask-input-change",{detail:this.value})}),this.mask.on("complete",this._validateInput)}updateMaskValue(){var e;null===(e=this.mask)||void 0===e||e.updateValue()}destroyInputMask(){var e;null===(e=this.mask)||void 0===e||e.destroy()}async applyInputMask(){return await this._applyInputMask(this.dateFormat)}async focus(){return(await this.shadowInput).focus()}render(){return te`
|
|
2645
2645
|
<div
|
|
2646
2646
|
class="form-control-container ${Ke({disabled:this.disabled})}"
|
|
2647
2647
|
>
|
|
@@ -2714,7 +2714,7 @@ const _a=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
2714
2714
|
></sgds-datepicker-calendar>
|
|
2715
2715
|
</ul>
|
|
2716
2716
|
</div>
|
|
2717
|
-
`}}Vr.styles=[...Ai.styles,Vi,Dr],Vr.
|
|
2717
|
+
`}}Vr.styles=[...Ai.styles,Vi,Dr],Vr.dependencies={"sgds-datepicker-input":Ar,"sgds-datepicker-calendar":Fn,"sgds-datepicker-header":Rn,"sgds-button":Yi,"sgds-icon-button":Hn},t([Ve({type:Boolean,reflect:!0})],Vr.prototype,"required",void 0),t([Ve({reflect:!0})],Vr.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],Vr.prototype,"disabled",void 0),t([Ve({type:String,reflect:!0})],Vr.prototype,"value",void 0),t([Ve({type:Array,reflect:!0})],Vr.prototype,"initialValue",void 0),t([Ve({type:String})],Vr.prototype,"minDate",void 0),t([Ve({type:String})],Vr.prototype,"maxDate",void 0),t([Ve({type:String,reflect:!0})],Vr.prototype,"mode",void 0),t([Ve({type:String,reflect:!0})],Vr.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Vr.prototype,"hasFeedback",void 0),t([Ve({reflect:!0})],Vr.prototype,"label",void 0),t([Ve({reflect:!0})],Vr.prototype,"hintText",void 0),t([Ve({type:Boolean,reflect:!0,state:!1})],Vr.prototype,"noFlip",void 0),t([Ve({type:String,reflect:!0,state:!1})],Vr.prototype,"drop",void 0),t([Ve({attribute:!1})],Vr.prototype,"displayDate",void 0),t([la()],Vr.prototype,"defaultValue",void 0),t([Ee()],Vr.prototype,"invalid",void 0),t([Ee()],Vr.prototype,"view",void 0),t([Ee()],Vr.prototype,"selectedDateRange",void 0),t([Ee()],Vr.prototype,"focusedDate",void 0),t([Ee()],Vr.prototype,"focusedTabIndex",void 0),t([Le("sgds-datepicker-calendar")],Vr.prototype,"calendar",void 0),t([Le("sgds-datepicker-input")],Vr.prototype,"datepickerInputAsync",void 0),t([Ze("sgds-datepicker-input")],Vr.prototype,"datepickerInput",void 0),t([ot("value",{waitUntilFirstUpdate:!0})],Vr.prototype,"_handleValueChange",null);var Er=r`:host([bordered][islastchild]) .container:last-child{border-bottom:none}.container{align-items:flex-start;border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);justify-content:flex-start;padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}.data-container,.label-container{flex:1}.label-container{max-width:var(--sgds-dimension-280)}.label{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold)}.data,.label{font-size:var(--sgds-font-size-16)}.data{color:var(--sgds-color-subtle);font-weight:var(--sgds-font-weight-regular);margin:0}@media (min-width:512px){:host(:not([stacked])) .container{flex-direction:row;gap:var(--sgds-gap-2-xl)}}`;let Ir=0;class Br extends He{constructor(){super(...arguments),this.attrId=++Ir,this.componentId=`sgds-description-list-${this.attrId}`,this.stacked=!1,this.bordered=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","listitem")}render(){return te`
|
|
2718
2718
|
<div class="container">
|
|
2719
2719
|
<div class="label-container">
|
|
2720
2720
|
<span class="label">
|
|
@@ -2808,7 +2808,7 @@ const _a=(e,t,s)=>{const i=new Map;for(let a=t;a<=s;a++)i.set(e[a],a);return i};
|
|
|
2808
2808
|
${t}
|
|
2809
2809
|
</ul>
|
|
2810
2810
|
</div>
|
|
2811
|
-
`}}Ur.styles=[...ra.styles,Nr],Ur.
|
|
2811
|
+
`}}Ur.styles=[...ra.styles,Nr],Ur.dependencies={"sgds-button":Yi,"sgds-close-button":mt,"sgds-icon":wt},t([Ve({type:Boolean,reflect:!0})],Ur.prototype,"multiple",void 0),t([Ve({type:String,reflect:!0})],Ur.prototype,"accept",void 0),t([Ve({type:Boolean,reflect:!0})],Ur.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Ur.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Ur.prototype,"required",void 0),t([Ee()],Ur.prototype,"selectedFiles",void 0),t([ot("disabled",{waitUntilFirstUpdate:!0})],Ur.prototype,"_handleDisabledChange",null);var qr=r`.footer{background-color:var(--sgds-bg-fixed-dark);container:footer/inline-size;height:auto;padding:var(--sgds-padding-none) var(--sgds-padding-lg)}.footer-top{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-default);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-top.has-content{gap:var(--sgds-gap-2-xl)}.footer-header{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}slot[name=title]::slotted(*){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-32)!important;margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}slot:not([name])::slotted(*),slot[name=description]::slotted(*){color:var(--sgds-color-fixed-light);margin-bottom:var(--sgds-margin-none)!important;margin-top:var(--sgds-margin-none)}.footer-items{display:grid;gap:var(--sgds-gap-md) var(--sgds-gap-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer ul{margin:0;padding:0}.footer ul li{list-style-type:none}.footer-bottom{display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}.footer-mandatory-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between}.footer-mandatory-links ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.footer-mandatory-links ul li a,.footer-mandatory-links ul li a:focus,.footer-mandatory-links ul li a:hover{color:var(--sgds-color-fixed-light)}.footer-mandatory-links ul li a:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.footer-copyrights{color:var(--sgds-color-fixed-light);font-size:var(--sgds-font-size-14)}@container footer (min-width: 512px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-xl)}.footer-bottom,.footer-top{padding:var(--sgds-padding-2-xl) var(--sgds-padding-none)}}@container footer (min-width: 768px){.footer{padding:var(--sgds-padding-none) var(--sgds-padding-2-xl)}.footer-mandatory-links ul{flex-direction:row;gap:var(--sgds-gap-sm) var(--sgds-gap-xl)}}@container footer (min-width: 1024px){.footer{padding:var(--sgds-padding-none)}.footer-top{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-3-xl) var(--sgds-padding-none);width:100%}.footer-top.has-content{gap:var(--sgds-gap-3-xl)}slot[name=title]::slotted(*){font-size:var(--sgds-font-size-28)!important;line-height:var(--sgds-line-height-36)!important}.footer-bottom{margin:auto;max-width:var(--sgds-dimension-888);padding:var(--sgds-padding-2-xl) var(--sgds-padding-none);width:100%}.footer-mandatory-links ul{gap:var(--sgds-gap-xl)}}@container footer (min-width: 1280px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1168)}.footer-mandatory-links{flex-direction:row}}@container footer (min-width: 1440px){.footer-bottom,.footer-top{max-width:var(--sgds-dimension-1312)}}`;class Yr extends He{constructor(){super(...arguments),this.copyrightLiner="Government of Singapore",this.contactHref="#",this.feedbackHref="#",this.faqHref="",this.sitemapHref="",this.privacyHref="#",this.termsOfUseHref="#",this.hasDefaultSlot=!1,this.hasTitleSlot=!1,this.hasDescriptionSlot=!1,this.hasItemsSlot=!1,this.hasSlotController=new Ci(this,"[default]","title","description","items")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this.hasTitleSlot||(this.hasTitleSlot=this.hasSlotController.test("title")),this.hasDescriptionSlot||(this.hasDescriptionSlot=this.hasSlotController.test("description")),this.hasItemsSlot||(this.hasItemsSlot=this.hasSlotController.test("items"))}render(){return te`
|
|
2812
2812
|
<footer class="footer">
|
|
2813
2813
|
<section
|
|
2814
2814
|
class="${Ke({"footer-top":this.hasDefaultSlot||this.hasTitleSlot||this.hasDescriptionSlot||this.hasItemsSlot,"has-content":this.hasDefaultSlot||this.hasItemsSlot})}"
|
|
@@ -3385,7 +3385,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3385
3385
|
<div id="announcer" role="region" aria-live="assertive" class="visually-hidden">${this.value}</div>
|
|
3386
3386
|
${this._renderFeedback()}
|
|
3387
3387
|
</div>
|
|
3388
|
-
`}}Ll.styles=[...ra.styles,na,yl,ma,Zl],Ll.
|
|
3388
|
+
`}}Ll.styles=[...ra.styles,na,yl,ma,Zl],Ll.dependencies={"sgds-input":Mr,"sgds-icon-button":Hn},t([Ze("sgds-icon-button[ariaLabel^='increase by']")],Ll.prototype,"plusBtn",void 0),t([Ze("sgds-icon-button[ariaLabel^='decrease by']")],Ll.prototype,"minusBtn",void 0),t([Ve({type:Number,reflect:!0})],Ll.prototype,"value",void 0),t([Ve({type:Number})],Ll.prototype,"step",void 0),t([Ve({type:Number})],Ll.prototype,"min",void 0),t([Ve({type:Number})],Ll.prototype,"max",void 0),t([Ve({type:String,reflect:!0})],Ll.prototype,"hasFeedback",void 0),t([Ve({type:String,reflect:!0})],Ll.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Ll.prototype,"readonly",void 0),t([la()],Ll.prototype,"defaultValue",void 0),t([Le("sgds-input")],Ll.prototype,"_sgdsInput",void 0);var Tl=r`:host{outline:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input[checked]{--sgds-radio-bg-image:url('data:image/svg+xml;charset=utf-8,<svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z" fill="%23fff"/></svg>')}.form-check-input[checked].is-invalid{background-color:var(--sgds-form-danger-surface-default)}`;class Fl extends He{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.invalid=!1,this.radioId=$i("radio")}connectedCallback(){super.connectedCallback(),this.setInitialAttributes(),this.addEventListeners()}handleCheckedChange(){var e;this.checked&&(null===(e=this.input)||void 0===e||e.focus()),this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleBlur(){this.emit("sgds-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.emit("sgds-focus")}addEventListeners(){this.addEventListener("blur",()=>this.handleBlur()),this.addEventListener("click",()=>this.handleClick()),this.addEventListener("focus",()=>this.handleFocus())}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return te`
|
|
3389
3389
|
<div class="form-check">
|
|
3390
3390
|
<input
|
|
3391
3391
|
class=${Ke({"form-check-input":!0,"is-invalid":this.invalid})}
|
|
@@ -3446,7 +3446,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3446
3446
|
</div>
|
|
3447
3447
|
`:ae}
|
|
3448
3448
|
</fieldset>
|
|
3449
|
-
`}}Hl.styles=[...ra.styles,Pl],
|
|
3449
|
+
`}}Hl.styles=[...ra.styles,Pl],t([Ze("slot:not([name])")],Hl.prototype,"defaultSlot",void 0),t([Ee()],Hl.prototype,"defaultValue",void 0),t([Ve({reflect:!0})],Hl.prototype,"value",void 0),t([Ve({type:String,reflect:!0})],Hl.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Hl.prototype,"hasFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Hl.prototype,"required",void 0),t([ot("value",{waitUntilFirstUpdate:!0})],Hl.prototype,"_handleValueChange",null),t([ot("invalid",{waitUntilFirstUpdate:!0})],Hl.prototype,"_handleInvalidChange",null),t([Ee()],Hl.prototype,"_isTouched",void 0),t([Te()],Hl.prototype,"_radios",void 0),t([ot("_isTouched",{waitUntilFirstUpdate:!0})],Hl.prototype,"_handleIsTouched",null),t([ot("disabled",{waitUntilFirstUpdate:!0})],Hl.prototype,"_handleDisabledChange",null);var zl=r`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}slot[id=default].is-loading,slot[id=default].is-loading::slotted(*){display:none}`;class Rl extends xa{constructor(){super(...arguments),this._renderItemContent=()=>te`<div class="normal-item-content">
|
|
3450
3450
|
<slot></slot>
|
|
3451
3451
|
${this.active?te` <sgds-icon name="check"></sgds-icon> `:ae}
|
|
3452
3452
|
</div>`}}Rl.dependencies={"sgds-icon":wt};class Ol extends ba{constructor(){super(...arguments),this._blockInputKeydown=e=>{"Tab"!==e.key&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",async()=>{(await this._input).focus()})}async firstUpdated(e){super.firstUpdated(e),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input),this.menuIsOpen&&!this.readonly&&this.showMenu()}async _handleSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach(e=>e.addEventListener("click",e=>{e.target.disabled||this._handleItemSelected(e)})),t.forEach(e=>e.addEventListener("keydown",e=>{"Enter"===e.key&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){const e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){const e=this.menuList.findIndex(e=>e.value.toString()===this.value);this.options.forEach((t,s)=>{t.active=s===e})}async _handleValueChange(){this._setActiveToOption(),this.emit("sgds-change"),this.value&&this.emit("sgds-select");const e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||""!==this.value)&&(this.invalid=!this._mixinReportValidity())}async _handleItemSelected(e){var t,s,i;const a=e.target,o=null!==(s=null===(t=a.textContent)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",n={label:o,value:null!==(i=a.getAttribute("value"))&&void 0!==i?i:o};this.value=n.value.toString(),this.displayValue=n.label,this.hideMenu()}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){e.preventDefault(),this.emit("sgds-blur")}async _mixinResetFormControl(){this.value=this.defaultValue;const e=this.menuList.filter(({value:e})=>e===this.value);e.length<=0?this.displayValue="":this.displayValue=e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){const e=this.menuList.map(e=>{const t=e.value===this.value;return te`
|
|
@@ -3617,7 +3617,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3617
3617
|
<slot></slot>
|
|
3618
3618
|
</label>
|
|
3619
3619
|
</div>
|
|
3620
|
-
`}}nd.styles=[...He.styles,oa,od],t([Ve({reflect:!0,type:String})],nd.prototype,"size",void 0),t([Ve({reflect:!0,type:Boolean})],nd.prototype,"icon",void 0),t([Ve({type:Boolean,reflect:!0})],nd.prototype,"checked",void 0),t([Ve({type:Boolean,reflect:!0})],nd.prototype,"disabled",void 0),t([Ve({type:Boolean})],nd.prototype,"hasDefaultSlot",void 0),t([Ve({type:Boolean})],nd.prototype,"hasLeftLabelSlot",void 0),t([la("checked")],nd.prototype,"defaultChecked",void 0),t([Ze('input[type="checkbox"]')],nd.prototype,"input",void 0),t([ot("disabled",{waitUntilFirstUpdate:!0})],nd.prototype,"_handleDisabledChange",null);var rd=r`.banner-wrapper{display:block;width:100%}.banner,.banner-wrapper{background-color:var(--sgds-surface-fixed-dark)}.banner{align-items:center;color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-mainnav-mobile-padding-x));position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-12);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-16,16px);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:512px){.pagination,sgds-close-button{position:static}.banner{padding-left:var(--sgds-mainnav-mobile-padding-x);padding-right:var(--sgds-mainnav-mobile-padding-x)}}@media (min-width:1440px){.banner{margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding-left:var(--sgds-mainnav-padding-x);padding-right:var(--sgds-mainnav-padding-x)}}:host([fluid]) .banner{max-width:none}`;class ld extends He{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.
|
|
3620
|
+
`}}nd.styles=[...He.styles,oa,od],t([Ve({reflect:!0,type:String})],nd.prototype,"size",void 0),t([Ve({reflect:!0,type:Boolean})],nd.prototype,"icon",void 0),t([Ve({type:Boolean,reflect:!0})],nd.prototype,"checked",void 0),t([Ve({type:Boolean,reflect:!0})],nd.prototype,"disabled",void 0),t([Ve({type:Boolean})],nd.prototype,"hasDefaultSlot",void 0),t([Ve({type:Boolean})],nd.prototype,"hasLeftLabelSlot",void 0),t([la("checked")],nd.prototype,"defaultChecked",void 0),t([Ze('input[type="checkbox"]')],nd.prototype,"input",void 0),t([ot("disabled",{waitUntilFirstUpdate:!0})],nd.prototype,"_handleDisabledChange",null);var rd=r`.banner-wrapper{display:block;width:100%}.banner,.banner-wrapper{background-color:var(--sgds-surface-fixed-dark)}.banner{align-items:center;color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-mainnav-mobile-padding-x));position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-12);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-16,16px);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:512px){.pagination,sgds-close-button{position:static}.banner{padding-left:var(--sgds-mainnav-mobile-padding-x);padding-right:var(--sgds-mainnav-mobile-padding-x)}}@media (min-width:1440px){.banner{margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding-left:var(--sgds-mainnav-padding-x);padding-right:var(--sgds-mainnav-padding-x)}}:host([fluid]) .banner{max-width:none}`;class ld extends He{constructor(){super(...arguments),this.show=!1,this.dismissible=!1,this.noClampAction=!1,this.fluid=!1,this._intervalId=null,this._intervalTime=5e3,this._currentIndex=0}close(){this.show=!1}firstUpdated(e){super.firstUpdated(e),this.childCount=this.bannerItem.length,this.show?(this.childCount>1&&this._startAutoCycle(),this.addEventListener("mouseenter",this._pauseAutoCycle.bind(this)),this.addEventListener("mouseleave",this._resumeAutoCycle.bind(this)),this.addEventListener("focus",this._pauseAutoCycle.bind(this)),this.addEventListener("blur",this._resumeAutoCycle.bind(this))):this.banner.classList.add("d-none"),this._updateActiveItem(),this.childCount>5&&console.warn("It is not recommended to have more than 5 <sgds-system-banner-item> elements.")}disconnectedCallback(){super.disconnectedCallback(),this._stopAutoCycle()}async _handleShowChange(){this.show?(this.childCount>1&&this._startAutoCycle(),this.emit("sgds-show"),this.banner.classList.remove("d-none")):(this._stopAutoCycle(),this.emit("sgds-hide"),this.banner.classList.add("d-none"))}_updateActiveItem(){this.bannerItem.forEach((e,t)=>{t===this._currentIndex?e.setAttribute("active",""):e.removeAttribute("active")})}_next(){const e=this.bannerItem;this._currentIndex=(this._currentIndex+1)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"next"),this._resetAutoCycle()}_prev(){const e=this.bannerItem;this._currentIndex=(this._currentIndex-1+e.length)%e.length,this._updateActiveItem(),this._animateItem(e[this._currentIndex],"prev"),this._resetAutoCycle()}async _animateItem(e,t){e.getAnimations().forEach(e=>e.cancel());const s=st(this,`banner.item.${t}`);await Ge(e,s.keyframes,s.options)}_startAutoCycle(){this._stopAutoCycle(),this._intervalId=setInterval(()=>this._next(),this._intervalTime)}_stopAutoCycle(){this._intervalId&&(clearInterval(this._intervalId),this._intervalId=null)}_resetAutoCycle(){this._stopAutoCycle(),this._startAutoCycle()}_pauseAutoCycle(){this._stopAutoCycle()}_resumeAutoCycle(){this.show&&this.childCount>1&&this._startAutoCycle()}render(){return te`
|
|
3621
3621
|
<div class="banner-wrapper">
|
|
3622
3622
|
<div
|
|
3623
3623
|
class="${Ke({banner:!0})}"
|
|
@@ -3653,7 +3653,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3653
3653
|
`:ae}
|
|
3654
3654
|
</div>
|
|
3655
3655
|
</div>
|
|
3656
|
-
`}}ld.styles=[...He.styles,rd],ld.dependencies={"sgds-close-button":mt,"sgds-icon":wt,"sgds-icon-button":Hn},t([Ve({type:Boolean,reflect:!0})],ld.prototype,"show",void 0),t([Ve({type:Boolean,reflect:!0})],ld.prototype,"dismissible",void 0),t([Ve({type:Boolean
|
|
3656
|
+
`}}ld.styles=[...He.styles,rd],ld.dependencies={"sgds-close-button":mt,"sgds-icon":wt,"sgds-icon-button":Hn},t([Ve({type:Boolean,reflect:!0})],ld.prototype,"show",void 0),t([Ve({type:Boolean,reflect:!0})],ld.prototype,"dismissible",void 0),t([nl({context:"no-clamp-action-context"}),Ve({type:Boolean})],ld.prototype,"noClampAction",void 0),t([Ve({type:Boolean,reflect:!0})],ld.prototype,"fluid",void 0),t([Te({flatten:!0})],ld.prototype,"bannerItem",void 0),t([Ze(".banner")],ld.prototype,"banner",void 0),t([nl({context:"system-banner-children-count-context"}),Ee()],ld.prototype,"childCount",void 0),t([Ee()],ld.prototype,"_intervalId",void 0),t([Ee()],ld.prototype,"_currentIndex",void 0),t([ot("show",{waitUntilFirstUpdate:!0})],ld.prototype,"_handleShowChange",null),it("banner.item.next",{keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}}),it("banner.item.prev",{keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],options:{duration:500,easing:"cubic-bezier(0.45,0.05,0.55,0.95)"}});var dd=r`:host([density=compact]) .tab{font-size:var(--sgds-font-size-14);padding:var(--sgds-spacer-3) var(--sgds-spacer-5)}:host(:not([active])) .tab{cursor:pointer}:host([variant=solid]) .tab{background-color:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md)}:host([variant=solid][active]) .tab{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus,:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=solid]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent)}:host([disabled]) .tab{cursor:not-allowed;opacity:var(--sgds-opacity-50)}:host([variant=underlined][active]) .tab{color:var(--sgds-primary-color-default)}:host([variant=underlined][orientation=vertical]) .tab{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([variant=underlined][orientation=vertical][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:0;content:"";height:100%;position:absolute;right:-1px;width:var(--sgds-border-width-4)}:host([variant=underlined][orientation=horizontal]) .tab{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([variant=underlined][orientation=horizontal][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:-1px;content:"";height:var(--sgds-border-width-4);left:0;position:absolute;width:100%}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus,:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:0}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=underlined]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent-subtle)}.tab{align-items:center;color:var(--sgds-color-default);display:flex;gap:var(--sgds-spacer-3);padding:var(--sgds-spacer-4) var(--sgds-spacer-5);position:relative}.tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;let cd=0;class hd extends He{constructor(){super(...arguments),this.attrId=++cd,this.componentId=`sgds-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tab")}focus(e){var t,s;null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".tab"))||void 0===s||s.focus(e)}blur(){this.tab.blur()}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&(this.active=!1)}render(){return te`
|
|
3657
3657
|
<div data-testid="inner-tab" tabindex=${this.disabled?"-1":"0"} class="tab">
|
|
3658
3658
|
<slot name="icon"></slot>
|
|
3659
3659
|
<slot></slot>
|
|
@@ -3671,39 +3671,39 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3671
3671
|
<slot
|
|
3672
3672
|
class=${Ke({"tab-panel":!0,"tab-panel--active":this.active})}
|
|
3673
3673
|
></slot>
|
|
3674
|
-
`}}md.styles=[...He.styles,gd],t([Ve({reflect:!0})],md.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],md.prototype,"active",void 0),t([ot("active")],md.prototype,"_handleActiveChange",null);var fd=r`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{
|
|
3674
|
+
`}}md.styles=[...He.styles,gd],t([Ve({reflect:!0})],md.prototype,"name",void 0),t([Ve({type:Boolean,reflect:!0})],md.prototype,"active",void 0),t([ot("active")],md.prototype,"_handleActiveChange",null);var fd=r`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{display:table;width:100%}.hidden{display:none}.table>:not(caption) td,.table>:not(caption) th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.table>:not(caption) td>div,.table>:not(caption) th>div{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}:host([tableBorder]) .table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-bottom:0}:host([tableBorder]) .table.no-border{border:0}:host([headerBackground]) th{background-color:var(--sgds-surface-raised)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}`;const bd="table-header-background";class wd extends He{constructor(){super(...arguments),this.rowHeader=[],this.columnHeader=[],this.tableData=[],this.headerPosition="horizontal",this.headerBackground=!1,this.tableBorder=!1,this.hasDefaultSlot=!1,this._headerBackground=!1,this.hasSlotController=new Ci(this,"[default]")}connectedCallback(){super.connectedCallback()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this._headerBackground=this.headerBackground}_renderTable(){if("horizontal"===this.headerPosition)return te`
|
|
3675
3675
|
<thead>
|
|
3676
3676
|
<tr>
|
|
3677
|
-
${this.rowHeader.map(e=>te` <th>${e}</th> `)}
|
|
3677
|
+
${this.rowHeader.map(e=>te` <th><div>${e}</div></th> `)}
|
|
3678
3678
|
</tr>
|
|
3679
3679
|
</thead>
|
|
3680
3680
|
<tbody>
|
|
3681
3681
|
${this.tableData.map(e=>te`
|
|
3682
3682
|
<tr>
|
|
3683
|
-
${e.map(e=>te`<td>${e}</td>`)}
|
|
3683
|
+
${e.map(e=>te`<td><div>${e}</div></td>`)}
|
|
3684
3684
|
</tr>
|
|
3685
3685
|
`)}
|
|
3686
3686
|
</tbody>
|
|
3687
3687
|
`;if("both"===this.headerPosition)return te`
|
|
3688
3688
|
<thead>
|
|
3689
3689
|
<tr>
|
|
3690
|
-
<th></th>
|
|
3691
|
-
${this.rowHeader.map(e=>te` <th>${e}</th> `)}
|
|
3690
|
+
<th><div></div></th>
|
|
3691
|
+
${this.rowHeader.map(e=>te` <th><div>${e}</div></th> `)}
|
|
3692
3692
|
</tr>
|
|
3693
3693
|
</thead>
|
|
3694
3694
|
<tbody>
|
|
3695
3695
|
${this.tableData.map((e,t)=>te`
|
|
3696
3696
|
<tr>
|
|
3697
|
-
<th>${this.columnHeader[t]}</th>
|
|
3698
|
-
${e.map(e=>te`<td>${e}</td>`)}
|
|
3697
|
+
<th><div>${this.columnHeader[t]}</div></th>
|
|
3698
|
+
${e.map(e=>te`<td><div>${e}</div></td>`)}
|
|
3699
3699
|
</tr>
|
|
3700
3700
|
`)}
|
|
3701
3701
|
</tbody>
|
|
3702
3702
|
`;if("vertical"===this.headerPosition){const e=this.tableData[0].map((e,t)=>this.tableData.map(e=>e[t]));return te`
|
|
3703
3703
|
${e.map((e,t)=>te`
|
|
3704
3704
|
<tr>
|
|
3705
|
-
<th>${this.columnHeader[t]}</th>
|
|
3706
|
-
${e.map(e=>te`<td>${e}</td>`)}
|
|
3705
|
+
<th><div>${this.columnHeader[t]}</div></th>
|
|
3706
|
+
${e.map(e=>te`<td><div>${e}</div></td>`)}
|
|
3707
3707
|
</tr>
|
|
3708
3708
|
`)}
|
|
3709
3709
|
`}}render(){return te`
|
|
@@ -3711,18 +3711,22 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3711
3711
|
class=${Ke({"table-responsive":"always"===this.responsive,"table-responsive-sm":"sm"===this.responsive,"table-responsive-md":"md"===this.responsive,"table-responsive-lg":"lg"===this.responsive,"table-responsive-xl":"xl"===this.responsive})}
|
|
3712
3712
|
tabindex="0"
|
|
3713
3713
|
>
|
|
3714
|
-
<slot id="table-slot" class
|
|
3714
|
+
<slot id="table-slot" class=${Ke({table:!0,"no-border":!this.hasDefaultSlot})}></slot>
|
|
3715
3715
|
|
|
3716
3716
|
${this.hasDefaultSlot?"":te`<table class="table">
|
|
3717
3717
|
${this._renderTable()}
|
|
3718
3718
|
</table>`}
|
|
3719
3719
|
</div>
|
|
3720
|
-
`}}
|
|
3720
|
+
`}}wd.styles=[...He.styles,fd],t([Ve({type:String,reflect:!0})],wd.prototype,"responsive",void 0),t([Ve({type:Array})],wd.prototype,"rowHeader",void 0),t([Ve({type:Array})],wd.prototype,"columnHeader",void 0),t([Ve({type:Array})],wd.prototype,"tableData",void 0),t([Ve({type:String})],wd.prototype,"headerPosition",void 0),t([Ve({type:Boolean})],wd.prototype,"headerBackground",void 0),t([Ve({type:Boolean})],wd.prototype,"tableBorder",void 0),t([Ve({type:Boolean})],wd.prototype,"hasDefaultSlot",void 0),t([nl({context:bd}),Ee()],wd.prototype,"_headerBackground",void 0);var yd=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}.table-cell{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class xd extends He{connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return te`<div class="table-cell"><slot></slot></div>`}}xd.styles=[...He.styles,yd];var kd=r`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}:host([headerBackground]){background-color:var(--sgds-surface-raised)}.table-head{align-items:center;display:flex;font-weight:700;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;class _d extends He{constructor(){super(...arguments),this._headerBackground=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}_handleHeaderBackground(){this._headerBackground?this.setAttribute("headerBackground","true"):this.removeAttribute("headerBackground")}render(){return te`<div
|
|
3721
|
+
class=${Ke({"table-head":!0,"header-background":this._headerBackground})}
|
|
3722
|
+
>
|
|
3723
|
+
<slot></slot>
|
|
3724
|
+
</div>`}}_d.styles=[...He.styles,kd],t([rl({context:bd,subscribe:!0}),Ee()],_d.prototype,"_headerBackground",void 0),t([ot("_headerBackground")],_d.prototype,"_handleHeaderBackground",null);var Cd=r`:host{display:table-row;width:100%}`;class Sd extends He{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return te`<slot class="table-row"></slot>`}}Sd.styles=[...He.styles,Cd];var Md=r`.container{display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}slot:not([name])::slotted(*){font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold)!important;margin-bottom:var(--sgds-margin-none)!important}.contents{display:flex;flex-direction:column;gap:var(--sgds-gap-md);list-style:none;margin:var(--sgds-margin-none);padding:var(--sgds-padding-none)}slot[name=contents]::slotted(li){margin-top:var(--sgds-margin-none)!important}`;class $d extends He{render(){return te`<div class="container">
|
|
3721
3725
|
<slot></slot>
|
|
3722
3726
|
<ul class="contents">
|
|
3723
3727
|
<slot name="contents"></slot>
|
|
3724
3728
|
</ul>
|
|
3725
|
-
</div> `}}
|
|
3729
|
+
</div> `}}$d.styles=[...He.styles,Md];var Ad=r`textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;resize:vertical}textarea.form-control-group{min-height:var(--sgds-dimension-136);padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-auto{height:auto;overflow-y:hidden;resize:none}.textarea-info-container{display:flex;justify-content:space-between}.word-count{margin-left:auto}`;class Dd extends(ca(ra)){constructor(){super(...arguments),this.value="",this.spellcheck=!1,this.rows=4,this.placeholder="Placeholder",this.invalidFeedback="",this.autofocus=!1,this.readonly=!1,this.resize="vertical",this.defaultValue="",this.hasFeedback=!1,this.required=!1,this.hintText="",this._isTouched=!1}focus(e){this.textarea.focus(e)}blur(){this.textarea.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}select(){this.textarea.select()}_handleInvalid(e){e.preventDefault(),this.invalid=!0}_handleChange(e){this.value=this.input.value,this.emit("sgds-change"),super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value,this.emit("sgds-input"),super._mixinHandleInputChange(e)}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){this._isTouched=!0,this.emit("sgds-blur")}_handleRowsChange(){this._setTextareaHeight()}_setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=`${this.textarea.scrollHeight}px`):this.textarea.style.height=void 0}_handleIsTouched(){this._isTouched&&(this.invalid=!this.textarea.checkValidity())}_handleDisabledChange(){this.setInvalid(!1)}_handleValueChange(){this.updateComplete.then(()=>this._setTextareaHeight())}_renderHintText(){const e=ut` <div id="${this._controlId}Help" class="form-text">${this.hintText}</div> `;return this.hintText&&e}_wordCount(){return ut`
|
|
3726
3730
|
<div
|
|
3727
3731
|
class="form-text word-count ${Ke({"invalid-feedback":this.invalid&&this.hasFeedback})}"
|
|
3728
3732
|
>
|
|
@@ -3768,7 +3772,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3768
3772
|
${this.maxlength>0?this._wordCount():ae}
|
|
3769
3773
|
</div>
|
|
3770
3774
|
</div>
|
|
3771
|
-
`}}
|
|
3775
|
+
`}}Dd.styles=[...ra.styles,ma,Ad],t([Ze("textarea.form-control-group")],Dd.prototype,"textarea",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"name",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"value",void 0),t([Ve({type:Number,reflect:!0})],Dd.prototype,"minlength",void 0),t([Ve({type:Number,reflect:!0})],Dd.prototype,"maxlength",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"spellcheck",void 0),t([Ve({type:Number})],Dd.prototype,"rows",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"placeholder",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"invalidFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"autofocus",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"readonly",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"resize",void 0),t([Ve({type:String,reflect:!0})],Dd.prototype,"inputmode",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"autocorrect",void 0),t([la()],Dd.prototype,"defaultValue",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"hasFeedback",void 0),t([Ve({type:Boolean,reflect:!0})],Dd.prototype,"required",void 0),t([Ve({reflect:!0})],Dd.prototype,"hintText",void 0),t([Ee()],Dd.prototype,"_isTouched",void 0),t([ot("rows",{waitUntilFirstUpdate:!0})],Dd.prototype,"_handleRowsChange",null),t([ot("_isTouched",{waitUntilFirstUpdate:!0})],Dd.prototype,"_handleIsTouched",null),t([ot("disabled",{waitUntilFirstUpdate:!0})],Dd.prototype,"_handleDisabledChange",null),t([ot("value",{waitUntilFirstUpdate:!0})],Dd.prototype,"_handleValueChange",null);var Vd=r`:host([noPadding]) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host(:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=thumbnail]::slotted(*){height:var(--sgds-dimension-64)!important;max-width:var(--sgds-dimension-128)!important;min-width:var(--sgds-dimension-64)!important;object-fit:contain;object-position:left;width:100%}`;class Ed extends Ji{constructor(){super(...arguments),this.noPadding=!1}_getAnchorFromSlot(e){if(!e||0===e.length)return null;const t=e[0];return t.querySelector("a")||t}_handleThumbnailSlotChange(e){if(0===e.target.assignedElements({flatten:!0}).length&&("vertical"===this.orientation&&0===this._upperNode.length||"horizontal"===this.orientation)){this.shadowRoot.querySelector(".card-media").style.display="none";const e=this.shadowRoot.querySelector(".card-body");this.noPadding&&(e.style.padding="0px")}}_handleFooterSlotChange(e){var t;const s=e.target.assignedElements({flatten:!0}),i=null===(t=this._getAnchorFromSlot(s))||void 0===t?void 0:t.href;this.stretchedLink&&i&&this.card.setAttribute("href",i)}_handleLinkSlotChange(e){var t;this.warnLinkSlotMisused(e);const s=e.target.assignedElements({flatten:!0}),i=null===(t=this._getAnchorFromSlot(s))||void 0===t?void 0:t.href;this.stretchedLink&&i&&this.card.setAttribute("href",i)}render(){const e=this.stretchedLink?ct`a`:ct`div`,t=!this.stretchedLink||this.disabled?-1:0;return ut`
|
|
3772
3776
|
<${e}
|
|
3773
3777
|
class="card ${Ke({disabled:this.disabled})}"
|
|
3774
3778
|
tabindex=${t}
|
|
@@ -3794,7 +3798,7 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3794
3798
|
</slot>
|
|
3795
3799
|
</div>
|
|
3796
3800
|
</${e}>
|
|
3797
|
-
`}}
|
|
3801
|
+
`}}Ed.styles=[...Ji.styles,Vd],t([Fe({slot:"upper",flatten:!0})],Ed.prototype,"_upperNode",void 0),t([Ve({type:Boolean,reflect:!0})],Ed.prototype,"noPadding",void 0);var Id=r`:host([variant=info]) slot[name=icon]::slotted(*){color:var(--sgds-primary-color-default)}:host([variant=success]) slot[name=icon]::slotted(*){color:var(--sgds-success-color-default)}:host([variant=danger]) slot[name=icon]::slotted(*){color:var(--sgds-danger-color-default)}:host([variant=warning]) slot[name=icon]::slotted(*){color:var(--sgds-warning-color-fixed-light)}.toast{align-items:flex-start;background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);display:flex;flex-direction:row;gap:var(--sgds-gap-xs);max-width:var(--sgds-dimension-480);min-width:var(--sgds-dimension-320);padding:var(--sgds-padding-md);pointer-events:auto;width:320px}.toast-content{word-wrap:break-word;gap:var(--sgds-gap-sm)}.toast-body,.toast-content{display:flex;flex-direction:column}.toast-body{gap:var(--sgds-gap-2-xs)}.toast-body strong{line-height:var(--sgds-line-height-20)}.toast-body span{color:var(--sgds-color-subtle)}.toast-action{word-wrap:break-word;color:var(--sgds-link-color-default)}.toast-header strong{margin-right:auto;word-break:break-all}.close-btn{margin-left:auto}.d-none{display:none}`;class Bd extends He{constructor(){super(...arguments),this.show=!1,this.title="Title",this.noAnimation=!1,this.autohide=!1,this.delay=5e3,this.variant="info",this.dismissible=!1}async showToast(){if(!this.show)return this.show=!0,at(this,"sgds-after-show")}async hideToast(){if(this.show)return this.show=!1,at(this,"sgds-after-hide")}handleCloseClick(){this.show=!1,this.emit("sgds-close")}async handleShowChange(){if(this.show){this.emit("sgds-show"),this.toast.classList.remove("d-none");const e=st(this,"toast.show");this.noAnimation||await Ge(this.toast,e.keyframes,e.options),this.emit("sgds-after-show")}else{this.emit("sgds-hide");const e=st(this,"toast.hide");this.noAnimation||await Ge(this.toast,e.keyframes,e.options),this.toast.classList.add("d-none"),this.emit("sgds-after-hide")}}firstUpdated(e){var t;if(super.firstUpdated(e),this.show||this.toast.classList.add("d-none"),0===this._actionNodes.length)return null===(t=this.shadowRoot.querySelector("slot[name='action']"))||void 0===t?void 0:t.classList.add("d-none")}render(){return this.autohide&&this.show&&setTimeout(()=>{this.show=!1},this.delay),te`
|
|
3798
3802
|
<div
|
|
3799
3803
|
class="toast"
|
|
3800
3804
|
role="alert"
|
|
@@ -3816,11 +3820,11 @@ const Dl="important",Vl=" !"+Dl;const El=je(class extends We{constructor(e){if(s
|
|
|
3816
3820
|
@click=${this.handleCloseClick}
|
|
3817
3821
|
></sgds-close-button>`:ae}
|
|
3818
3822
|
</div>
|
|
3819
|
-
`}}
|
|
3823
|
+
`}}Bd.styles=[...He.styles,Id],Bd.dependencies={"sgds-close-button":mt},t([Ze("div.toast")],Bd.prototype,"toast",void 0),t([Ve({type:Boolean,reflect:!0})],Bd.prototype,"show",void 0),t([Ve({type:String,reflect:!0})],Bd.prototype,"title",void 0),t([Ve({type:Boolean,reflect:!0})],Bd.prototype,"noAnimation",void 0),t([Ve({type:Boolean,reflect:!0})],Bd.prototype,"autohide",void 0),t([Ve({type:Number,reflect:!0})],Bd.prototype,"delay",void 0),t([Ve({type:String,reflect:!0})],Bd.prototype,"variant",void 0),t([Ve({type:Boolean,reflect:!0})],Bd.prototype,"dismissible",void 0),t([ot("show",{waitUntilFirstUpdate:!0})],Bd.prototype,"handleShowChange",null),t([Fe({slot:"action",flatten:!0})],Bd.prototype,"_actionNodes",void 0),it("toast.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:400,easing:"ease"}}),it("toast.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:400,easing:"ease"}});var Zd=r`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:1200}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;flex-direction:column;gap:.5rem}`;class Ld extends He{render(){return ut`
|
|
3820
3824
|
<div
|
|
3821
3825
|
class=${Ke({"toast-container":!0,[this.position]:this.position})}
|
|
3822
3826
|
>
|
|
3823
3827
|
<slot></slot>
|
|
3824
3828
|
</div>
|
|
3825
|
-
`}}
|
|
3829
|
+
`}}Ld.styles=[Zd],t([Ve({type:String,reflect:!0})],Ld.prototype,"position",void 0),e.SgdsAccordion=Oe,e.SgdsAccordionItem=rt,e.SgdsAlert=xt,e.SgdsAlertLink=St,e.SgdsBadge=Si,e.SgdsBreadcrumb=Fi,e.SgdsBreadcrumbItem=Ri,e.SgdsButton=Yi,e.SgdsCard=ta,e.SgdsCheckbox=pa,e.SgdsCheckboxGroup=va,e.SgdsCloseButton=mt,e.SgdsComboBox=$a,e.SgdsComboBoxOption=ka,e.SgdsDatepicker=Vr,e.SgdsDescriptionList=Br,e.SgdsDescriptionListGroup=Lr,e.SgdsDivider=Fr,e.SgdsDrawer=Or,e.SgdsDropdown=Ii,e.SgdsDropdownItem=Zi,e.SgdsFileUpload=Ur,e.SgdsFooter=Yr,e.SgdsFooterItem=Wr,e.SgdsIcon=wt,e.SgdsIconButton=Hn,e.SgdsIconCard=Gr,e.SgdsIconList=Qr,e.SgdsImageCard=el,e.SgdsInput=Mr,e.SgdsLink=Hi,e.SgdsMainnav=pl,e.SgdsMainnavDropdown=ml,e.SgdsMainnavItem=bl,e.SgdsMasthead=xl,e.SgdsModal=Ml,e.SgdsOverflowMenu=Li,e.SgdsPagination=Al,e.SgdsProgressBar=Bl,e.SgdsQuantityToggle=Ll,e.SgdsRadio=Fl,e.SgdsRadioGroup=Hl,e.SgdsSelect=Ol,e.SgdsSelectOption=Rl,e.SgdsSidenav=Ul,e.SgdsSidenavItem=Yl,e.SgdsSidenavLink=Wl,e.SgdsSkeleton=Gl,e.SgdsSpinner=Ma,e.SgdsStepper=Ql,e.SgdsSubnav=sd,e.SgdsSubnavItem=ad,e.SgdsSwitch=nd,e.SgdsSystemBanner=ld,e.SgdsTab=hd,e.SgdsTabGroup=pd,e.SgdsTabPanel=md,e.SgdsTable=wd,e.SgdsTableCell=xd,e.SgdsTableHead=_d,e.SgdsTableOfContents=$d,e.SgdsTableRow=Sd,e.SgdsTextarea=Dd,e.SgdsThumbnailCard=Ed,e.SgdsToast=Bd,e.SgdsToastContainer=Ld,e.SgdsTooltip=_i,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
3826
3830
|
//# sourceMappingURL=index.umd.min.js.map
|