@duetds/components
Version:
This package includes Duet Core Components and related tools.
1 lines • 21.9 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function r(e){try{c(i.next(e))}catch(t){s(t)}}function a(e){try{c(i["throw"](e))}catch(t){s(t)}}function c(e){e.done?n(e.value):o(e.value).then(r,a)}c((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(t){return c([e,t])}}function c(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){n.label=r[1];break}if(r[0]===6&&n.label<s[1]){n.label=s[1];s=r;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(r);break}if(s[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(a){r=[6,a];o=0}finally{i=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-2c514bc6.system.js","./p-e008225b.system.js","./p-0fbeef9c.system.js"],(function(e){"use strict";var t,n,i,o,s,r,a,c;return{setters:[function(e){t=e.r;n=e.d;i=e.h;o=e.H;s=e.c},function(e){r=e.a;a=e.j},function(e){c=e.d}],execute:function(){var u=e("duet_choice",function(){function e(e){var i=this;t(this,e);this.choiceId=r("DuetChoice");this.infoId=r("DuetInfo");this.isInfoOpen=false;this.theme="";this.label="label";this.accessibleLabel="Lisätietoja tästä valinnasta";this.caption="";this.type="checkbox";this.checked=false;this.collapsible=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.disabled=false;this.onClick=function(e){i.setFocus();i.toggleChecked(e)};this.onMouseEnter=function(){i.labelEl.classList.add("no-hover")};this.onMouseLeave=function(){i.labelEl.classList.remove("no-hover")};this.handleKeyDown=function(e){if(e.key==="Space"||e.keyCode===32||e.key==="Enter"||e.keyCode===13){i.toggleChecked(e)}};this.onChange=function(e){i.checked=e.target.value};this.onFocus=function(){i.duetFocus.emit()};this.onBlur=function(){i.duetBlur.emit()};this.toggleChecked=function(e){if(!i.disabled){e.stopPropagation();e.preventDefault();i.isInfoOpen=false;if(i.type==="checkbox"){i.checked=!i.checked}else if(!i.checked){i.checked=true}}};this.toggleInfo=function(e){e.stopPropagation();e.preventDefault();i.isInfoOpen=!i.isInfoOpen};this.duetChange=n(this,"duetChange",3);this.duetFocus=n(this,"duetFocus",7);this.duetBlur=n(this,"duetBlur",7)}e.prototype.checkedChanged=function(e){if(this.type==="radio"&&e){this.duetChange.emit({checked:e,value:this.value,component:"duet-choice"})}else if(this.type==="checkbox"){this.duetChange.emit({checked:e,value:this.value,component:"duet-choice"})}};e.prototype.componentWillLoad=function(){this.hasInfo=!!this.element.querySelector("[slot='info']");if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};e.prototype.componentDidLoad=function(){this.labelEl=this.element.querySelector(".duet-choice-label")};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.element.querySelector("input");if(e){e.focus()}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;{return i(o,{class:{horizontal:this.groupDirection==="horizontal","duet-m-0":this.margin==="none","duet-expand":this.expand}},i("div",{class:{"duet-choice-card":true,"has-icon":this.icon!=="","has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"duet-p-0":this.padding==="none","duet-theme-turva":this.theme==="turva"}},i("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.disabled||this.groupDisabled,id:t,name:this.name,value:this.value,checked:this.checked,onChange:function(t){return e.onChange(t)},onKeyDown:function(t){return e.handleKeyDown(t)}}),i("label",{htmlFor:t,class:"duet-choice-label",onClick:function(t){return e.onClick(t)}},this.icon!==""?i("span",{"aria-hidden":"true",class:{"duet-choice-card-icon":true},innerHTML:c[a(this.icon)].svg}):"",this.label,this.caption?i("div",null,i("duet-spacer",{size:"xx-small"}),i("duet-caption",{margin:"none",selected:this.checked},this.caption)):"",this.checked?i("div",{class:"duet-checkmark-container"},i("div",{class:"duet-checkmark"})):"",this.hasInfo?i("button",{class:"duet-choice-info-toggle",onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:function(t){return e.toggleInfo(t)},"aria-hidden":"true","aria-label":this.accessibleLabel,"aria-expanded":this.isInfoOpen?"true":"false","aria-controls":this.infoId},i("span",{innerHTML:c["messaging-info"].svg})):""),this.hasInfo&&!this.collapsible?i("div",{class:"duet-choice-card-info",id:this.infoId},i("slot",{name:"info"})):"",this.collapsible&&!this.hasInfo?i("div",{class:"duet-choice-card-collapsible"},i("slot",null)):""))}};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return".sc-duet-choice-h{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-right:16px!important;margin-bottom:12px!important;-webkit-tap-highlight-color:transparent;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;max-width:100%;width:auto}.sc-duet-choice-h:last-child, .sc-duet-choice-h:last-of-type{margin-right:0!important}\@media only screen and (max-width:35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100%!important}.duet-m-0.sc-duet-choice-h{margin:0!important}.duet-fixed.sc-duet-choice-h{width:auto!important}.sc-duet-choice-h:last-child{margin-right:0!important}.duet-choice-card.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-width:2px;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d!important;line-height:1.1;min-width:8rem;font-weight:400;width:100%;position:relative;display:block;text-align:left}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0!important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0!important}.duet-choice-card.duet-theme-turva.sc-duet-choice{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#111!important}.duet-choice-label.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.15s ease;transition:.15s ease;padding:20px 16px 20px;border-radius:4px;font-weight:600;z-index:100;width:100%;position:relative;border:2px solid #e1e3e6;display:block;text-decoration:none;cursor:pointer}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:6px;border-bottom-right-radius:6px}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice, .duet-theme-turva.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e6e6e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover, .duet-theme-turva.info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#757575}.duet-choice-label.sc-duet-choice:active{-webkit-transition:none!important;transition:none!important;opacity:.75}.has-icon.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-left:48px}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{padding-right:48px;border-color:#0077b3!important;background:#f3f9fc;color:#0077b3!important}.checked.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#111!important;background:#f7f7f7;color:#111!important}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-left-radius:0;border-bottom-right-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:focus + .duet-choice-label.sc-duet-choice{outline:1px dotted #0077b3;outline:5px auto -webkit-focus-ring-color}input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice{cursor:not-allowed!important;background:#f5f8fa!important;border-color:#e1e3e6!important;color:#657787!important}input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787!important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice{background:#f7f7f7!important;border-color:#e6e6e6!important;color:#757575!important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#757575!important}.checked.sc-duet-choice input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice{border-color:#e1e3e6!important;background:#e1e3e6!important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice + .duet-choice-label.sc-duet-choice{border-color:#e6e6e6!important;background:#e6e6e6!important}.duet-checkmark-container.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:absolute;height:100%;top:0;right:0}.has-info.sc-duet-choice .duet-checkmark-container.sc-duet-choice{right:57.6px}.duet-checkmark.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:duet-checkmark;animation-name:duet-checkmark;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scaleX(-1) rotate(135deg) translateZ(0);transform:scaleX(-1) rotate(135deg) translateZ(0);opacity:1;height:20px;width:7.1428571429px;-webkit-transform-origin:left top;transform-origin:left top;border-right:2px solid #0077b3;border-top:2px solid #0077b3;content:\"\";left:-36px;top:30px;position:absolute}.duet-theme-turva.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#111!important}\@-webkit-keyframes duet-checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:7.1428571429px;opacity:1}40%,to{height:20px;width:7.1428571429px;opacity:1}}\@keyframes duet-checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:7.1428571429px;opacity:1}40%,to{height:20px;width:7.1428571429px;opacity:1}}svg.sc-duet-choice{fill:currentColor;pointer-events:none;width:100%;min-width:100%;height:auto}.duet-choice-card-icon.sc-duet-choice, svg.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0}.duet-choice-card-icon.sc-duet-choice{width:20px;height:20px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:16px}.duet-choice-card-collapsible.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:28px!important;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#00294d;font-weight:400;border:2px solid #0077b3;border-top:0;margin-top:-2px;position:relative;z-index:200;background:#fff;display:none}.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#111;border-color:#111}.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:28px!important;-webkit-transition:.15s ease;transition:.15s ease;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#00294d;font-weight:400;font-size:.875rem;border:2px solid #e1e3e6;line-height:1.5;border-top:0;position:relative;z-index:200;background:#f5f8fa;display:none}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice{background:#f7f7f7;color:#111}.info.sc-duet-choice .duet-choice-card-info.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice{-moz-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-appearance:none;appearance:none;position:absolute;-webkit-transition:.15s ease;transition:.15s ease;border-top-right-radius:4px;border-bottom-right-radius:4px;width:57.6px;background:#fff;top:-2px;right:-2px;bottom:-2px;border:2px solid #e1e3e6;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}[disabled].sc-duet-choice + label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{pointer-events:none;border-color:#e1e3e6!important;background:#f5f8fa!important}[disabled].sc-duet-choice + label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice span.sc-duet-choice{color:#909599!important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice + label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-color:#e6e6e6!important;background:#f7f7f7!important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice + label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice span.sc-duet-choice{color:#757575!important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{outline:1px dotted #0077b3;outline:5px auto -webkit-focus-ring-color}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#757575}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3!important}.checked.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#111!important}.info.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{background:#f5f8fa;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:after{content:\"\";bottom:-4px;left:0;background:#f5f8fa;width:100%;z-index:3;position:absolute;height:4px}.info.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice, .info.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:after{background:#f7f7f7}.duet-choice-info-toggle.sc-duet-choice span.sc-duet-choice{display:block;color:#0077b3;width:20px;height:20px}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice span.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);color:transparent;speak:none}"},enumerable:true,configurable:true});return e}());var h=e("duet_choice_group",function(){function e(e){t(this,e);this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.choiceButtons=[];this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.label="Label";this.caption="";this.responsive=false;this.duetChange=n(this,"duetChange",3)}e.prototype.nameChanged=function(){this.updateButtons()};e.prototype.valueChanged=function(){this.updateButtons()};e.prototype.disabledChanged=function(){this.updateButtons()};e.prototype.componentWillLoad=function(){var e=this;if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}this.choiceButtons=Array.from(this.element.querySelectorAll("duet-choice"));if(this.choiceButtons.length===0){throw new Error("[duet-choice-group] Must have at least one duet-choice child")}this.updateButtons();this.choiceButtons.forEach((function(t){t.addEventListener("duetChange",(function(t){return e.selectedChoiceButtonChanged(t)}))}))};e.prototype.componentDidUnload=function(){var e=this;this.choiceButtons.forEach((function(t){t.removeEventListener("duetChange",(function(t){return e.selectedChoiceButtonChanged(t)}))}))};e.prototype.selectedChoiceButtonChanged=function(e){if(e&&e.target){this.value=e.target.value}else{this.value="Error: value missing"}this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-choice-group"});e.cancelBubble=true};e.prototype.updateButtons=function(){var e=this;this.choiceButtons.forEach((function(t){t.name=e.name;t.groupDisabled=e.disabled;t.checked=t.value===e.value;t.groupDirection=e.direction}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.element.forceUpdate();return[2]}))}))};e.prototype.hostData=function(){return{class:{horizontal:this.direction==="horizontal","duet-m-0":this.margin==="none"}}};e.prototype.__stencil_render=function(){return i("fieldset",{"aria-labelledby":this.labelId+" "+this.errorId,class:{"duet-fieldset":true,"has-error":this.error!=="","duet-theme-turva":this.theme==="turva"}},i("legend",{id:this.labelId},this.label,this.caption?i("div",null,i("duet-spacer",{size:"small"}),i("duet-paragraph",{margin:"none"},this.caption)):""),i("div",{class:{"duet-choice-group":true,"duet-no-stacking":!this.responsive}},i("slot",null)),i("span",{class:"duet-choice-group-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error!==""?i("span",null,this.error):""))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["nameChanged"],value:["valueChanged"],disabled:["disabledChanged"]}},enumerable:true,configurable:true});e.prototype.render=function(){return i(o,this.hostData(),this.__stencil_render())};Object.defineProperty(e,"style",{get:function(){return":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:8px!important;width:100%}:host,:host(.horizontal) .duet-choice-group{display:block}\@media only screen and (min-width:48em){:host(.horizontal) .duet-choice-group{display:-ms-flexbox;display:flex}}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:-ms-flexbox;display:flex}:host(.duet-m-0){margin:0!important}.deut-choice-group{width:100%}.deut-choice-group,fieldset{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0}fieldset{margin-top:8px}:host(.duet-m-0) fieldset{margin:0!important}legend{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0;margin:0;margin-bottom:12px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:transparent;color:#00294d;font-weight:600;line-height:1.25;z-index:100;width:100%;position:relative;text-align:left;display:block}.duet-theme-turva legend,legend.duet-theme-turva{color:#111;font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.duet-choice-group-help{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-radius:4px;font-size:.875rem;color:#657787;font-weight:400;line-height:1.25;display:block}.duet-choice-group-help span{display:block;margin-top:8px}.duet-theme-turva .duet-choice-group-help{color:#757575}.has-error .duet-choice-group-help{color:#de2362}.duet-theme-turva.has-error .duet-choice-group-help{color:#e02a0d}"},enumerable:true,configurable:true});return e}())}}}));