@govtechsg/sgds-web-component 3.24.0-rc.1 → 3.24.1-rc.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/components/Checkbox/index.umd.min.js +1 -1
- package/components/Checkbox/index.umd.min.js.map +1 -1
- package/components/ComboBox/index.umd.min.js +1 -1
- package/components/ComboBox/index.umd.min.js.map +1 -1
- package/components/Radio/index.umd.min.js +1 -1
- package/components/Radio/index.umd.min.js.map +1 -1
- package/components/Switch/index.umd.min.js +1 -1
- package/components/Switch/index.umd.min.js.map +1 -1
- package/components/Switch/switch.js +1 -1
- package/components/Tab/index.umd.min.js +1 -1
- package/components/Tab/index.umd.min.js.map +1 -1
- package/components/Tab/tab-panel.js +1 -1
- package/components/index.umd.min.js +3 -3
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +1 -1
- package/custom-elements.json +645 -645
- package/index.umd.min.js +3 -3
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Switch/switch.cjs.js +1 -1
- package/react/components/Switch/switch.js +1 -1
- package/react/components/Tab/tab-panel.cjs.js +1 -1
- package/react/components/Tab/tab-panel.js +1 -1
- package/react/index.cjs.js +6 -6
- package/react/index.d.ts +1 -1
- package/react/index.js +1 -1
- package/react/styles/form-check.cjs.js +1 -1
- package/react/styles/form-check.js +1 -1
- package/styles/form-check.js +1 -1
- package/types/react.d.ts +16 -16
|
@@ -76,7 +76,7 @@ window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;cons
|
|
|
76
76
|
* Copyright 2020 Google LLC
|
|
77
77
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
78
78
|
*/
|
|
79
|
-
class extends $e{constructor(e){if(super(e),e.type!==Oe&&e.type!==ke&&e.type!==je)throw new Error("The `live` directive is not allowed on child or event bindings");if(void 0!==e.strings)throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===te||t===le)return t;const l=e.element,r=e.name;if(e.type===Oe){if(t===l[r])return te}else if(e.type===je){if(!!t===l.hasAttribute(r))return te}else if(e.type===ke&&l.getAttribute(r)===String(t))return te;return((e,t=Ae)=>{e._$committedValue=t})(e),t}}),Ee={announcement:()=>Promise.resolve().then(function(){return ct}),archive:()=>Promise.resolve().then(function(){return ht}),"arrow-bar-down":()=>Promise.resolve().then(function(){return ut}),"arrow-bar-left":()=>Promise.resolve().then(function(){return ft}),"arrow-bar-right":()=>Promise.resolve().then(function(){return gt}),"arrow-bar-up":()=>Promise.resolve().then(function(){return mt}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Zt}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Ct}),"arrow-circle-right":()=>Promise.resolve().then(function(){return Mt}),"arrow-circle-up":()=>Promise.resolve().then(function(){return yt}),"arrow-clockwise":()=>Promise.resolve().then(function(){return Pt}),"arrow-down":()=>Promise.resolve().then(function(){return kt}),"arrow-left":()=>Promise.resolve().then(function(){return jt}),"arrow-repeat":()=>Promise.resolve().then(function(){return $t}),"arrow-right":()=>Promise.resolve().then(function(){return At}),"arrow-square-down":()=>Promise.resolve().then(function(){return Et}),"arrow-square-left":()=>Promise.resolve().then(function(){return It}),"arrow-square-right":()=>Promise.resolve().then(function(){return Nt}),"arrow-square-up":()=>Promise.resolve().then(function(){return Ft}),"arrow-up":()=>Promise.resolve().then(function(){return qt}),"bank-fill":()=>Promise.resolve().then(function(){return Gt}),"bell-slash":()=>Promise.resolve().then(function(){return Jt}),bell:()=>Promise.resolve().then(function(){return Xt}),"bi-funnel":()=>Promise.resolve().then(function(){return el}),"bookmark-fill":()=>Promise.resolve().then(function(){return ll}),bookmark:()=>Promise.resolve().then(function(){return il}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return al}),"box-seam":()=>Promise.resolve().then(function(){return cl}),building:()=>Promise.resolve().then(function(){return hl}),bus:()=>Promise.resolve().then(function(){return ul}),calculator:()=>Promise.resolve().then(function(){return fl}),"calendar-check":()=>Promise.resolve().then(function(){return gl}),"calendar-heart":()=>Promise.resolve().then(function(){return ml}),"calendar-x":()=>Promise.resolve().then(function(){return Zl}),calendar:()=>Promise.resolve().then(function(){return Cl}),camera:()=>Promise.resolve().then(function(){return Ml}),car:()=>Promise.resolve().then(function(){return yl}),"chat-dots":()=>Promise.resolve().then(function(){return Pl}),"chat-left-text":()=>Promise.resolve().then(function(){return kl}),chat:()=>Promise.resolve().then(function(){return jl}),"check-circle-fill":()=>Promise.resolve().then(function(){return $l}),"check-circle":()=>Promise.resolve().then(function(){return Al}),check:()=>Promise.resolve().then(function(){return El}),"chevron-down":()=>Promise.resolve().then(function(){return Il}),"chevron-left":()=>Promise.resolve().then(function(){return Nl}),"chevron-right":()=>Promise.resolve().then(function(){return Fl}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return ql}),"chevron-up":()=>Promise.resolve().then(function(){return Gl}),clock:()=>Promise.resolve().then(function(){return Jl}),"cloud-check":()=>Promise.resolve().then(function(){return Xl}),"cloud-download":()=>Promise.resolve().then(function(){return er}),"cloud-upload":()=>Promise.resolve().then(function(){return lr}),cloud:()=>Promise.resolve().then(function(){return ir}),"code-square":()=>Promise.resolve().then(function(){return ar}),"coins-hand":()=>Promise.resolve().then(function(){return cr}),compass:()=>Promise.resolve().then(function(){return hr}),copy:()=>Promise.resolve().then(function(){return ur}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return fr}),cross:()=>Promise.resolve().then(function(){return gr}),"cursor-fill":()=>Promise.resolve().then(function(){return mr}),cursor:()=>Promise.resolve().then(function(){return Zr}),"dash-circle":()=>Promise.resolve().then(function(){return Cr}),"dash-square":()=>Promise.resolve().then(function(){return Mr}),dash:()=>Promise.resolve().then(function(){return yr}),database:()=>Promise.resolve().then(function(){return Pr}),dataflow:()=>Promise.resolve().then(function(){return kr}),download:()=>Promise.resolve().then(function(){return jr}),edit:()=>Promise.resolve().then(function(){return $r}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return Ar}),"exclamation-circle":()=>Promise.resolve().then(function(){return Er}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return Ir}),"exclamation-triangle":()=>Promise.resolve().then(function(){return Nr}),exclamation:()=>Promise.resolve().then(function(){return Fr}),"eye-fill":()=>Promise.resolve().then(function(){return qr}),"eye-slash-fill":()=>Promise.resolve().then(function(){return Gr}),"eye-slash":()=>Promise.resolve().then(function(){return Jr}),eye:()=>Promise.resolve().then(function(){return Xr}),facebook:()=>Promise.resolve().then(function(){return ei}),"file-earmark-text":()=>Promise.resolve().then(function(){return li}),"file-pdf":()=>Promise.resolve().then(function(){return ii}),"file-plus":()=>Promise.resolve().then(function(){return ai}),"file-text":()=>Promise.resolve().then(function(){return ci}),file:()=>Promise.resolve().then(function(){return hi}),files:()=>Promise.resolve().then(function(){return ui}),fingerprint:()=>Promise.resolve().then(function(){return fi}),flash:()=>Promise.resolve().then(function(){return gi}),"folder-check":()=>Promise.resolve().then(function(){return mi}),"folder-minus":()=>Promise.resolve().then(function(){return Zi}),"folder-plus":()=>Promise.resolve().then(function(){return Ci}),folder:()=>Promise.resolve().then(function(){return Mi}),gear:()=>Promise.resolve().then(function(){return yi}),"geo-alt":()=>Promise.resolve().then(function(){return Pi}),"geo-fill":()=>Promise.resolve().then(function(){return ki}),geo:()=>Promise.resolve().then(function(){return ji}),"globe-alt":()=>Promise.resolve().then(function(){return $i}),globe:()=>Promise.resolve().then(function(){return Ai}),google:()=>Promise.resolve().then(function(){return Ei}),"grid-fill":()=>Promise.resolve().then(function(){return Ii}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return Ni}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Fi}),"hard-drive":()=>Promise.resolve().then(function(){return qi}),heart:()=>Promise.resolve().then(function(){return Gi}),"house-door":()=>Promise.resolve().then(function(){return Ji}),house:()=>Promise.resolve().then(function(){return Xi}),image:()=>Promise.resolve().then(function(){return eo}),"in-box":()=>Promise.resolve().then(function(){return lo}),"info-circle-fill":()=>Promise.resolve().then(function(){return io}),"info-circle":()=>Promise.resolve().then(function(){return ao}),instagram:()=>Promise.resolve().then(function(){return co}),key:()=>Promise.resolve().then(function(){return ho}),"laptop-gear":()=>Promise.resolve().then(function(){return vo}),laptop:()=>Promise.resolve().then(function(){return po}),layers:()=>Promise.resolve().then(function(){return wo}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return _o}),"layout-text-window":()=>Promise.resolve().then(function(){return bo}),layout:()=>Promise.resolve().then(function(){return xo}),"life-buoy":()=>Promise.resolve().then(function(){return Vo}),lightbulb:()=>Promise.resolve().then(function(){return Ho}),link:()=>Promise.resolve().then(function(){return zo}),linkedin:()=>Promise.resolve().then(function(){return Oo}),list:()=>Promise.resolve().then(function(){return Bo}),"lock-fill":()=>Promise.resolve().then(function(){return So}),lock:()=>Promise.resolve().then(function(){return Lo}),login:()=>Promise.resolve().then(function(){return To}),logout:()=>Promise.resolve().then(function(){return Uo}),luggage:()=>Promise.resolve().then(function(){return Ro}),"mail-open":()=>Promise.resolve().then(function(){return Do}),mail:()=>Promise.resolve().then(function(){return Wo}),map:()=>Promise.resolve().then(function(){return Ko}),meetup:()=>Promise.resolve().then(function(){return Yo}),menu:()=>Promise.resolve().then(function(){return Qo}),microphone:()=>Promise.resolve().then(function(){return ta}),monitor:()=>Promise.resolve().then(function(){return ra}),moon:()=>Promise.resolve().then(function(){return oa}),move:()=>Promise.resolve().then(function(){return na}),paperclip:()=>Promise.resolve().then(function(){return sa}),passcode:()=>Promise.resolve().then(function(){return da}),passport:()=>Promise.resolve().then(function(){return va}),pause:()=>Promise.resolve().then(function(){return pa}),pencil:()=>Promise.resolve().then(function(){return wa}),"pending-circle":()=>Promise.resolve().then(function(){return _a}),"person-dash":()=>Promise.resolve().then(function(){return ba}),"person-plus":()=>Promise.resolve().then(function(){return xa}),"person-x":()=>Promise.resolve().then(function(){return Va}),person:()=>Promise.resolve().then(function(){return Ha}),phone:()=>Promise.resolve().then(function(){return za}),"pin-map-fill":()=>Promise.resolve().then(function(){return Oa}),pin:()=>Promise.resolve().then(function(){return Ba}),placeholder:()=>Promise.resolve().then(function(){return Sa}),plane:()=>Promise.resolve().then(function(){return La}),play:()=>Promise.resolve().then(function(){return Ta}),"plus-circle":()=>Promise.resolve().then(function(){return Ua}),"plus-square":()=>Promise.resolve().then(function(){return Ra}),plus:()=>Promise.resolve().then(function(){return Da}),printer:()=>Promise.resolve().then(function(){return Wa}),"question-circle":()=>Promise.resolve().then(function(){return Ka}),rocket:()=>Promise.resolve().then(function(){return Ya}),save:()=>Promise.resolve().then(function(){return Qa}),search:()=>Promise.resolve().then(function(){return tn}),send:()=>Promise.resolve().then(function(){return rn}),"sg-crest":()=>Promise.resolve().then(function(){return an}),share:()=>Promise.resolve().then(function(){return cn}),"shield-tick":()=>Promise.resolve().then(function(){return hn}),"sidebar-collapse":()=>Promise.resolve().then(function(){return un}),"sidebar-expand":()=>Promise.resolve().then(function(){return fn}),"slash-circle":()=>Promise.resolve().then(function(){return gn}),"slash-divider":()=>Promise.resolve().then(function(){return mn}),sliders:()=>Promise.resolve().then(function(){return Zn}),speedometer:()=>Promise.resolve().then(function(){return Cn}),"star-fill":()=>Promise.resolve().then(function(){return Mn}),star:()=>Promise.resolve().then(function(){return yn}),stoplights:()=>Promise.resolve().then(function(){return Pn}),sun:()=>Promise.resolve().then(function(){return kn}),"switch-horizontal":()=>Promise.resolve().then(function(){return jn}),"switch-vertical":()=>Promise.resolve().then(function(){return $n}),tablet:()=>Promise.resolve().then(function(){return An}),telegram:()=>Promise.resolve().then(function(){return En}),telephone:()=>Promise.resolve().then(function(){return In}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Nn}),"three-dots":()=>Promise.resolve().then(function(){return Fn}),ticket:()=>Promise.resolve().then(function(){return qn}),"toggle-off":()=>Promise.resolve().then(function(){return Gn}),"toggle-on":()=>Promise.resolve().then(function(){return Jn}),train:()=>Promise.resolve().then(function(){return Xn}),translate:()=>Promise.resolve().then(function(){return ec}),trash:()=>Promise.resolve().then(function(){return lc}),"trend-down":()=>Promise.resolve().then(function(){return ic}),"trend-up":()=>Promise.resolve().then(function(){return ac}),truck:()=>Promise.resolve().then(function(){return cc}),"twitter-x":()=>Promise.resolve().then(function(){return hc}),unlock:()=>Promise.resolve().then(function(){return uc}),upload:()=>Promise.resolve().then(function(){return fc}),"user-check":()=>Promise.resolve().then(function(){return gc}),"user-circle":()=>Promise.resolve().then(function(){return mc}),"user-pause":()=>Promise.resolve().then(function(){return Zc}),"user-square":()=>Promise.resolve().then(function(){return Cc}),users:()=>Promise.resolve().then(function(){return Mc}),"video-recorder":()=>Promise.resolve().then(function(){return yc}),"volume-max":()=>Promise.resolve().then(function(){return Pc}),"volume-x":()=>Promise.resolve().then(function(){return kc}),"window-dash":()=>Promise.resolve().then(function(){return jc}),"window-desktop":()=>Promise.resolve().then(function(){return $c}),"window-dock":()=>Promise.resolve().then(function(){return Ac}),"window-fullscreen":()=>Promise.resolve().then(function(){return Ec}),"window-plus":()=>Promise.resolve().then(function(){return Ic}),"window-sidebar":()=>Promise.resolve().then(function(){return Nc}),"window-split":()=>Promise.resolve().then(function(){return Fc}),"window-stack":()=>Promise.resolve().then(function(){return qc}),"window-x":()=>Promise.resolve().then(function(){return Gc}),window:()=>Promise.resolve().then(function(){return Jc}),"xcircle-fill":()=>Promise.resolve().then(function(){return Xc}),xcircle:()=>Promise.resolve().then(function(){return es}),youtube:()=>Promise.resolve().then(function(){return ls}),"zoom-in":()=>Promise.resolve().then(function(){return is}),"zoom-out":()=>Promise.resolve().then(function(){return as})};var Te=a`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Ie extends Ze{emit(e,t){const l=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(l),l}static define(e,t=this,l={}){if(customElements.get(e));else try{customElements.define(e,t,l)}catch(r){customElements.define(e,class extends t{},l)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Ie.styles=[Te],Ie.dependencies={},e([ye({type:Boolean,reflect:!0})],Ie.prototype,"ssr",void 0);var Ue=a`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ne=new Map;class Re extends Ie{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ne.has(e))return void(this._icon=Ne.get(e));const t=Ee[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ne.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Re.styles=[...Ie.styles,Ue],e([ye({type:String,reflect:!0})],Re.prototype,"name",void 0),e([ye({type:String,reflect:!0})],Re.prototype,"size",void 0),e([ye({type:String})],Re.prototype,"ariaLabel",void 0),e([He()],Re.prototype,"_icon",void 0);var Fe=a`.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)}`,De=a`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.form-text.disabled{opacity:var(--sgds-opacity-40)}`,qe=a`.form-label{color:var(--sgds-form-color-default);font-weight:var(--sgds-font-weight-semibold);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-40)}.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}`,We=a`.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)}`;function Ge(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}class Ke extends Ie{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=Ge("input"),this._labelId=Ge("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}Ke.styles=[...Ie.styles,Fe,De,qe,We],e([ye({reflect:!0})],Ke.prototype,"label",void 0),e([ye({reflect:!0})],Ke.prototype,"hintText",void 0),e([ye({reflect:!0})],Ke.prototype,"name",void 0),e([ye({type:Boolean,reflect:!0})],Ke.prototype,"disabled",void 0),e([ye({type:Boolean,reflect:!0})],Ke.prototype,"invalid",void 0);const Je=(e="value")=>(t,l)=>{const r=t.constructor,i=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(t,o,a){var n;const c=r.getPropertyOptions(e);if(t===("string"==typeof c.attribute?c.attribute:e).toLowerCase()){const t=c.converter||b,r=("function"==typeof t?t:null!==(n=null==t?void 0:t.fromAttribute)&&void 0!==n?n:b.fromAttribute)(a,c.type);this[e]!==r&&(this[l]=r)}i.call(this,t,o,a)}};class Ye{constructor(e,t){(this.host=e).addController(this),this._internals=e._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,l){return this._internals.setValidity(e,t,l)}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 l in t)t[l]&&(this.validationError=l.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const Xe=t=>{class l extends t{constructor(...e){super(...e),this._isTouched=!1,this._internals=this.attachInternals()}connectedCallback(){var e;super.connectedCallback(),null!==(e=this.inputValidationController)&&void 0!==e||(this.inputValidationController=new Ye(this))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this._mixinValidate(this.input)}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this._isTouched&&(this._isTouched=!1),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinValidate(e){this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinSetFormValue(){const e=this.value;this._internals.setFormValue(e)}_mixinCheckValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.checkValidity()}_mixinReportValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.reportValidity()}_mixinGetValidity(){return this._internals.validity}_mixinGetValidationMessage(){return this._internals.validationMessage}_mixinSetValidity(e,t,l){if(!this._mixinShouldSkipSgdsValidation())return this.inputValidationController.setValidity(e,t,l)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return l.formAssociated=!0,e([ze("sgds-input")],l.prototype,"sgdsInput",void 0),e([ze("sgds-datepicker-input")],l.prototype,"sgdsDatepickerInput",void 0),l};function Qe(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,r)=>{const{update:i}=t;if(e in t){const o=e;t.update=function(e){if(e.has(o)){const t=e.get(o),i=this[o];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[r](t,i))}i.call(this,e)}}}}var et=a`.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;font-size:var(--sgds-font-size-label-md)}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,tt=a`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-40)}.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 lt extends(Xe(Ke)){constructor(){super(...arguments),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.noValidate=!1,this.invalidFeedback="",this._isTouched=!1,this._handleHostClick=e=>{e.composedPath()[0]===this&&(e.stopPropagation(),this.input.click())}}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._mixinShouldSkipSgdsValidation()||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}})}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback;return Q`
|
|
79
|
+
class extends $e{constructor(e){if(super(e),e.type!==Oe&&e.type!==ke&&e.type!==je)throw new Error("The `live` directive is not allowed on child or event bindings");if(void 0!==e.strings)throw new Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===te||t===le)return t;const l=e.element,r=e.name;if(e.type===Oe){if(t===l[r])return te}else if(e.type===je){if(!!t===l.hasAttribute(r))return te}else if(e.type===ke&&l.getAttribute(r)===String(t))return te;return((e,t=Ae)=>{e._$committedValue=t})(e),t}}),Ee={announcement:()=>Promise.resolve().then(function(){return ct}),archive:()=>Promise.resolve().then(function(){return ht}),"arrow-bar-down":()=>Promise.resolve().then(function(){return ut}),"arrow-bar-left":()=>Promise.resolve().then(function(){return ft}),"arrow-bar-right":()=>Promise.resolve().then(function(){return gt}),"arrow-bar-up":()=>Promise.resolve().then(function(){return mt}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Zt}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Ct}),"arrow-circle-right":()=>Promise.resolve().then(function(){return Mt}),"arrow-circle-up":()=>Promise.resolve().then(function(){return yt}),"arrow-clockwise":()=>Promise.resolve().then(function(){return Pt}),"arrow-down":()=>Promise.resolve().then(function(){return kt}),"arrow-left":()=>Promise.resolve().then(function(){return jt}),"arrow-repeat":()=>Promise.resolve().then(function(){return $t}),"arrow-right":()=>Promise.resolve().then(function(){return At}),"arrow-square-down":()=>Promise.resolve().then(function(){return Et}),"arrow-square-left":()=>Promise.resolve().then(function(){return It}),"arrow-square-right":()=>Promise.resolve().then(function(){return Nt}),"arrow-square-up":()=>Promise.resolve().then(function(){return Ft}),"arrow-up":()=>Promise.resolve().then(function(){return qt}),"bank-fill":()=>Promise.resolve().then(function(){return Gt}),"bell-slash":()=>Promise.resolve().then(function(){return Jt}),bell:()=>Promise.resolve().then(function(){return Xt}),"bi-funnel":()=>Promise.resolve().then(function(){return el}),"bookmark-fill":()=>Promise.resolve().then(function(){return ll}),bookmark:()=>Promise.resolve().then(function(){return il}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return al}),"box-seam":()=>Promise.resolve().then(function(){return cl}),building:()=>Promise.resolve().then(function(){return hl}),bus:()=>Promise.resolve().then(function(){return ul}),calculator:()=>Promise.resolve().then(function(){return fl}),"calendar-check":()=>Promise.resolve().then(function(){return gl}),"calendar-heart":()=>Promise.resolve().then(function(){return ml}),"calendar-x":()=>Promise.resolve().then(function(){return Zl}),calendar:()=>Promise.resolve().then(function(){return Cl}),camera:()=>Promise.resolve().then(function(){return Ml}),car:()=>Promise.resolve().then(function(){return yl}),"chat-dots":()=>Promise.resolve().then(function(){return Pl}),"chat-left-text":()=>Promise.resolve().then(function(){return kl}),chat:()=>Promise.resolve().then(function(){return jl}),"check-circle-fill":()=>Promise.resolve().then(function(){return $l}),"check-circle":()=>Promise.resolve().then(function(){return Al}),check:()=>Promise.resolve().then(function(){return El}),"chevron-down":()=>Promise.resolve().then(function(){return Il}),"chevron-left":()=>Promise.resolve().then(function(){return Nl}),"chevron-right":()=>Promise.resolve().then(function(){return Fl}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return ql}),"chevron-up":()=>Promise.resolve().then(function(){return Gl}),clock:()=>Promise.resolve().then(function(){return Jl}),"cloud-check":()=>Promise.resolve().then(function(){return Xl}),"cloud-download":()=>Promise.resolve().then(function(){return er}),"cloud-upload":()=>Promise.resolve().then(function(){return lr}),cloud:()=>Promise.resolve().then(function(){return ir}),"code-square":()=>Promise.resolve().then(function(){return ar}),"coins-hand":()=>Promise.resolve().then(function(){return cr}),compass:()=>Promise.resolve().then(function(){return hr}),copy:()=>Promise.resolve().then(function(){return ur}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return fr}),cross:()=>Promise.resolve().then(function(){return gr}),"cursor-fill":()=>Promise.resolve().then(function(){return mr}),cursor:()=>Promise.resolve().then(function(){return Zr}),"dash-circle":()=>Promise.resolve().then(function(){return Cr}),"dash-square":()=>Promise.resolve().then(function(){return Mr}),dash:()=>Promise.resolve().then(function(){return yr}),database:()=>Promise.resolve().then(function(){return Pr}),dataflow:()=>Promise.resolve().then(function(){return kr}),download:()=>Promise.resolve().then(function(){return jr}),edit:()=>Promise.resolve().then(function(){return $r}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return Ar}),"exclamation-circle":()=>Promise.resolve().then(function(){return Er}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return Ir}),"exclamation-triangle":()=>Promise.resolve().then(function(){return Nr}),exclamation:()=>Promise.resolve().then(function(){return Fr}),"eye-fill":()=>Promise.resolve().then(function(){return qr}),"eye-slash-fill":()=>Promise.resolve().then(function(){return Gr}),"eye-slash":()=>Promise.resolve().then(function(){return Jr}),eye:()=>Promise.resolve().then(function(){return Xr}),facebook:()=>Promise.resolve().then(function(){return ei}),"file-earmark-text":()=>Promise.resolve().then(function(){return li}),"file-pdf":()=>Promise.resolve().then(function(){return ii}),"file-plus":()=>Promise.resolve().then(function(){return ai}),"file-text":()=>Promise.resolve().then(function(){return ci}),file:()=>Promise.resolve().then(function(){return hi}),files:()=>Promise.resolve().then(function(){return ui}),fingerprint:()=>Promise.resolve().then(function(){return fi}),flash:()=>Promise.resolve().then(function(){return gi}),"folder-check":()=>Promise.resolve().then(function(){return mi}),"folder-minus":()=>Promise.resolve().then(function(){return Zi}),"folder-plus":()=>Promise.resolve().then(function(){return Ci}),folder:()=>Promise.resolve().then(function(){return Mi}),gear:()=>Promise.resolve().then(function(){return yi}),"geo-alt":()=>Promise.resolve().then(function(){return Pi}),"geo-fill":()=>Promise.resolve().then(function(){return ki}),geo:()=>Promise.resolve().then(function(){return ji}),"globe-alt":()=>Promise.resolve().then(function(){return $i}),globe:()=>Promise.resolve().then(function(){return Ai}),google:()=>Promise.resolve().then(function(){return Ei}),"grid-fill":()=>Promise.resolve().then(function(){return Ii}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return Ni}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Fi}),"hard-drive":()=>Promise.resolve().then(function(){return qi}),heart:()=>Promise.resolve().then(function(){return Gi}),"house-door":()=>Promise.resolve().then(function(){return Ji}),house:()=>Promise.resolve().then(function(){return Xi}),image:()=>Promise.resolve().then(function(){return eo}),"in-box":()=>Promise.resolve().then(function(){return lo}),"info-circle-fill":()=>Promise.resolve().then(function(){return io}),"info-circle":()=>Promise.resolve().then(function(){return ao}),instagram:()=>Promise.resolve().then(function(){return co}),key:()=>Promise.resolve().then(function(){return ho}),"laptop-gear":()=>Promise.resolve().then(function(){return vo}),laptop:()=>Promise.resolve().then(function(){return po}),layers:()=>Promise.resolve().then(function(){return wo}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return _o}),"layout-text-window":()=>Promise.resolve().then(function(){return bo}),layout:()=>Promise.resolve().then(function(){return xo}),"life-buoy":()=>Promise.resolve().then(function(){return Vo}),lightbulb:()=>Promise.resolve().then(function(){return Ho}),link:()=>Promise.resolve().then(function(){return zo}),linkedin:()=>Promise.resolve().then(function(){return Oo}),list:()=>Promise.resolve().then(function(){return Bo}),"lock-fill":()=>Promise.resolve().then(function(){return So}),lock:()=>Promise.resolve().then(function(){return Lo}),login:()=>Promise.resolve().then(function(){return To}),logout:()=>Promise.resolve().then(function(){return Uo}),luggage:()=>Promise.resolve().then(function(){return Ro}),"mail-open":()=>Promise.resolve().then(function(){return Do}),mail:()=>Promise.resolve().then(function(){return Wo}),map:()=>Promise.resolve().then(function(){return Ko}),meetup:()=>Promise.resolve().then(function(){return Yo}),menu:()=>Promise.resolve().then(function(){return Qo}),microphone:()=>Promise.resolve().then(function(){return ta}),monitor:()=>Promise.resolve().then(function(){return ra}),moon:()=>Promise.resolve().then(function(){return oa}),move:()=>Promise.resolve().then(function(){return na}),paperclip:()=>Promise.resolve().then(function(){return sa}),passcode:()=>Promise.resolve().then(function(){return da}),passport:()=>Promise.resolve().then(function(){return va}),pause:()=>Promise.resolve().then(function(){return pa}),pencil:()=>Promise.resolve().then(function(){return wa}),"pending-circle":()=>Promise.resolve().then(function(){return _a}),"person-dash":()=>Promise.resolve().then(function(){return ba}),"person-plus":()=>Promise.resolve().then(function(){return xa}),"person-x":()=>Promise.resolve().then(function(){return Va}),person:()=>Promise.resolve().then(function(){return Ha}),phone:()=>Promise.resolve().then(function(){return za}),"pin-map-fill":()=>Promise.resolve().then(function(){return Oa}),pin:()=>Promise.resolve().then(function(){return Ba}),placeholder:()=>Promise.resolve().then(function(){return Sa}),plane:()=>Promise.resolve().then(function(){return La}),play:()=>Promise.resolve().then(function(){return Ta}),"plus-circle":()=>Promise.resolve().then(function(){return Ua}),"plus-square":()=>Promise.resolve().then(function(){return Ra}),plus:()=>Promise.resolve().then(function(){return Da}),printer:()=>Promise.resolve().then(function(){return Wa}),"question-circle":()=>Promise.resolve().then(function(){return Ka}),rocket:()=>Promise.resolve().then(function(){return Ya}),save:()=>Promise.resolve().then(function(){return Qa}),search:()=>Promise.resolve().then(function(){return tn}),send:()=>Promise.resolve().then(function(){return rn}),"sg-crest":()=>Promise.resolve().then(function(){return an}),share:()=>Promise.resolve().then(function(){return cn}),"shield-tick":()=>Promise.resolve().then(function(){return hn}),"sidebar-collapse":()=>Promise.resolve().then(function(){return un}),"sidebar-expand":()=>Promise.resolve().then(function(){return fn}),"slash-circle":()=>Promise.resolve().then(function(){return gn}),"slash-divider":()=>Promise.resolve().then(function(){return mn}),sliders:()=>Promise.resolve().then(function(){return Zn}),speedometer:()=>Promise.resolve().then(function(){return Cn}),"star-fill":()=>Promise.resolve().then(function(){return Mn}),star:()=>Promise.resolve().then(function(){return yn}),stoplights:()=>Promise.resolve().then(function(){return Pn}),sun:()=>Promise.resolve().then(function(){return kn}),"switch-horizontal":()=>Promise.resolve().then(function(){return jn}),"switch-vertical":()=>Promise.resolve().then(function(){return $n}),tablet:()=>Promise.resolve().then(function(){return An}),telegram:()=>Promise.resolve().then(function(){return En}),telephone:()=>Promise.resolve().then(function(){return In}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Nn}),"three-dots":()=>Promise.resolve().then(function(){return Fn}),ticket:()=>Promise.resolve().then(function(){return qn}),"toggle-off":()=>Promise.resolve().then(function(){return Gn}),"toggle-on":()=>Promise.resolve().then(function(){return Jn}),train:()=>Promise.resolve().then(function(){return Xn}),translate:()=>Promise.resolve().then(function(){return ec}),trash:()=>Promise.resolve().then(function(){return lc}),"trend-down":()=>Promise.resolve().then(function(){return ic}),"trend-up":()=>Promise.resolve().then(function(){return ac}),truck:()=>Promise.resolve().then(function(){return cc}),"twitter-x":()=>Promise.resolve().then(function(){return hc}),unlock:()=>Promise.resolve().then(function(){return uc}),upload:()=>Promise.resolve().then(function(){return fc}),"user-check":()=>Promise.resolve().then(function(){return gc}),"user-circle":()=>Promise.resolve().then(function(){return mc}),"user-pause":()=>Promise.resolve().then(function(){return Zc}),"user-square":()=>Promise.resolve().then(function(){return Cc}),users:()=>Promise.resolve().then(function(){return Mc}),"video-recorder":()=>Promise.resolve().then(function(){return yc}),"volume-max":()=>Promise.resolve().then(function(){return Pc}),"volume-x":()=>Promise.resolve().then(function(){return kc}),"window-dash":()=>Promise.resolve().then(function(){return jc}),"window-desktop":()=>Promise.resolve().then(function(){return $c}),"window-dock":()=>Promise.resolve().then(function(){return Ac}),"window-fullscreen":()=>Promise.resolve().then(function(){return Ec}),"window-plus":()=>Promise.resolve().then(function(){return Ic}),"window-sidebar":()=>Promise.resolve().then(function(){return Nc}),"window-split":()=>Promise.resolve().then(function(){return Fc}),"window-stack":()=>Promise.resolve().then(function(){return qc}),"window-x":()=>Promise.resolve().then(function(){return Gc}),window:()=>Promise.resolve().then(function(){return Jc}),"xcircle-fill":()=>Promise.resolve().then(function(){return Xc}),xcircle:()=>Promise.resolve().then(function(){return es}),youtube:()=>Promise.resolve().then(function(){return ls}),"zoom-in":()=>Promise.resolve().then(function(){return is}),"zoom-out":()=>Promise.resolve().then(function(){return as})};var Te=a`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Ie extends Ze{emit(e,t){const l=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(l),l}static define(e,t=this,l={}){if(customElements.get(e));else try{customElements.define(e,t,l)}catch(r){customElements.define(e,class extends t{},l)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach(e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Ie.styles=[Te],Ie.dependencies={},e([ye({type:Boolean,reflect:!0})],Ie.prototype,"ssr",void 0);var Ue=a`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ne=new Map;class Re extends Ie{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ne.has(e))return void(this._icon=Ne.get(e));const t=Ee[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ne.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Re.styles=[...Ie.styles,Ue],e([ye({type:String,reflect:!0})],Re.prototype,"name",void 0),e([ye({type:String,reflect:!0})],Re.prototype,"size",void 0),e([ye({type:String})],Re.prototype,"ariaLabel",void 0),e([He()],Re.prototype,"_icon",void 0);var Fe=a`.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)}`,De=a`.form-text{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-label-sm);line-height:var(--sgds-line-height-2-xs)}.form-text.disabled{opacity:var(--sgds-opacity-40)}`,qe=a`.form-label{color:var(--sgds-form-color-default);font-weight:var(--sgds-font-weight-semibold);margin-bottom:0}.form-label.disabled{opacity:var(--sgds-opacity-40)}.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}`,We=a`.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)}`;function Ge(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}class Ke extends Ie{constructor(){super(...arguments),this.label="",this.hintText="",this.disabled=!1,this.invalid=!1,this._controlId=Ge("input"),this._labelId=Ge("label")}setInvalid(e){this.invalid=e,e?this.emit("sgds-invalid"):this.emit("sgds-valid")}}Ke.styles=[...Ie.styles,Fe,De,qe,We],e([ye({reflect:!0})],Ke.prototype,"label",void 0),e([ye({reflect:!0})],Ke.prototype,"hintText",void 0),e([ye({reflect:!0})],Ke.prototype,"name",void 0),e([ye({type:Boolean,reflect:!0})],Ke.prototype,"disabled",void 0),e([ye({type:Boolean,reflect:!0})],Ke.prototype,"invalid",void 0);const Je=(e="value")=>(t,l)=>{const r=t.constructor,i=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(t,o,a){var n;const c=r.getPropertyOptions(e);if(t===("string"==typeof c.attribute?c.attribute:e).toLowerCase()){const t=c.converter||b,r=("function"==typeof t?t:null!==(n=null==t?void 0:t.fromAttribute)&&void 0!==n?n:b.fromAttribute)(a,c.type);this[e]!==r&&(this[l]=r)}i.call(this,t,o,a)}};class Ye{constructor(e,t){(this.host=e).addController(this),this._internals=e._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,l){return this._internals.setValidity(e,t,l)}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 l in t)t[l]&&(this.validationError=l.toString(),this._internals.setValidity({[this.validationError]:!0},e.validationMessage,e))}}const Xe=t=>{class l extends t{constructor(...e){super(...e),this._isTouched=!1,this._internals=this.attachInternals()}connectedCallback(){var e;super.connectedCallback(),null!==(e=this.inputValidationController)&&void 0!==e||(this.inputValidationController=new Ye(this))}async firstUpdated(e){super.firstUpdated(e),this.input=this.shadowRoot.querySelector("input")||await this.sgdsInput||this.shadowRoot.querySelector("textarea")||await this.sgdsDatepickerInput,this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this._mixinValidate(this.input)}formResetCallback(){this._mixinResetFormControl?this._mixinResetFormControl():(this.value=this.defaultValue,this._mixinResetValidity(this.input)),this._mixinSetFormValue()}_mixinHandleChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleChange(e)}_mixinHandleInputChange(e){this._mixinSetFormValue(),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.handleInput(e)}_mixinResetValidity(e){this.inputValidationController.resetValidity(),this.inputValidationController.updateInvalidState(),this._isTouched&&(this._isTouched=!1),this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinValidate(e){this._mixinShouldSkipSgdsValidation()||this.inputValidationController.validateInput(e)}_mixinSetFormValue(){const e=this.value;this._internals.setFormValue(e)}_mixinCheckValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.checkValidity()}_mixinReportValidity(){return!!this._mixinShouldSkipSgdsValidation()||this.inputValidationController.reportValidity()}_mixinGetValidity(){return this._internals.validity}_mixinGetValidationMessage(){return this._internals.validationMessage}_mixinSetValidity(e,t,l){if(!this._mixinShouldSkipSgdsValidation())return this.inputValidationController.setValidity(e,t,l)}_mixinShouldSkipSgdsValidation(){const e=this.closest("form");return(null==e?void 0:e.noValidate)||this.noValidate}}return l.formAssociated=!0,e([ze("sgds-input")],l.prototype,"sgdsInput",void 0),e([ze("sgds-datepicker-input")],l.prototype,"sgdsDatepickerInput",void 0),l};function Qe(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,r)=>{const{update:i}=t;if(e in t){const o=e;t.update=function(e){if(e.has(o)){const t=e.get(o),i=this[o];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[r](t,i))}i.call(this,e)}}}}var et=a`.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;font-size:var(--sgds-font-size-label-md)}.form-check{margin:var(--sgds-form-padding-inline-sm) 0;padding:0}`,tt=a`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);flex-shrink:0;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-40)}.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 lt extends(Xe(Ke)){constructor(){super(...arguments),this.checked=!1,this.defaultChecked=!1,this.indeterminate=!1,this.required=!1,this.noValidate=!1,this.invalidFeedback="",this._isTouched=!1,this._handleHostClick=e=>{e.composedPath()[0]===this&&(e.stopPropagation(),this.input.click())}}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._mixinShouldSkipSgdsValidation()||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}})}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}render(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback;return Q`
|
|
80
80
|
<div class="form-check">
|
|
81
81
|
<input
|
|
82
82
|
class=${Se({"form-check-input":!0,"is-invalid":e&&this.invalid})}
|