blip-ds 1.239.0 → 1.240.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/dist/blip-ds/bds-radio.entry.js +1 -1
- package/dist/blip-ds/bds-radio.system.entry.js +1 -1
- package/dist/blip-ds/p-358d6297.system.entry.js +1 -0
- package/dist/blip-ds/p-7e912dfd.entry.js +1 -0
- package/dist/blip-ds/p-9493d791.system.js +1 -1
- package/dist/cjs/bds-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/bds-radio.cjs.entry.js +1 -1
- package/dist/collection/components/radio/radio.css +20 -20
- package/dist/esm/bds-checkbox_3.entry.js +1 -1
- package/dist/esm/bds-radio.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox_3.entry.js +1 -1
- package/package.json +1 -1
- package/dist/blip-ds/p-4f1c7785.entry.js +0 -1
- package/dist/blip-ds/p-72aec86d.system.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-6a6cee38.js';
|
|
2
2
|
|
|
3
|
-
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #
|
|
3
|
+
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
|
|
4
4
|
|
|
5
5
|
let radioButtonIds = 0;
|
|
6
6
|
const Radio = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-4e852389.system.js"],(function(e){"use strict";var i,r,t
|
|
1
|
+
System.register(["./index-4e852389.system.js"],(function(e){"use strict";var i,r,o,t;return{setters:[function(e){i=e.r;r=e.e;o=e.h;t=e.f}],execute:function(){var a=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var n=0;var d=e("bds_radio",function(){function e(e){var o=this;i(this,e);this.bdsChange=r(this,"bdsChange",7);this.bdsClickChange=r(this,"bdsClickChange",7);this.onClick=function(e){o.checked=true;o.bdsClickChange.emit({checked:o.checked});e.stopPropagation()};this.refNativeInput=function(e){o.nativeInput=e};this.radioId=undefined;this.refer=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(n++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return o(t,null,o("label",{class:"radio",htmlFor:this.radioId},o("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),o("div",{class:"radio__circle"},!this.disabled?o("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?o("div",{class:"hover"}):"",o("div",{class:"radio__circle__pointer"})),this.label&&o("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),o("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());d.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-a4b7f12e.system.js"],(function(e){"use strict";var t,i,o,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H}],execute:function(){var n=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";var s=0;var c=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsInput=i(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(s++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon"},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());c.style=n;var a=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var d=0;var l=e("bds_radio",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsClickChange=i(this,"bdsClickChange",7);this.onClick=function(e){o.checked=true;o.bdsClickChange.emit({checked:o.checked});e.stopPropagation()};this.refNativeInput=function(e){o.nativeInput=e};this.radioId=undefined;this.refer=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(d++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return o(r,null,o("label",{class:"radio",htmlFor:this.radioId},o("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),o("div",{class:"radio__circle"},!this.disabled?o("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?o("div",{class:"hover"}):"",o("div",{class:"radio__circle__pointer"})),this.label&&o("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),o("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());l.style=a;var h='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var b=0;var p=e("bds_switch",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"slider--selected"}if(!o.checked&&!o.disabled){return"slider--deselected"}if(o.checked&&o.disabled){return"slider--selected-disabled"}if(!o.checked&&o.disabled){return"slider--deselected-disabled"}return""};this.switchId=undefined;this.refer=undefined;this.size="standard";this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(b++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var r=this.getSizeSliderClass();var n=this.getStyleState();return o("label",{class:(e={},e[i]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("span",{class:(t={},t[r]=true,t[n]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());p.style=h}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as t,H as o}from"./p-bfbc9769.js";let s=0;const r=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.bdsInput=i(this,"bdsInput",7),this.onClick=()=>{this.checked=!this.checked},this.refNativeInput=e=>{this.nativeInput=e},this.getStyleState=()=>this.checked&&!this.disabled?"checkbox--selected":this.checked||this.disabled?this.checked&&this.disabled?"checkbox--selected-disabled":!this.checked&&this.disabled?"checkbox--deselected-disabled":"":"checkbox--deselected",this.checkBoxId=void 0,this.refer=void 0,this.label=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}connectedCallback(){this.checkBoxId=this.refer||"bds-checkbox-"+s++}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}render(){const e=this.getStyleState();return t("div",{class:{checkbox:!0,[e]:!0}},t("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),t("label",{class:"checkbox__label",htmlFor:this.checkBoxId},t("div",{class:"checkbox__icon"},t("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),t("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))}static get watchers(){return{checked:["checkedChanged"]}}};r.style=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";let c=0;const a=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.bdsClickChange=i(this,"bdsClickChange",7),this.onClick=e=>{this.checked=!0,this.bdsClickChange.emit({checked:this.checked}),e.stopPropagation()},this.refNativeInput=e=>{this.nativeInput=e},this.radioId=void 0,this.refer=void 0,this.label=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}connectedCallback(){this.radioId=this.refer||"bds-radio-"+c++}handleClickKey(e){"Enter"!==e.key&&" "!==e.key||this.disabled||(this.onClick(e),e.preventDefault(),this.bdsClickChange.emit({checked:this.checked}))}render(){return t(o,null,t("label",{class:"radio",htmlFor:this.radioId},t("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),t("div",{class:"radio__circle"},this.disabled?"":t("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}),this.disabled?"":t("div",{class:"hover"}),t("div",{class:"radio__circle__pointer"})),this.label&&t("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),t("slot",null)))}static get watchers(){return{checked:["checkedChanged"]}}};a.style=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";let d=0;const n=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.onClick=()=>{this.checked=!this.checked},this.refNativeInput=e=>{this.nativeInput=e},this.getStyleState=()=>this.checked&&!this.disabled?"slider--selected":this.checked||this.disabled?this.checked&&this.disabled?"slider--selected-disabled":!this.checked&&this.disabled?"slider--deselected-disabled":"":"slider--deselected",this.switchId=void 0,this.refer=void 0,this.size="standard",this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}connectedCallback(){this.switchId=this.refer||"bds-switch-"+d++}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}getSizeClass(){return`switch switch--size-${this.size} `}getSizeSliderClass(){return`slider slider--size-${this.size} round `}render(){const e=this.getSizeClass(),i=this.getSizeSliderClass(),o=this.getStyleState();return t("label",{class:{[e]:!0}},t("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),t("span",{class:{[i]:!0,[o]:!0}}))}static get watchers(){return{checked:["checkedChanged"]}}};n.style='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';export{r as bds_checkbox,a as bds_radio,n as bds_switch}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a4b7f12e.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(t){a=t.p;s=t.w;n=t.d;i=t.N;o=t.a;r=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,a,s;return(s=(a=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||a===void 0?void 0:a.getAttribute("content"))!==null&&s!==void 0?s:undefined}var d=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{c(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-cbfae706.system.js").then((function(){return r}))}}return o(r)};var c=function(t,o){var r=d(i);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;s[r]=function(i){var d;var c=new URL(i,t).href;var p=l.get(c);if(!p){var m=n.createElement("script");m.type="module";m.crossOrigin=o.crossOrigin;m.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));var b=(d=a.$nonce$)!==null&&d!==void 0?d:e(n);if(b!=null){m.setAttribute("nonce",b)}p=new Promise((function(e){m.onload=function(){e(s[r].m);m.remove()}}));l.set(c,p);n.head.appendChild(m)}return p}}};l().then((function(e){return r(JSON.parse('[["p-d0a41b5a.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-8638439c.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-d2b34f46.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e0ffe461.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-426c65ce.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-052d958d.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-b9b89b10.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-208e0d91.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-ac24a23b.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-7678e3cb.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-c516464a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-24d5262f.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e7a89032.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1]}]]],["p-47a5e089.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-13804edd.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-2ec5825d.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-dbaf52cf.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-724f83dd.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-2825812d.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-15003cd4.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-b872dc22.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"InnerSpacing":[32],"toggle":[64]}]]],["p-3f86f044.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-6e33fe08.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-8c71361d.system",[[1,"bds-warning"]]],["p-06d561a9.system",[[1,"bds-alert-body"]]],["p-bbdcb9ee.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bababd96.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-a99db94c.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-32d6821d.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-6b15ce42.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-60b32321.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-491e7e4d.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-2db7ff43.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-a1340fd6.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64],"reciveNumber":[64]}]]],["p-0b5c2214.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-35cb9786.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-b50234d7.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-4157bc30.system",[[1,"bds-alert-actions"]]],["p-2e59b6be.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-061eed81.system",[[1,"bds-expansion-panel"]]],["p-b859f7cf.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-2c0329de.system",[[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}]]],["p-d5863fa5.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-0874a834.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-c666fefb.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-f3c93323.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-1abaf767.system",[[1,"bds-menu-list"]]],["p-09392347.system",[[1,"bds-modal-action"]]],["p-4201221e.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-5156cd27.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-5d575859.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-5dc7ad42.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-e2e385d2.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-1698a307.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-2f3ebb95.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d7c4f3b0.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-12bd91c2.system",[[6,"bds-toast-container"]]],["p-e6606766.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-1c3a09a8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-98113184.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-72aec86d.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b0608d27.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-c42f2083.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-e0b764cd.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"visible":[64]}]]],["p-f6e7c284.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-a4b7f12e.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(t){a=t.p;s=t.w;n=t.d;i=t.N;o=t.a;r=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,a,s;return(s=(a=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||a===void 0?void 0:a.getAttribute("content"))!==null&&s!==void 0?s:undefined}var d=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{c(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-cbfae706.system.js").then((function(){return r}))}}return o(r)};var c=function(t,o){var r=d(i);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;s[r]=function(i){var d;var c=new URL(i,t).href;var p=l.get(c);if(!p){var m=n.createElement("script");m.type="module";m.crossOrigin=o.crossOrigin;m.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));var b=(d=a.$nonce$)!==null&&d!==void 0?d:e(n);if(b!=null){m.setAttribute("nonce",b)}p=new Promise((function(e){m.onload=function(){e(s[r].m);m.remove()}}));l.set(c,p);n.head.appendChild(m)}return p}}};l().then((function(e){return r(JSON.parse('[["p-d0a41b5a.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-8638439c.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-d2b34f46.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e0ffe461.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-426c65ce.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"InputSize":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-052d958d.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-b9b89b10.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-208e0d91.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-ac24a23b.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-7678e3cb.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-c516464a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-24d5262f.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e7a89032.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1]}]]],["p-47a5e089.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-13804edd.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-2ec5825d.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-dbaf52cf.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-724f83dd.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-2825812d.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-15003cd4.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-b872dc22.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"InnerSpacing":[32],"toggle":[64]}]]],["p-3f86f044.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-6e33fe08.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-8c71361d.system",[[1,"bds-warning"]]],["p-06d561a9.system",[[1,"bds-alert-body"]]],["p-bbdcb9ee.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bababd96.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-a99db94c.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-32d6821d.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-6b15ce42.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-60b32321.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-491e7e4d.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-2db7ff43.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-a1340fd6.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64],"reciveNumber":[64]}]]],["p-0b5c2214.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-35cb9786.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-b50234d7.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-4157bc30.system",[[1,"bds-alert-actions"]]],["p-2e59b6be.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-061eed81.system",[[1,"bds-expansion-panel"]]],["p-b859f7cf.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-2c0329de.system",[[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}]]],["p-d5863fa5.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-0874a834.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-c666fefb.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-f3c93323.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-1abaf767.system",[[1,"bds-menu-list"]]],["p-09392347.system",[[1,"bds-modal-action"]]],["p-4201221e.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-5156cd27.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-5d575859.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-5dc7ad42.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-e2e385d2.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-1698a307.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-2f3ebb95.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d7c4f3b0.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-12bd91c2.system",[[6,"bds-toast-container"]]],["p-e6606766.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-1c3a09a8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-98113184.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-358d6297.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b0608d27.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-c42f2083.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-e0b764cd.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"visible":[64]}]]],["p-f6e7c284.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
@@ -68,7 +68,7 @@ const Checkbox = class {
|
|
|
68
68
|
};
|
|
69
69
|
Checkbox.style = checkboxCss;
|
|
70
70
|
|
|
71
|
-
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #
|
|
71
|
+
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
|
|
72
72
|
|
|
73
73
|
let radioButtonIds = 0;
|
|
74
74
|
const Radio = class {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-2a16ba8a.js');
|
|
6
6
|
|
|
7
|
-
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #
|
|
7
|
+
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
|
|
8
8
|
|
|
9
9
|
let radioButtonIds = 0;
|
|
10
10
|
const Radio = class {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
width: 24px;
|
|
52
52
|
height: 24px;
|
|
53
53
|
flex-shrink: 0;
|
|
54
|
-
border: 2px solid #
|
|
54
|
+
border: 2px solid var(--color-content-default, #202c44);
|
|
55
55
|
padding: 4px;
|
|
56
56
|
border-radius: 100%;
|
|
57
57
|
box-sizing: border-box;
|
|
@@ -75,11 +75,11 @@
|
|
|
75
75
|
opacity: 0;
|
|
76
76
|
}
|
|
77
77
|
.radio__circle:hover {
|
|
78
|
-
border-color: #
|
|
78
|
+
border-color: var(--color-content-disable, #505f79);
|
|
79
79
|
}
|
|
80
80
|
.radio__circle:hover .hover {
|
|
81
81
|
display: flex;
|
|
82
|
-
background-color: #
|
|
82
|
+
background-color: var(--color-content-ghost, #6e7b91);
|
|
83
83
|
position: absolute;
|
|
84
84
|
width: 40px;
|
|
85
85
|
height: 40px;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
.radio__circle .focus:focus-visible {
|
|
91
91
|
display: flex;
|
|
92
92
|
position: absolute;
|
|
93
|
-
border: 2px solid #c226fb;
|
|
93
|
+
border: 2px solid var(--color-focus, #c226fb);
|
|
94
94
|
border-radius: 4px;
|
|
95
95
|
padding: 4px;
|
|
96
96
|
width: 100%;
|
|
@@ -104,51 +104,51 @@
|
|
|
104
104
|
-o-user-select: none;
|
|
105
105
|
user-select: none;
|
|
106
106
|
padding-left: 8px;
|
|
107
|
-
color: #202c44;
|
|
107
|
+
color: var(--color-content-default, #202c44);
|
|
108
108
|
}
|
|
109
109
|
.radio__input[type=radio]:checked ~ .radio__circle {
|
|
110
110
|
background: transparent;
|
|
111
|
-
border-color: #202c44;
|
|
111
|
+
border-color: var(--color-content-default, #202c44);
|
|
112
112
|
}
|
|
113
113
|
.radio__input[type=radio]:checked ~ .radio__circle .radio__circle__pointer {
|
|
114
|
-
background-color: #3f7de8;
|
|
114
|
+
background-color: var(--color-primary, #3f7de8);
|
|
115
115
|
}
|
|
116
116
|
.radio__input[type=radio]:checked ~ .radio__circle:hover {
|
|
117
|
-
border-color: #202c44;
|
|
117
|
+
border-color: var(--color-content-default, #202c44);
|
|
118
118
|
}
|
|
119
119
|
.radio__input[type=radio]:checked ~ .radio__circle:hover .radio__circle__pointer {
|
|
120
|
-
background-color: #
|
|
120
|
+
background-color: var(--color-primary, #3f7de8);
|
|
121
121
|
}
|
|
122
122
|
.radio__input[type=radio]:disabled ~ .radio__circle {
|
|
123
|
-
border-color: #
|
|
124
|
-
background-color: #
|
|
123
|
+
border-color: var(--color-content-disable, #505f79);
|
|
124
|
+
background-color: var(--color-surface-3, #e7edf4);
|
|
125
125
|
}
|
|
126
126
|
.radio__input[type=radio]:disabled ~ .radio__circle .radio__circle__pointer {
|
|
127
127
|
background-color: transparent;
|
|
128
128
|
}
|
|
129
129
|
.radio__input[type=radio]:disabled:hover ~ .radio__circle {
|
|
130
|
-
border-color: #
|
|
131
|
-
background-color: #
|
|
130
|
+
border-color: var(--color-content-disable, #505f79);
|
|
131
|
+
background-color: var(--color-surface-3, #e7edf4);
|
|
132
132
|
}
|
|
133
133
|
.radio__input[type=radio]:disabled:hover ~ .radio__circle .radio__circle__pointer {
|
|
134
134
|
background-color: transparent;
|
|
135
135
|
}
|
|
136
136
|
.radio__input[type=radio]:disabled:checked ~ .radio__circle {
|
|
137
|
-
border-color: #
|
|
138
|
-
background-color: #
|
|
137
|
+
border-color: var(--color-content-disable, #505f79);
|
|
138
|
+
background-color: var(--color-surface-3, #e7edf4);
|
|
139
139
|
}
|
|
140
140
|
.radio__input[type=radio]:disabled:checked ~ .radio__circle .radio__circle__pointer {
|
|
141
|
-
background-color: #
|
|
141
|
+
background-color: var(--color-content-default, #202c44);
|
|
142
142
|
}
|
|
143
143
|
.radio__input[type=radio]:disabled:checked:hover ~ .radio__circle {
|
|
144
|
-
border-color: #
|
|
145
|
-
background-color: #
|
|
144
|
+
border-color: var(--color-content-disable, #505f79);
|
|
145
|
+
background-color: var(--color-surface-3, #e7edf4);
|
|
146
146
|
}
|
|
147
147
|
.radio__input[type=radio]:disabled:checked:hover ~ .radio__circle .radio__circle__pointer {
|
|
148
|
-
background-color: #
|
|
148
|
+
background-color: var(--color-content-default, #202c44);
|
|
149
149
|
}
|
|
150
150
|
.radio__input[type=radio]:disabled ~ .radio__text {
|
|
151
|
-
color: #505f79;
|
|
151
|
+
color: var(--color-content-disable, #505f79);
|
|
152
152
|
cursor: not-allowed;
|
|
153
153
|
}
|
|
154
154
|
.radio__input[type=radio]:disabled ~ .radio__circle {
|
|
@@ -64,7 +64,7 @@ const Checkbox = class {
|
|
|
64
64
|
};
|
|
65
65
|
Checkbox.style = checkboxCss;
|
|
66
66
|
|
|
67
|
-
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #
|
|
67
|
+
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
|
|
68
68
|
|
|
69
69
|
let radioButtonIds = 0;
|
|
70
70
|
const Radio = class {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-365b378f.js';
|
|
2
2
|
|
|
3
|
-
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #
|
|
3
|
+
const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
|
|
4
4
|
|
|
5
5
|
let radioButtonIds = 0;
|
|
6
6
|
const Radio = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-cbe64994.js";var checkboxCss=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";var checkBoxIds=0;var Checkbox=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsInput=createEvent(this,"bdsInput",7);this.onClick=function(){t.checked=!t.checked};this.refNativeInput=function(e){t.nativeInput=e};this.getStyleState=function(){if(t.checked&&!t.disabled){return"checkbox--selected"}if(!t.checked&&!t.disabled){return"checkbox--deselected"}if(t.checked&&t.disabled){return"checkbox--selected-disabled"}if(!t.checked&&t.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(checkBoxIds++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return h("div",{class:(e={checkbox:true},e[t]=true,e)},h("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),h("label",{class:"checkbox__label",htmlFor:this.checkBoxId},h("div",{class:"checkbox__icon"},h("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),h("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Checkbox.style=checkboxCss;var radioCss=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #505f79;padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:#6e7b91}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:#202c44;position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#202c44}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled~.radio__text{color:#505f79;cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var radioButtonIds=0;var Radio=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsClickChange=createEvent(this,"bdsClickChange",7);this.onClick=function(e){t.checked=true;t.bdsClickChange.emit({checked:t.checked});e.stopPropagation()};this.refNativeInput=function(e){t.nativeInput=e};this.radioId=undefined;this.refer=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(radioButtonIds++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return h(Host,null,h("label",{class:"radio",htmlFor:this.radioId},h("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),h("div",{class:"radio__circle"},!this.disabled?h("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?h("div",{class:"hover"}):"",h("div",{class:"radio__circle__pointer"})),this.label&&h("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),h("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Radio.style=radioCss;var bdsSwitchCss='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var switchIds=0;var Switch=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.onClick=function(){t.checked=!t.checked};this.refNativeInput=function(e){t.nativeInput=e};this.getStyleState=function(){if(t.checked&&!t.disabled){return"slider--selected"}if(!t.checked&&!t.disabled){return"slider--deselected"}if(t.checked&&t.disabled){return"slider--selected-disabled"}if(!t.checked&&t.disabled){return"slider--deselected-disabled"}return""};this.switchId=undefined;this.refer=undefined;this.size="standard";this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(switchIds++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var o=this.getSizeSliderClass();var r=this.getStyleState();return h("label",{class:(e={},e[i]=true,e)},h("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),h("span",{class:(t={},t[o]=true,t[r]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Switch.style=bdsSwitchCss;export{Checkbox as bds_checkbox,Radio as bds_radio,Switch as bds_switch};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-cbe64994.js";var checkboxCss=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";var checkBoxIds=0;var Checkbox=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsInput=createEvent(this,"bdsInput",7);this.onClick=function(){t.checked=!t.checked};this.refNativeInput=function(e){t.nativeInput=e};this.getStyleState=function(){if(t.checked&&!t.disabled){return"checkbox--selected"}if(!t.checked&&!t.disabled){return"checkbox--deselected"}if(t.checked&&t.disabled){return"checkbox--selected-disabled"}if(!t.checked&&t.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(checkBoxIds++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return h("div",{class:(e={checkbox:true},e[t]=true,e)},h("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),h("label",{class:"checkbox__label",htmlFor:this.checkBoxId},h("div",{class:"checkbox__icon"},h("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),h("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Checkbox.style=checkboxCss;var radioCss=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid var(--color-content-default, #202c44);padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:var(--color-content-disable, #505f79)}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:var(--color-content-ghost, #6e7b91);position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:var(--color-primary, #3f7de8)}.radio__input[type=radio]:disabled~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:var(--color-content-default, #202c44)}.radio__input[type=radio]:disabled~.radio__text{color:var(--color-content-disable, #505f79);cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var radioButtonIds=0;var Radio=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsClickChange=createEvent(this,"bdsClickChange",7);this.onClick=function(e){t.checked=true;t.bdsClickChange.emit({checked:t.checked});e.stopPropagation()};this.refNativeInput=function(e){t.nativeInput=e};this.radioId=undefined;this.refer=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(radioButtonIds++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return h(Host,null,h("label",{class:"radio",htmlFor:this.radioId},h("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),h("div",{class:"radio__circle"},!this.disabled?h("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?h("div",{class:"hover"}):"",h("div",{class:"radio__circle__pointer"})),this.label&&h("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),h("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Radio.style=radioCss;var bdsSwitchCss='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var switchIds=0;var Switch=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.onClick=function(){t.checked=!t.checked};this.refNativeInput=function(e){t.nativeInput=e};this.getStyleState=function(){if(t.checked&&!t.disabled){return"slider--selected"}if(!t.checked&&!t.disabled){return"slider--deselected"}if(t.checked&&t.disabled){return"slider--selected-disabled"}if(!t.checked&&t.disabled){return"slider--deselected-disabled"}return""};this.switchId=undefined;this.refer=undefined;this.size="standard";this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(switchIds++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var o=this.getSizeSliderClass();var r=this.getStyleState();return h("label",{class:(e={},e[i]=true,e)},h("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),h("span",{class:(t={},t[o]=true,t[r]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();Switch.style=bdsSwitchCss;export{Checkbox as bds_checkbox,Radio as bds_radio,Switch as bds_switch};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as s}from"./p-bfbc9769.js";let o=0;const r=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.bdsInput=i(this,"bdsInput",7),this.onClick=()=>{this.checked=!this.checked},this.refNativeInput=e=>{this.nativeInput=e},this.getStyleState=()=>this.checked&&!this.disabled?"checkbox--selected":this.checked||this.disabled?this.checked&&this.disabled?"checkbox--selected-disabled":!this.checked&&this.disabled?"checkbox--deselected-disabled":"":"checkbox--deselected",this.checkBoxId=void 0,this.refer=void 0,this.label=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}connectedCallback(){this.checkBoxId=this.refer||"bds-checkbox-"+o++}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}render(){const e=this.getStyleState();return t("div",{class:{checkbox:!0,[e]:!0}},t("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),t("label",{class:"checkbox__label",htmlFor:this.checkBoxId},t("div",{class:"checkbox__icon"},t("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),t("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))}static get watchers(){return{checked:["checkedChanged"]}}};r.style=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";let d=0;const c=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.bdsClickChange=i(this,"bdsClickChange",7),this.onClick=e=>{this.checked=!0,this.bdsClickChange.emit({checked:this.checked}),e.stopPropagation()},this.refNativeInput=e=>{this.nativeInput=e},this.radioId=void 0,this.refer=void 0,this.label=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}connectedCallback(){this.radioId=this.refer||"bds-radio-"+d++}handleClickKey(e){"Enter"!==e.key&&" "!==e.key||this.disabled||(this.onClick(e),e.preventDefault(),this.bdsClickChange.emit({checked:this.checked}))}render(){return t(s,null,t("label",{class:"radio",htmlFor:this.radioId},t("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),t("div",{class:"radio__circle"},this.disabled?"":t("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}),this.disabled?"":t("div",{class:"hover"}),t("div",{class:"radio__circle__pointer"})),this.label&&t("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),t("slot",null)))}static get watchers(){return{checked:["checkedChanged"]}}};c.style=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #505f79;padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:#6e7b91}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:#202c44;position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#202c44}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled~.radio__text{color:#505f79;cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";let a=0;const n=class{constructor(t){e(this,t),this.bdsChange=i(this,"bdsChange",7),this.onClick=()=>{this.checked=!this.checked},this.refNativeInput=e=>{this.nativeInput=e},this.getStyleState=()=>this.checked&&!this.disabled?"slider--selected":this.checked||this.disabled?this.checked&&this.disabled?"slider--selected-disabled":!this.checked&&this.disabled?"slider--deselected-disabled":"":"slider--deselected",this.switchId=void 0,this.refer=void 0,this.size="standard",this.name=void 0,this.checked=!1,this.disabled=!1,this.dataTest=null}connectedCallback(){this.switchId=this.refer||"bds-switch-"+a++}checkedChanged(e){this.bdsChange.emit({checked:e})}getInputElement(){return Promise.resolve(this.nativeInput)}getValue(){return Promise.resolve(this.nativeInput.checked)}getSizeClass(){return`switch switch--size-${this.size} `}getSizeSliderClass(){return`slider slider--size-${this.size} round `}render(){const e=this.getSizeClass(),i=this.getSizeSliderClass(),s=this.getStyleState();return t("label",{class:{[e]:!0}},t("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),t("span",{class:{[i]:!0,[s]:!0}}))}static get watchers(){return{checked:["checkedChanged"]}}};n.style='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';export{r as bds_checkbox,c as bds_radio,n as bds_switch}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-a4b7f12e.system.js"],(function(e){"use strict";var t,i,o,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H}],execute:function(){var n=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";var s=0;var d=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsInput=i(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(s++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon"},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());d.style=n;var c=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #505f79;padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle .hover{width:0;height:0;opacity:0}.radio__circle:hover{border-color:#6e7b91}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:#202c44;position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px;-webkit-transition:width 0.65s, height 0.65s;transition:width 0.65s, height 0.65s}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#202c44}.radio__input[type=radio]:checked~.radio__circle{background:transparent;border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#202c44}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled~.radio__text{color:#505f79;cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var a=0;var l=e("bds_radio",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsClickChange=i(this,"bdsClickChange",7);this.onClick=function(e){o.checked=true;o.bdsClickChange.emit({checked:o.checked});e.stopPropagation()};this.refNativeInput=function(e){o.nativeInput=e};this.radioId=undefined;this.refer=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(a++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return o(r,null,o("label",{class:"radio",htmlFor:this.radioId},o("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),o("div",{class:"radio__circle"},!this.disabled?o("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?o("div",{class:"hover"}):"",o("div",{class:"radio__circle__pointer"})),this.label&&o("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),o("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());l.style=c;var h='.switch{position:relative;display:inline-block}.switch--size-tall{width:56px;height:32px}.switch--size-standard{width:42px;height:24px}.switch--size-short{width:32px;height:18px}.switch input{opacity:100;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b9cbd3;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.slider--size-tall::before{position:absolute;content:" ";left:4px;bottom:4px;top:4px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:24px;height:24px}.slider--size-standard::before{position:absolute;content:" ";left:3px;bottom:3px;top:3px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:18px;height:18px}.slider--size-short::before{position:absolute;content:" ";left:2.25px;bottom:2.25px;top:2.25px;background-color:#ffffff;-webkit-transition:0.4s;transition:0.4s;border-radius:50%;width:13.5px;height:13.5px}.slider--deselected-disabled{cursor:not-allowed;background-color:#d2dfe6}input:checked+.slider{background-color:#3f7de8}input:checked+.slider--selected-disabled{cursor:not-allowed;background-color:#b3d4ff}input:focus+.slider{-webkit-box-shadow:0 0 1px #3f7de8;box-shadow:0 0 1px #3f7de8}input:focus+.slider--selected-disabled{-webkit-box-shadow:0 0 1px #b9cbd3;box-shadow:0 0 1px #b9cbd3}input:focus+.slider--deselected-disabled{-webkit-box-shadow:0 0 1px #d2dfe6;box-shadow:0 0 1px #d2dfe6}input:checked+.slider--size-tall::before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider--size-standard::before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}input:checked+.slider--size-short::before{-webkit-transform:translateX(13.75px);-ms-transform:translateX(13.75px);transform:translateX(13.75px)}';var b=0;var p=e("bds_switch",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"slider--selected"}if(!o.checked&&!o.disabled){return"slider--deselected"}if(o.checked&&o.disabled){return"slider--selected-disabled"}if(!o.checked&&o.disabled){return"slider--deselected-disabled"}return""};this.switchId=undefined;this.refer=undefined;this.size="standard";this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.switchId=this.refer||"bds-switch-".concat(b++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.getSizeClass=function(){return"switch switch--size-".concat(this.size," ")};e.prototype.getSizeSliderClass=function(){return"slider slider--size-".concat(this.size," round ")};e.prototype.render=function(){var e,t;var i=this.getSizeClass();var r=this.getSizeSliderClass();var n=this.getStyleState();return o("label",{class:(e={},e[i]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.switchId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("span",{class:(t={},t[r]=true,t[n]=true,t)}))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());p.style=h}}}));
|