blip-ds 1.282.0 → 1.283.1
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-illustration.entry.js +1 -1
- package/dist/blip-ds/bds-illustration.system.entry.js +1 -1
- package/dist/blip-ds/bds-select.entry.js +1 -0
- package/dist/blip-ds/bds-select.system.entry.js +1 -1
- package/dist/blip-ds/p-a39ef3b8.system.js +1 -1
- package/dist/blip-ds/p-d980254d.entry.js +1 -0
- package/dist/blip-ds/{p-ddb34feb.system.entry.js → p-f28857ca.system.entry.js} +1 -1
- package/dist/cjs/bds-illustration.cjs.entry.js +1 -1
- package/dist/cjs/bds-select.cjs.entry.js +1 -0
- package/dist/collection/components/selects/select/select.js +1 -0
- package/dist/esm/bds-illustration.entry.js +1 -1
- package/dist/esm/bds-select.entry.js +1 -0
- package/dist/esm-es5/bds-select.entry.js +1 -1
- package/package.json +1 -1
- package/dist/blip-ds/p-14529792.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, f as Host } from './index-06929dd0.js';
|
|
2
2
|
|
|
3
3
|
const name = "blip-ds";
|
|
4
|
-
const version = "1.
|
|
4
|
+
const version = "1.283.1";
|
|
5
5
|
const description = "Blip Design System";
|
|
6
6
|
const main = "./dist/index.cjs.js";
|
|
7
7
|
const module = "./dist/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.
|
|
1
|
+
System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.283.1";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
|
|
1
|
+
System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-d105fb25.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var b=n.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var u=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(u!=null){b.setAttribute("nonce",u)}p=new Promise((function(e){b.onload=function(){e(a[d].m);b.remove()}}));l.set(c,p);n.head.appendChild(b)}return p}}};l().then((function(e){return d(JSON.parse('[["p-0182ce9f.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"variantBanner":[1537,"variant-banner"],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-14879657.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-2fa67a66.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[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"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"selectedOptions":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"selectedOption":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-4fc216ca.system",[[6,"bds-input-chips",{"chips":[1025],"blurCreation":[4,"blur-creation"],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-6c63689b.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-fc3ecb88.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],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-ba7fd5ab.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"success":[1540],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"loading":[4],"selectionType":[1,"selection-type"],"selectionTitle":[1,"selection-title"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"textMultiselect":[32],"placeholderState":[32],"internalOptions":[32],"cloneOptions":[32],"checkedOptions":[32],"isFocused":[32],"validationDanger":[32],"validationMesage":[32]},[[9,"mousedown","handleWindow"]]]]],["p-13fb326e.system",[[1,"bds-data-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-25ecca27.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-802cb27b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"dtInputFiles":[1,"dt-input-files"],"dtLabelAddFile":[1,"dt-label-add-file"],"dtButtonDelete":[1,"dt-button-delete"],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32],"deleteFile":[64],"deleteAllFiles":[64]}]]],["p-5ca52c3d.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"dataTest":[1,"data-test"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-b646d81e.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-82e3f0f3.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"],"showMessage":[32]}]]],["p-a1da8988.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-6ec6bbe3.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-15b1a7b9.system",[[6,"bds-table-row",{"clickable":[1540],"selected":[4],"bodyCollapse":[1,"body-collapse"],"dataTarget":[1,"data-target"],"isDense":[32],"collapse":[32],"isCollapsed":[32],"colspanNumber":[32],"bdsTable":[32],"collapseRow":[32]}]]],["p-b80fa244.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-7c64af88.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"dataTest":[1,"data-test"],"type":[32]}]]],["p-41a367e8.system",[[1,"bds-card",{"height":[1],"width":[1],"clickable":[4],"dataTest":[1,"data-test"],"isHovered":[32],"isPressed":[32],"elevation":[32]}]]],["p-96a4866e.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-e3976c8b.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"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-55b2703d.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"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"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-81ccc13c.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-e9c752da.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-9dd152c4.system",[[1,"bds-nav-tree",{"collapse":[1],"isOpen":[1540,"is-open"],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"dataTest":[1,"data-test"],"isOpenAftAnimation":[32],"toggle":[64]}]]],["p-d05ec4ec.system",[[1,"bds-nav-tree-item",{"collapse":[1],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"isOpen":[1540,"is-open"],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-9dca6811.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-1b883456.system",[[1,"bds-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"markers":[4],"label":[4],"type":[1],"dataMarkers":[1,"data-markers"],"dataTest":[1,"data-test"],"stepArray":[32],"internalOptions":[32],"inputValue":[32]}]]],["p-f6a1ec33.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-9e85f5b6.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1],"isDense":[32]}]]],["p-bcd2fb29.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-ded8f6c6.system",[[1,"bds-warning"]]],["p-ad6be2ba.system",[[1,"bds-alert-body"]]],["p-21a45438.system",[[1,"bds-card-body"]]],["p-cf869350.system",[[1,"bds-card-footer",{"align":[1]}]]],["p-3fd0e5e4.system",[[1,"bds-card-header",{"align":[1]}]]],["p-0b49aeec.system",[[1,"bds-card-subtitle",{"text":[1]}]]],["p-7bc596a4.system",[[1,"bds-card-title",{"text":[1]}]]],["p-5768a349.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-40c3d4da.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-725da80c.system",[[1,"bds-image",{"src":[1537],"alt":[1],"width":[1],"height":[1],"objectFit":[1,"object-fit"],"dataTest":[1,"data-test"],"imageLoaded":[32],"loadError":[32],"currentSrc":[32],"loadImage":[64]}]]],["p-eb40ce23.system",[[6,"bds-list-item-content",{"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"gap":[1]}]]],["p-d8aa7272.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-517108e3.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-7b540b79.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-481d3dca.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-da04de5b.system",[[1,"bds-skeleton",{"shape":[1],"height":[1],"width":[1],"dataTest":[1,"data-test"]}]]],["p-e7293aa3.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-0f064f03.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-1df9fcc2.system",[[1,"bds-accordion-body",{"dataTest":[1,"data-test"],"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-4ecf6e13.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-baa4794f.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-3cbefbba.system",[[1,"bds-alert-actions"]]],["p-66439ed3.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-4099a65c.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"dataTest":[1,"data-test"],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"toggle":[64],"setOpen":[64],"setClose":[64]}]]],["p-b4d7b592.system",[[1,"bds-expansion-panel"]]],["p-8c37f01b.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-24532d73.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-966b713a.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-50445c7d.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-7470a575.system",[[1,"bds-menu-list"]]],["p-69b0eea4.system",[[1,"bds-modal-action"]]],["p-c7dbf1e3.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"],"dataTest":[1,"data-test"]}]]],["p-564e8890.system",[[1,"bds-navbar-content"]]],["p-df1d9e3c.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-724aad40.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-6390eb48.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-a359109c.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-ab6e151f.system",[[6,"bds-table",{"scrollable":[1540],"collapse":[1540],"denseTable":[1540,"dense-table"]}]]],["p-5ff5b195.system",[[6,"bds-table-body",{"multipleRows":[32]}]]],["p-88121ea4.system",[[6,"bds-table-header"]]],["p-d78e7bea.system",[[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-1a7ae809.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"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"size":[1],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-ddb34feb.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[11,"mousedown","handleWindow"]]]]],["p-1e3d32f6.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-3735c38f.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4],"isDense":[32]}]]],["p-0308b4eb.system",[[1,"bds-illustration",{"type":[1],"name":[1],"alt":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-8212b49d.system",[[6,"bds-toast-container"]]],["p-06b1bc44.system",[[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-bdbaa9b7.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]}]]],["p-6ea6223a.system",[[1,"bds-button",{"block":[4],"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"iconTheme":[513,"icon-theme"],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}]]],["p-79b0de4b.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-0804721d.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-64330d0c.system",[[1,"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],"typeOption":[1537,"type-option"],"checked":[1540],"dataTest":[1,"data-test"],"toggle":[64],"toMark":[64],"markOff":[64]}],[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64],"toggle":[64]}]]],["p-642c6c8c.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"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],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"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"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[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-e1fa038e.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"openUpload":[4,"open-upload"],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-6658f6a3.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64],"invisible":[64]}]]],["p-af9a943a.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"iconTheme":[513,"icon-theme"],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-70e78cea.system",[[0,"bds-test-component"],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1537],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"bgColor":[1,"bg-color"],"hasBorder":[32],"constElevation":[32]}],[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]}],[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"]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-d105fb25.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var b=n.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var u=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(u!=null){b.setAttribute("nonce",u)}p=new Promise((function(e){b.onload=function(){e(a[d].m);b.remove()}}));l.set(c,p);n.head.appendChild(b)}return p}}};l().then((function(e){return d(JSON.parse('[["p-0182ce9f.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"variantBanner":[1537,"variant-banner"],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-14879657.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-2fa67a66.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[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"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"selectedOptions":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"selectedOption":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-4fc216ca.system",[[6,"bds-input-chips",{"chips":[1025],"blurCreation":[4,"blur-creation"],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-6c63689b.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-fc3ecb88.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],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-ba7fd5ab.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"success":[1540],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"loading":[4],"selectionType":[1,"selection-type"],"selectionTitle":[1,"selection-title"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"textMultiselect":[32],"placeholderState":[32],"internalOptions":[32],"cloneOptions":[32],"checkedOptions":[32],"isFocused":[32],"validationDanger":[32],"validationMesage":[32]},[[9,"mousedown","handleWindow"]]]]],["p-13fb326e.system",[[1,"bds-data-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-25ecca27.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-802cb27b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"dtInputFiles":[1,"dt-input-files"],"dtLabelAddFile":[1,"dt-label-add-file"],"dtButtonDelete":[1,"dt-button-delete"],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32],"deleteFile":[64],"deleteAllFiles":[64]}]]],["p-5ca52c3d.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"dataTest":[1,"data-test"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-b646d81e.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-82e3f0f3.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"],"showMessage":[32]}]]],["p-a1da8988.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-6ec6bbe3.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-15b1a7b9.system",[[6,"bds-table-row",{"clickable":[1540],"selected":[4],"bodyCollapse":[1,"body-collapse"],"dataTarget":[1,"data-target"],"isDense":[32],"collapse":[32],"isCollapsed":[32],"colspanNumber":[32],"bdsTable":[32],"collapseRow":[32]}]]],["p-b80fa244.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-7c64af88.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"dataTest":[1,"data-test"],"type":[32]}]]],["p-41a367e8.system",[[1,"bds-card",{"height":[1],"width":[1],"clickable":[4],"dataTest":[1,"data-test"],"isHovered":[32],"isPressed":[32],"elevation":[32]}]]],["p-96a4866e.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-e3976c8b.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"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-55b2703d.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"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"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-81ccc13c.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-e9c752da.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-9dd152c4.system",[[1,"bds-nav-tree",{"collapse":[1],"isOpen":[1540,"is-open"],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"dataTest":[1,"data-test"],"isOpenAftAnimation":[32],"toggle":[64]}]]],["p-d05ec4ec.system",[[1,"bds-nav-tree-item",{"collapse":[1],"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"isOpen":[1540,"is-open"],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-9dca6811.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-1b883456.system",[[1,"bds-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"markers":[4],"label":[4],"type":[1],"dataMarkers":[1,"data-markers"],"dataTest":[1,"data-test"],"stepArray":[32],"internalOptions":[32],"inputValue":[32]}]]],["p-f6a1ec33.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-9e85f5b6.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1],"isDense":[32]}]]],["p-bcd2fb29.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-ded8f6c6.system",[[1,"bds-warning"]]],["p-ad6be2ba.system",[[1,"bds-alert-body"]]],["p-21a45438.system",[[1,"bds-card-body"]]],["p-cf869350.system",[[1,"bds-card-footer",{"align":[1]}]]],["p-3fd0e5e4.system",[[1,"bds-card-header",{"align":[1]}]]],["p-0b49aeec.system",[[1,"bds-card-subtitle",{"text":[1]}]]],["p-7bc596a4.system",[[1,"bds-card-title",{"text":[1]}]]],["p-5768a349.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-40c3d4da.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-725da80c.system",[[1,"bds-image",{"src":[1537],"alt":[1],"width":[1],"height":[1],"objectFit":[1,"object-fit"],"dataTest":[1,"data-test"],"imageLoaded":[32],"loadError":[32],"currentSrc":[32],"loadImage":[64]}]]],["p-eb40ce23.system",[[6,"bds-list-item-content",{"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"gap":[1]}]]],["p-d8aa7272.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-517108e3.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-7b540b79.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-481d3dca.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-da04de5b.system",[[1,"bds-skeleton",{"shape":[1],"height":[1],"width":[1],"dataTest":[1,"data-test"]}]]],["p-e7293aa3.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-0f064f03.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-1df9fcc2.system",[[1,"bds-accordion-body",{"dataTest":[1,"data-test"],"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"open":[64],"close":[64]}]]],["p-4ecf6e13.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-baa4794f.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-3cbefbba.system",[[1,"bds-alert-actions"]]],["p-66439ed3.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-4099a65c.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"dataTest":[1,"data-test"],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"toggle":[64],"setOpen":[64],"setClose":[64]}]]],["p-b4d7b592.system",[[1,"bds-expansion-panel"]]],["p-8c37f01b.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-24532d73.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-966b713a.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-50445c7d.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-7470a575.system",[[1,"bds-menu-list"]]],["p-69b0eea4.system",[[1,"bds-modal-action"]]],["p-c7dbf1e3.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"],"dataTest":[1,"data-test"]}]]],["p-564e8890.system",[[1,"bds-navbar-content"]]],["p-df1d9e3c.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-724aad40.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-6390eb48.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-a359109c.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-ab6e151f.system",[[6,"bds-table",{"scrollable":[1540],"collapse":[1540],"denseTable":[1540,"dense-table"]}]]],["p-5ff5b195.system",[[6,"bds-table-body",{"multipleRows":[32]}]]],["p-88121ea4.system",[[6,"bds-table-header"]]],["p-d78e7bea.system",[[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-1a7ae809.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"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"size":[1],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-f28857ca.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[11,"mousedown","handleWindow"]]]]],["p-1e3d32f6.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-3735c38f.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4],"isDense":[32]}]]],["p-0308b4eb.system",[[1,"bds-illustration",{"type":[1],"name":[1],"alt":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-8212b49d.system",[[6,"bds-toast-container"]]],["p-06b1bc44.system",[[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-bdbaa9b7.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]}]]],["p-6ea6223a.system",[[1,"bds-button",{"block":[4],"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"iconTheme":[513,"icon-theme"],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}]]],["p-79b0de4b.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-0804721d.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-64330d0c.system",[[1,"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],"typeOption":[1537,"type-option"],"checked":[1540],"dataTest":[1,"data-test"],"toggle":[64],"toMark":[64],"markOff":[64]}],[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64],"toggle":[64]}]]],["p-642c6c8c.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"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],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"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"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[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-e1fa038e.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"openUpload":[4,"open-upload"],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-6658f6a3.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64],"invisible":[64]}]]],["p-af9a943a.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"iconTheme":[513,"icon-theme"],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-70e78cea.system",[[0,"bds-test-component"],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1537],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"bgColor":[1,"bg-color"],"hasBorder":[32],"constElevation":[32]}],[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]}],[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"]}]]]]'),e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,g as o}from"./p-93b809e8.js";import{g as s,p as r}from"./p-feb3bd38.js";const n=class{constructor(e){t(this,e),this.bdsChange=i(this,"bdsChange",7),this.bdsCancel=i(this,"bdsCancel",7),this.bdsFocus=i(this,"bdsFocus",7),this.bdsBlur=i(this,"bdsBlur",7),this.refNativeInput=t=>{this.nativeInput=t},this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.onClickWrapper=()=>{this.onFocus(),this.isOpen=!0,this.nativeInput&&this.nativeInput.focus()},this.onFocus=()=>{this.bdsFocus.emit(),this.isPressed=!0},this.onBlur=()=>{this.bdsBlur.emit(),this.isPressed=!1},this.toggle=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.getText=()=>{var t,i;const e=this.childOptions.find((t=>t.value==this.value));if((null==e?void 0:e.status)||(null==e?void 0:e.bulkOption)){if(this.internalOptions){const t=this.internalOptions.find((t=>t.value==e.value));if(t)return t.titleText?t.titleText:t.label}return e.querySelector(`#bds-typo-label-${this.value}`).textContent}return(null==e?void 0:e.titleText)?e.titleText:null!==(i=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""},this.handler=t=>{const{detail:{value:i}}=t;this.value=i,this.toggle()},this.intoView=null,this.isOpen=!1,this.text="",this.validationDanger=!1,this.isPressed=!1,this.validationMesage="",this.internalOptions=void 0,this.options=void 0,this.value=void 0,this.danger=!1,this.success=!1,this.disabled=!1,this.label="",this.icon="",this.placeholder="",this.helperMessage="",this.errorMessage="",this.successMessage="",this.optionsPosition="auto",this.dataTest=null}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.isOpen?"arrow-up":"arrow-down":this.isOpen?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}valueChanged(){this.bdsChange.emit({value:this.value});for(const t of this.childOptions)t.selected=this.value===t.value;this.text=this.getText()}handleWindow(t){t.composedPath().find((t=>t==this.el))||(this.isOpen=!1)}componentWillLoad(){this.options&&this.optionsChanged(),this.intoView=s(this.el)}componentWillRender(){this.options&&this.updateOptions(),this.getValueSelected()}componentDidLoad(){this.getValueSelected(),"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}optionsChanged(){this.updateOptions()}getValueSelected(){for(const t of this.childOptions)t.selected=this.value===t.value,t.addEventListener("optionSelected",this.handler);this.text=this.getText()}updateOptions(){this.options&&(this.internalOptions="string"==typeof this.options?JSON.parse(this.options):this.options)}get childOptions(){return Array.from(this.options?this.el.shadowRoot.querySelectorAll("bds-select-option"):this.el.querySelectorAll("bds-select-option"))}get childOptionSelected(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((t=>t.selected)):Array.from(this.el.querySelectorAll("bds-select-option")).find((t=>t.selected))}keyPressWrapper(t){var i,e,o,s;switch(t.key){case"Enter":this.toggle();break;case"ArrowDown":if(this.disabled||(this.isOpen=!0),this.childOptionSelected)return void(this.value=null===(i=this.childOptionSelected.nextSibling)||void 0===i?void 0:i.value);this.value=null===(e=this.el.firstElementChild)||void 0===e?void 0:e.value;break;case"ArrowUp":if(this.childOptionSelected)return void(this.value=null===(o=this.childOptionSelected.previousSibling)||void 0===o?void 0:o.value);this.value=null===(s=this.el.lastElementChild)||void 0===s?void 0:s.value}}renderIcon(){return this.icon&&e("div",{class:{input__icon:!0,"input__icon--large":!!this.label}},e("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))}renderLabel(){return this.label&&e("label",{class:{input__container__label:!0,"input__container__label--pressed":this.isPressed&&!this.disabled}},e("bds-typo",{variant:"fs-12",bold:"bold"},this.label))}renderMessage(){let t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger&&(t=this.validationMesage),t)return e("div",{class:this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message",part:"input__message"},e("div",{class:"input__message__icon"},e("bds-icon",{size:"x-small",name:this.danger?"error":this.success?"checkball":"info",theme:"solid",color:"inherit"})),e("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}render(){return e("div",{class:"select"},e("div",{class:{element_input:!0},"aria-disabled":this.disabled?"true":null},e("div",{class:{input:!0,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed&&!this.disabled},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),e("div",{class:"input__container"},this.renderLabel(),e("div",{class:{input__container__wrapper:!0}},e("input",{ref:this.refNativeInput,class:{input__container__text:!0},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:!0,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),e("div",{class:"select__icon"},e("bds-icon",{ref:t=>this.refIconDrop(t),size:"small",color:"inherit"})),this.success&&e("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),e("div",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map(((t,i)=>t.icon||t.titleText?e("bds-select-option",{key:i,value:t.value,"title-text":t.titleText,"slot-align":t.slotAlign,bulkOption:t.bulkOption,status:t.status},t.icon&&e("bds-icon",{slot:"input-left",name:t.icon,size:"medium",color:t.iconColor}),t.label):e("bds-select-option",{key:i,value:t.value,bulkOption:t.bulkOption,status:t.status},t.label))):e("slot",null)))}get el(){return o(this)}static get watchers(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}}};n.style=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';export{n as bds_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-d105fb25.system.js","./p-44fa8bf0.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
|
|
1
|
+
System.register(["./p-d105fb25.system.js","./p-44fa8bf0.system.js"],(function(e){"use strict";var t,i,o,n,s,r;return{setters:[function(e){t=e.r;i=e.c;o=e.h;n=e.g},function(e){s=e.g;r=e.p}],execute:function(){var a=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var l=e("bds_select",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refNativeInput=function(e){o.nativeInput=e};this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.onClickWrapper=function(){o.onFocus();o.isOpen=true;if(o.nativeInput){o.nativeInput.focus()}};this.onFocus=function(){o.bdsFocus.emit();o.isPressed=true};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getText=function(){var e,t;var i=o.childOptions.find((function(e){return e.value==o.value}));if((i===null||i===void 0?void 0:i.status)||(i===null||i===void 0?void 0:i.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(e){return e.value==i.value}));if(n){return n.titleText?n.titleText:n.label}}return i.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(i===null||i===void 0?void 0:i.titleText)?i.titleText:(t=(e=i===null||i===void 0?void 0:i.textContent)===null||e===void 0?void 0:e.trim())!==null&&t!==void 0?t:""};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=s(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return o("div",{class:"select"},o("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),o("div",{class:"input__container"},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},o("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&o("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?o("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&o("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):o("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-47da0942.js');
|
|
6
6
|
|
|
7
7
|
const name = "blip-ds";
|
|
8
|
-
const version = "1.
|
|
8
|
+
const version = "1.283.1";
|
|
9
9
|
const description = "Blip Design System";
|
|
10
10
|
const main = "./dist/index.cjs.js";
|
|
11
11
|
const module$1 = "./dist/index.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, f as Host } from './index-3a5d8cd6.js';
|
|
2
2
|
|
|
3
3
|
const name = "blip-ds";
|
|
4
|
-
const version = "1.
|
|
4
|
+
const version = "1.283.1";
|
|
5
5
|
const description = "Blip Design System";
|
|
6
6
|
const main = "./dist/index.cjs.js";
|
|
7
7
|
const module = "./dist/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-611fd21e.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-a18074c8.js";var selectCss=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var Select=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsCancel=createEvent(this,"bdsCancel",7);this.bdsFocus=createEvent(this,"bdsFocus",7);this.bdsBlur=createEvent(this,"bdsBlur",7);this.refNativeInput=function(e){t.nativeInput=e};this.refDropdown=function(e){t.dropElement=e};this.refIconDrop=function(e){t.iconDropElement=e};this.onClickWrapper=function(){t.onFocus();t.isOpen=true;if(t.nativeInput){t.nativeInput.focus()}};this.onFocus=function(){t.bdsFocus.emit();t.isPressed=true};this.onBlur=function(){t.bdsBlur.emit();t.isPressed=false};this.toggle=function(){if(!t.disabled){t.isOpen=!t.isOpen}};this.getText=function(){var e,i;var o=t.childOptions.find((function(e){return e.value==t.value}));if((o===null||o===void 0?void 0:o.status)||(o===null||o===void 0?void 0:o.bulkOption)){if(t.internalOptions){var n=t.internalOptions.find((function(e){return e.value==o.value}));if(n){return n.titleText?n.titleText:n.label}}return o.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(o===null||o===void 0?void 0:o.titleText)?o.titleText:(i=(e=o===null||o===void 0?void 0:o.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.handler=function(e){var i=e.detail.value;t.value=i;t.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=getScrollParent(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=positionAbsoluteElement({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&h("div",{class:{input__icon:true,"input__icon--large":!!this.label}},h("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&h("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},h("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return h("div",{class:i,part:"input__message"},h("div",{class:"input__message__icon"},h("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),h("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return h("div",{class:"select"},h("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},h("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),h("div",{class:"input__container"},this.renderLabel(),h("div",{class:{input__container__wrapper:true}},h("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),h("div",{class:"select__icon"},h("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&h("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),h("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?h("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&h("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):h("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}();Select.style=selectCss;export{Select as bds_select};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-611fd21e.js";import{g as getScrollParent,p as positionAbsoluteElement}from"./position-element-a18074c8.js";var selectCss=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var Select=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange",7);this.bdsCancel=createEvent(this,"bdsCancel",7);this.bdsFocus=createEvent(this,"bdsFocus",7);this.bdsBlur=createEvent(this,"bdsBlur",7);this.refNativeInput=function(e){t.nativeInput=e};this.refDropdown=function(e){t.dropElement=e};this.refIconDrop=function(e){t.iconDropElement=e};this.onClickWrapper=function(){t.onFocus();t.isOpen=true;if(t.nativeInput){t.nativeInput.focus()}};this.onFocus=function(){t.bdsFocus.emit();t.isPressed=true};this.onBlur=function(){t.bdsBlur.emit();t.isPressed=false};this.toggle=function(){if(!t.disabled){t.isOpen=!t.isOpen}};this.getText=function(){var e,i;var o=t.childOptions.find((function(e){return e.value==t.value}));if((o===null||o===void 0?void 0:o.status)||(o===null||o===void 0?void 0:o.bulkOption)){if(t.internalOptions){var n=t.internalOptions.find((function(e){return e.value==o.value}));if(n){return n.titleText?n.titleText:n.label}}return o.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(o===null||o===void 0?void 0:o.titleText)?o.titleText:(i=(e=o===null||o===void 0?void 0:o.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.handler=function(e){var i=e.detail.value;t.value=i;t.toggle()};this.intoView=null;this.isOpen=false;this.text="";this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalOptions=undefined;this.options=undefined;this.value=undefined;this.danger=false;this.success=false;this.disabled=false;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.dataTest=null}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.text=this.getText()};e.prototype.handleWindow=function(e){var t=this;var i=e.composedPath();if(!i.find((function(e){return e==t.el}))){this.isOpen=false}};e.prototype.componentWillLoad=function(){this.options&&this.optionsChanged();this.intoView=getScrollParent(this.el)};e.prototype.componentWillRender=function(){this.options&&this.updateOptions();this.getValueSelected()};e.prototype.componentDidLoad=function(){this.getValueSelected();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=positionAbsoluteElement({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.optionsChanged=function(){this.updateOptions()};e.prototype.getValueSelected=function(){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}this.text=this.getText()};e.prototype.updateOptions=function(){if(this.options){if(typeof this.options==="string"){this.internalOptions=JSON.parse(this.options)}else{this.internalOptions=this.options}}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.renderIcon=function(){return this.icon&&h("div",{class:{input__icon:true,"input__icon--large":!!this.label}},h("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&h("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},h("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return h("div",{class:i,part:"input__message"},h("div",{class:"input__message__icon"},h("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),h("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t=this.isPressed&&!this.disabled;return h("div",{class:"select"},h("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},h("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":t},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),h("div",{class:"input__container"},this.renderLabel(),h("div",{class:{input__container__wrapper:true}},h("input",{ref:this.refNativeInput,class:{input__container__text:true},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:true,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),h("div",{class:"select__icon"},h("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"})),this.success&&h("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),h("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map((function(e,t){return e.icon||e.titleText?h("bds-select-option",{key:t,value:e.value,"title-text":e.titleText,"slot-align":e.slotAlign,bulkOption:e.bulkOption,status:e.status},e.icon&&h("bds-icon",{slot:"input-left",name:e.icon,size:"medium",color:e.iconColor}),e.label):h("bds-select-option",{key:t,value:e.value,bulkOption:e.bulkOption,status:e.status},e.label)})):h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}},enumerable:false,configurable:true});return e}();Select.style=selectCss;export{Select as bds_select};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as o}from"./p-93b809e8.js";import{g as s,p as r}from"./p-feb3bd38.js";const n=class{constructor(e){t(this,e),this.bdsChange=i(this,"bdsChange",7),this.bdsCancel=i(this,"bdsCancel",7),this.bdsFocus=i(this,"bdsFocus",7),this.bdsBlur=i(this,"bdsBlur",7),this.refNativeInput=t=>{this.nativeInput=t},this.refDropdown=t=>{this.dropElement=t},this.refIconDrop=t=>{this.iconDropElement=t},this.onClickWrapper=()=>{this.onFocus(),this.isOpen=!0,this.nativeInput&&this.nativeInput.focus()},this.onFocus=()=>{this.bdsFocus.emit(),this.isPressed=!0},this.onBlur=()=>{this.bdsBlur.emit(),this.isPressed=!1},this.toggle=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.getText=()=>{var t,i;const e=this.childOptions.find((t=>t.value==this.value));if((null==e?void 0:e.status)||(null==e?void 0:e.bulkOption)){if(this.internalOptions){const t=this.internalOptions.find((t=>t.value==e.value));if(t)return t.titleText?t.titleText:t.label}return e.querySelector(`#bds-typo-label-${this.value}`).textContent}return(null==e?void 0:e.titleText)?e.titleText:null!==(i=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""},this.handler=t=>{const{detail:{value:i}}=t;this.value=i,this.toggle()},this.intoView=null,this.isOpen=!1,this.text="",this.validationDanger=!1,this.isPressed=!1,this.validationMesage="",this.internalOptions=void 0,this.options=void 0,this.value=void 0,this.danger=!1,this.success=!1,this.disabled=!1,this.label="",this.icon="",this.placeholder="",this.helperMessage="",this.errorMessage="",this.successMessage="",this.optionsPosition="auto",this.dataTest=null}isOpenChanged(t){this.iconDropElement.name="bottom"==this.positionHeightDrop?this.isOpen?"arrow-up":"arrow-down":this.isOpen?"arrow-down":"arrow-up",t&&("auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop())}valueChanged(){this.bdsChange.emit({value:this.value});for(const t of this.childOptions)t.selected=this.value===t.value;this.text=this.getText()}handleWindow(t){t.composedPath().find((t=>t==this.el))||(this.isOpen=!1)}componentWillLoad(){this.options&&this.optionsChanged(),this.intoView=s(this.el)}componentWillRender(){this.options&&this.updateOptions()}componentDidLoad(){this.getValueSelected(),"auto"!=this.optionsPosition?this.setDefaultPlacement(this.optionsPosition):this.validatePositionDrop()}setDefaultPlacement(t){"bottom"==t?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}validatePositionDrop(){const t=r({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y,"bottom"==t.y?(this.dropElement.classList.add("select__options--position-bottom"),this.iconDropElement.name="arrow-down"):(this.dropElement.classList.add("select__options--position-top"),this.iconDropElement.name="arrow-up")}optionsChanged(){this.updateOptions()}getValueSelected(){for(const t of this.childOptions)t.selected=this.value===t.value,t.addEventListener("optionSelected",this.handler);this.text=this.getText()}updateOptions(){this.options&&(this.internalOptions="string"==typeof this.options?JSON.parse(this.options):this.options)}get childOptions(){return Array.from(this.options?this.el.shadowRoot.querySelectorAll("bds-select-option"):this.el.querySelectorAll("bds-select-option"))}get childOptionSelected(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((t=>t.selected)):Array.from(this.el.querySelectorAll("bds-select-option")).find((t=>t.selected))}keyPressWrapper(t){var i,e,o,s;switch(t.key){case"Enter":this.toggle();break;case"ArrowDown":if(this.disabled||(this.isOpen=!0),this.childOptionSelected)return void(this.value=null===(i=this.childOptionSelected.nextSibling)||void 0===i?void 0:i.value);this.value=null===(e=this.el.firstElementChild)||void 0===e?void 0:e.value;break;case"ArrowUp":if(this.childOptionSelected)return void(this.value=null===(o=this.childOptionSelected.previousSibling)||void 0===o?void 0:o.value);this.value=null===(s=this.el.lastElementChild)||void 0===s?void 0:s.value}}renderIcon(){return this.icon&&e("div",{class:{input__icon:!0,"input__icon--large":!!this.label}},e("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))}renderLabel(){return this.label&&e("label",{class:{input__container__label:!0,"input__container__label--pressed":this.isPressed&&!this.disabled}},e("bds-typo",{variant:"fs-12",bold:"bold"},this.label))}renderMessage(){let t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger&&(t=this.validationMesage),t)return e("div",{class:this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message",part:"input__message"},e("div",{class:"input__message__icon"},e("bds-icon",{size:"x-small",name:this.danger?"error":this.success?"checkball":"info",theme:"solid",color:"inherit"})),e("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}render(){return e("div",{class:"select"},e("div",{class:{element_input:!0},"aria-disabled":this.disabled?"true":null},e("div",{class:{input:!0,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed&&!this.disabled},onClick:this.onClickWrapper,part:"input-container"},this.renderIcon(),e("div",{class:"input__container"},this.renderLabel(),e("div",{class:{input__container__wrapper:!0}},e("input",{ref:this.refNativeInput,class:{input__container__text:!0},onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,placeholder:this.placeholder,readonly:!0,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),e("div",{class:"select__icon"},e("bds-icon",{ref:t=>this.refIconDrop(t),size:"small",color:"inherit"})),this.success&&e("bds-icon",{class:"icon-success",name:"checkball",theme:"solid",size:"xxx-small"})),this.renderMessage()),e("div",{ref:t=>this.refDropdown(t),class:{select__options:!0,"select__options--open":this.isOpen},role:"application"},this.internalOptions?this.internalOptions.map(((t,i)=>t.icon||t.titleText?e("bds-select-option",{key:i,value:t.value,"title-text":t.titleText,"slot-align":t.slotAlign,bulkOption:t.bulkOption,status:t.status},t.icon&&e("bds-icon",{slot:"input-left",name:t.icon,size:"medium",color:t.iconColor}),t.label):e("bds-select-option",{key:i,value:t.value,bulkOption:t.bulkOption,status:t.status},t.label))):e("slot",null)))}get el(){return o(this)}static get watchers(){return{isOpen:["isOpenChanged"],value:["valueChanged"],options:["optionsChanged"]}}};n.style=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8C8C8C);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 12px 0 2px 8px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';export{n as bds_select}
|